:root, .color-scheme--main {
--action-hex: #de0808;
--action-hsl: 0 93% 45%;
--action-rgb: 222 8 8;
--action-r: 222;
--action-g: 8;
--action-b: 8;
--action-h: 0;
--action-s: 93%;
--action-l: 45%;
--action-hover-h: 0;
--action-hover-s: 93%;
--action-hover-l: 1.15;
--action-ultra-light-h: 0;
--action-ultra-light-s: 93%;
--action-ultra-light-l: 95%;
--action-light-h: 0;
--action-light-s: 93%;
--action-light-l: 85%;
--action-medium-h: 0;
--action-medium-s: 93%;
--action-medium-l: 50%;
--action-dark-h: 0;
--action-dark-s: 93%;
--action-dark-l: 25%;
--action-ultra-dark-h: 0;
--action-ultra-dark-s: 93%;
--action-ultra-dark-l: 10%;
--action-comp-h: 180;
--primary-hex: #347eac;
--primary-hsl: 203 54% 44%;
--primary-rgb: 52 126 172;
--primary-r: 52;
--primary-g: 126;
--primary-b: 172;
--primary-h: 203;
--primary-s: 54%;
--primary-l: 44%;
--primary-hover-h: 203;
--primary-hover-s: 54%;
--primary-hover-l: 1.15;
--primary-ultra-light-h: 203;
--primary-ultra-light-s: 54%;
--primary-ultra-light-l: 95%;
--primary-light-h: 203;
--primary-light-s: 54%;
--primary-light-l: 85%;
--primary-medium-h: 203;
--primary-medium-s: 54%;
--primary-medium-l: 50%;
--primary-dark-h: 203;
--primary-dark-s: 54%;
--primary-dark-l: 25%;
--primary-ultra-dark-h: 203;
--primary-ultra-dark-s: 54%;
--primary-ultra-dark-l: 10%;
--primary-comp-h: 383;
--secondary-hex: #25d366;
--secondary-hsl: 142 70% 49%;
--secondary-rgb: 37 211 102;
--secondary-r: 37;
--secondary-g: 211;
--secondary-b: 102;
--secondary-h: 142;
--secondary-s: 70%;
--secondary-l: 49%;
--secondary-hover-h: 142;
--secondary-hover-s: 70%;
--secondary-hover-l: 1.15;
--secondary-ultra-light-h: 142;
--secondary-ultra-light-s: 70%;
--secondary-ultra-light-l: 95%;
--secondary-light-h: 142;
--secondary-light-s: 70%;
--secondary-light-l: 85%;
--secondary-medium-h: 142;
--secondary-medium-s: 70%;
--secondary-medium-l: 50%;
--secondary-dark-h: 142;
--secondary-dark-s: 70%;
--secondary-dark-l: 25%;
--secondary-ultra-dark-h: 142;
--secondary-ultra-dark-s: 70%;
--secondary-ultra-dark-l: 10%;
--secondary-comp-h: 322;
--accent-hex: #44abeb;
--accent-hsl: 203 81% 59%;
--accent-rgb: 68 171 235;
--accent-r: 68;
--accent-g: 171;
--accent-b: 235;
--accent-h: 203;
--accent-s: 81%;
--accent-l: 59%;
--accent-hover-h: 203;
--accent-hover-s: 81%;
--accent-hover-l: 1.15;
--accent-ultra-light-h: 203;
--accent-ultra-light-s: 81%;
--accent-ultra-light-l: 95%;
--accent-light-h: 203;
--accent-light-s: 81%;
--accent-light-l: 85%;
--accent-medium-h: 203;
--accent-medium-s: 81%;
--accent-medium-l: 50%;
--accent-dark-h: 203;
--accent-dark-s: 81%;
--accent-dark-l: 25%;
--accent-ultra-dark-h: 203;
--accent-ultra-dark-s: 81%;
--accent-ultra-dark-l: 10%;
--accent-comp-h: 383;
--base-hex: #344F6F;
--base-hsl: 213 36% 32%;
--base-rgb: 52 79 111;
--base-r: 52;
--base-g: 79;
--base-b: 111;
--base-h: 213;
--base-s: 36%;
--base-l: 32%;
--base-hover-h: 213;
--base-hover-s: 36%;
--base-hover-l: 1.15;
--base-ultra-light-h: 213;
--base-ultra-light-s: 36%;
--base-ultra-light-l: 95%;
--base-light-h: 213;
--base-light-s: 36%;
--base-light-l: 85%;
--base-medium-h: 213;
--base-medium-s: 36%;
--base-medium-l: 50%;
--base-dark-h: 213;
--base-dark-s: 36%;
--base-dark-l: 25%;
--base-ultra-dark-h: 213;
--base-ultra-dark-s: 36%;
--base-ultra-dark-l: 10%;
--base-comp-h: 393;
--shade-hex: #000000;
--shade-hsl: 0 0% 0%;
--shade-rgb: 0 0 0;
--shade-r: 0;
--shade-g: 0;
--shade-b: 0;
--shade-h: 0;
--shade-s: 0%;
--shade-l: 0%;
--shade-hover-h: 0;
--shade-hover-s: 0%;
--shade-hover-l: 1.15;
--shade-ultra-light-h: 0;
--shade-ultra-light-s: 0%;
--shade-ultra-light-l: 95%;
--shade-light-h: 0;
--shade-light-s: 0%;
--shade-light-l: 85%;
--shade-medium-h: 0;
--shade-medium-s: 0%;
--shade-medium-l: 50%;
--shade-dark-h: 0;
--shade-dark-s: 0%;
--shade-dark-l: 25%;
--shade-ultra-dark-h: 0;
--shade-ultra-dark-s: 0%;
--shade-ultra-dark-l: 10%;
--shade-comp-h: 180;
--neutral-hex: #000000;
--neutral-hsl: 0 0% 0%;
--neutral-rgb: 0 0 0;
--neutral-r: 0;
--neutral-g: 0;
--neutral-b: 0;
--neutral-h: 0;
--neutral-s: 0%;
--neutral-l: 0%;
--neutral-hover-h: 0;
--neutral-hover-s: 0%;
--neutral-hover-l: 1.15;
--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-medium-h: 0;
--neutral-medium-s: 0%;
--neutral-medium-l: 50%;
--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%;
--neutral-comp-h: 180;
--action: #de0808;
--action-hover: #f61212;
--action-ultra-light: #fee6e6;
--action-light: #fcb5b5;
--action-medium: #f60909;
--action-dark: #7b0404;
--action-ultra-dark: #310202;
--action-comp: #08dddd;
--primary: #347eac;
--primary-hover: #3d91c5;
--primary-ultra-light: #ebf4f9;
--primary-light: #c4deed;
--primary-medium: #3b90c4;
--primary-dark: #1d4862;
--primary-ultra-dark: #0c1d27;
--primary-comp: #ad6234;
--secondary: #25d366;
--secondary-hover: #42de7b;
--secondary-ultra-light: #e9fbf0;
--secondary-light: #bef4d2;
--secondary-medium: #26d968;
--secondary-dark: #136c34;
--secondary-ultra-dark: #082b15;
--secondary-comp: #d42594;
--accent: #44abeb;
--accent-hover: #6bbdef;
--accent-ultra-light: #e8f5fd;
--accent-light: #bae0f8;
--accent-medium: #1898e7;
--accent-dark: #0c4c73;
--accent-ultra-dark: #051e2e;
--accent-comp: #eb8342;
--base: #344F6F;
--base-hover: #3c5a80;
--base-ultra-light: #eef2f7;
--base-light: #cbd7e7;
--base-medium: #527bad;
--base-dark: #293d57;
--base-ultra-dark: #101923;
--base-comp: #6f5534;
--shade: #000000;
--shade-hover: black;
--shade-ultra-light: #f2f2f2;
--shade-light: #d9d9d9;
--shade-medium: gray;
--shade-dark: #404040;
--shade-ultra-dark: #1a1a1a;
--shade-comp: black;
--neutral: #000000;
--neutral-hover: black;
--neutral-ultra-light: #f2f2f2;
--neutral-light: #d9d9d9;
--neutral-medium: gray;
--neutral-dark: #404040;
--neutral-ultra-dark: #1a1a1a;
--neutral-comp: black;
--white: #fff;
--black: #000;
--action-trans-10: rgba(222, 8, 8, 0.1);
--action-trans-20: rgba(222, 8, 8, 0.2);
--action-trans-30: rgba(222, 8, 8, 0.3);
--action-trans-40: rgba(222, 8, 8, 0.4);
--action-trans-50: rgba(222, 8, 8, 0.5);
--action-trans-60: rgba(222, 8, 8, 0.6);
--action-trans-70: rgba(222, 8, 8, 0.7);
--action-trans-80: rgba(222, 8, 8, 0.8);
--action-trans-90: rgba(222, 8, 8, 0.9);
--action-light-trans-10: rgba(252, 181, 181, 0.1);
--action-light-trans-20: rgba(252, 181, 181, 0.2);
--action-light-trans-30: rgba(252, 181, 181, 0.3);
--action-light-trans-40: rgba(252, 181, 181, 0.4);
--action-light-trans-50: rgba(252, 181, 181, 0.5);
--action-light-trans-60: rgba(252, 181, 181, 0.6);
--action-light-trans-70: rgba(252, 181, 181, 0.7);
--action-light-trans-80: rgba(252, 181, 181, 0.8);
--action-light-trans-90: rgba(252, 181, 181, 0.9);
--action-dark-trans-10: rgba(123, 4, 4, 0.1);
--action-dark-trans-20: rgba(123, 4, 4, 0.2);
--action-dark-trans-30: rgba(123, 4, 4, 0.3);
--action-dark-trans-40: rgba(123, 4, 4, 0.4);
--action-dark-trans-50: rgba(123, 4, 4, 0.5);
--action-dark-trans-60: rgba(123, 4, 4, 0.6);
--action-dark-trans-70: rgba(123, 4, 4, 0.7);
--action-dark-trans-80: rgba(123, 4, 4, 0.8);
--action-dark-trans-90: rgba(123, 4, 4, 0.9);
--action-ultra-dark-trans-10: rgba(49, 2, 2, 0.1);
--action-ultra-dark-trans-20: rgba(49, 2, 2, 0.2);
--action-ultra-dark-trans-30: rgba(49, 2, 2, 0.3);
--action-ultra-dark-trans-40: rgba(49, 2, 2, 0.4);
--action-ultra-dark-trans-50: rgba(49, 2, 2, 0.5);
--action-ultra-dark-trans-60: rgba(49, 2, 2, 0.6);
--action-ultra-dark-trans-70: rgba(49, 2, 2, 0.7);
--action-ultra-dark-trans-80: rgba(49, 2, 2, 0.8);
--action-ultra-dark-trans-90: rgba(49, 2, 2, 0.9);
--primary-trans-10: rgba(52, 126, 172, 0.1);
--primary-trans-20: rgba(52, 126, 172, 0.2);
--primary-trans-30: rgba(52, 126, 172, 0.3);
--primary-trans-40: rgba(52, 126, 172, 0.4);
--primary-trans-50: rgba(52, 126, 172, 0.5);
--primary-trans-60: rgba(52, 126, 172, 0.6);
--primary-trans-70: rgba(52, 126, 172, 0.7);
--primary-trans-80: rgba(52, 126, 172, 0.8);
--primary-trans-90: rgba(52, 126, 172, 0.9);
--primary-light-trans-10: rgba(196, 222, 237, 0.1);
--primary-light-trans-20: rgba(196, 222, 237, 0.2);
--primary-light-trans-30: rgba(196, 222, 237, 0.3);
--primary-light-trans-40: rgba(196, 222, 237, 0.4);
--primary-light-trans-50: rgba(196, 222, 237, 0.5);
--primary-light-trans-60: rgba(196, 222, 237, 0.6);
--primary-light-trans-70: rgba(196, 222, 237, 0.7);
--primary-light-trans-80: rgba(196, 222, 237, 0.8);
--primary-light-trans-90: rgba(196, 222, 237, 0.9);
--primary-dark-trans-10: rgba(29, 72, 98, 0.1);
--primary-dark-trans-20: rgba(29, 72, 98, 0.2);
--primary-dark-trans-30: rgba(29, 72, 98, 0.3);
--primary-dark-trans-40: rgba(29, 72, 98, 0.4);
--primary-dark-trans-50: rgba(29, 72, 98, 0.5);
--primary-dark-trans-60: rgba(29, 72, 98, 0.6);
--primary-dark-trans-70: rgba(29, 72, 98, 0.7);
--primary-dark-trans-80: rgba(29, 72, 98, 0.8);
--primary-dark-trans-90: rgba(29, 72, 98, 0.9);
--primary-ultra-dark-trans-10: rgba(12, 29, 39, 0.1);
--primary-ultra-dark-trans-20: rgba(12, 29, 39, 0.2);
--primary-ultra-dark-trans-30: rgba(12, 29, 39, 0.3);
--primary-ultra-dark-trans-40: rgba(12, 29, 39, 0.4);
--primary-ultra-dark-trans-50: rgba(12, 29, 39, 0.5);
--primary-ultra-dark-trans-60: rgba(12, 29, 39, 0.6);
--primary-ultra-dark-trans-70: rgba(12, 29, 39, 0.7);
--primary-ultra-dark-trans-80: rgba(12, 29, 39, 0.8);
--primary-ultra-dark-trans-90: rgba(12, 29, 39, 0.9);
--secondary-trans-10: rgba(37, 211, 102, 0.1);
--secondary-trans-20: rgba(37, 211, 102, 0.2);
--secondary-trans-30: rgba(37, 211, 102, 0.3);
--secondary-trans-40: rgba(37, 211, 102, 0.4);
--secondary-trans-50: rgba(37, 211, 102, 0.5);
--secondary-trans-60: rgba(37, 211, 102, 0.6);
--secondary-trans-70: rgba(37, 211, 102, 0.7);
--secondary-trans-80: rgba(37, 211, 102, 0.8);
--secondary-trans-90: rgba(37, 211, 102, 0.9);
--secondary-light-trans-10: rgba(190, 244, 210, 0.1);
--secondary-light-trans-20: rgba(190, 244, 210, 0.2);
--secondary-light-trans-30: rgba(190, 244, 210, 0.3);
--secondary-light-trans-40: rgba(190, 244, 210, 0.4);
--secondary-light-trans-50: rgba(190, 244, 210, 0.5);
--secondary-light-trans-60: rgba(190, 244, 210, 0.6);
--secondary-light-trans-70: rgba(190, 244, 210, 0.7);
--secondary-light-trans-80: rgba(190, 244, 210, 0.8);
--secondary-light-trans-90: rgba(190, 244, 210, 0.9);
--secondary-dark-trans-10: rgba(19, 108, 52, 0.1);
--secondary-dark-trans-20: rgba(19, 108, 52, 0.2);
--secondary-dark-trans-30: rgba(19, 108, 52, 0.3);
--secondary-dark-trans-40: rgba(19, 108, 52, 0.4);
--secondary-dark-trans-50: rgba(19, 108, 52, 0.5);
--secondary-dark-trans-60: rgba(19, 108, 52, 0.6);
--secondary-dark-trans-70: rgba(19, 108, 52, 0.7);
--secondary-dark-trans-80: rgba(19, 108, 52, 0.8);
--secondary-dark-trans-90: rgba(19, 108, 52, 0.9);
--secondary-ultra-dark-trans-10: rgba(8, 43, 21, 0.1);
--secondary-ultra-dark-trans-20: rgba(8, 43, 21, 0.2);
--secondary-ultra-dark-trans-30: rgba(8, 43, 21, 0.3);
--secondary-ultra-dark-trans-40: rgba(8, 43, 21, 0.4);
--secondary-ultra-dark-trans-50: rgba(8, 43, 21, 0.5);
--secondary-ultra-dark-trans-60: rgba(8, 43, 21, 0.6);
--secondary-ultra-dark-trans-70: rgba(8, 43, 21, 0.7);
--secondary-ultra-dark-trans-80: rgba(8, 43, 21, 0.8);
--secondary-ultra-dark-trans-90: rgba(8, 43, 21, 0.9);
--accent-trans-10: rgba(68, 171, 235, 0.1);
--accent-trans-20: rgba(68, 171, 235, 0.2);
--accent-trans-30: rgba(68, 171, 235, 0.3);
--accent-trans-40: rgba(68, 171, 235, 0.4);
--accent-trans-50: rgba(68, 171, 235, 0.5);
--accent-trans-60: rgba(68, 171, 235, 0.6);
--accent-trans-70: rgba(68, 171, 235, 0.7);
--accent-trans-80: rgba(68, 171, 235, 0.8);
--accent-trans-90: rgba(68, 171, 235, 0.9);
--accent-light-trans-10: rgba(186, 224, 248, 0.1);
--accent-light-trans-20: rgba(186, 224, 248, 0.2);
--accent-light-trans-30: rgba(186, 224, 248, 0.3);
--accent-light-trans-40: rgba(186, 224, 248, 0.4);
--accent-light-trans-50: rgba(186, 224, 248, 0.5);
--accent-light-trans-60: rgba(186, 224, 248, 0.6);
--accent-light-trans-70: rgba(186, 224, 248, 0.7);
--accent-light-trans-80: rgba(186, 224, 248, 0.8);
--accent-light-trans-90: rgba(186, 224, 248, 0.9);
--accent-dark-trans-10: rgba(12, 76, 115, 0.1);
--accent-dark-trans-20: rgba(12, 76, 115, 0.2);
--accent-dark-trans-30: rgba(12, 76, 115, 0.3);
--accent-dark-trans-40: rgba(12, 76, 115, 0.4);
--accent-dark-trans-50: rgba(12, 76, 115, 0.5);
--accent-dark-trans-60: rgba(12, 76, 115, 0.6);
--accent-dark-trans-70: rgba(12, 76, 115, 0.7);
--accent-dark-trans-80: rgba(12, 76, 115, 0.8);
--accent-dark-trans-90: rgba(12, 76, 115, 0.9);
--accent-ultra-dark-trans-10: rgba(5, 30, 46, 0.1);
--accent-ultra-dark-trans-20: rgba(5, 30, 46, 0.2);
--accent-ultra-dark-trans-30: rgba(5, 30, 46, 0.3);
--accent-ultra-dark-trans-40: rgba(5, 30, 46, 0.4);
--accent-ultra-dark-trans-50: rgba(5, 30, 46, 0.5);
--accent-ultra-dark-trans-60: rgba(5, 30, 46, 0.6);
--accent-ultra-dark-trans-70: rgba(5, 30, 46, 0.7);
--accent-ultra-dark-trans-80: rgba(5, 30, 46, 0.8);
--accent-ultra-dark-trans-90: rgba(5, 30, 46, 0.9);
--base-trans-10: rgba(52, 79, 111, 0.1);
--base-trans-20: rgba(52, 79, 111, 0.2);
--base-trans-30: rgba(52, 79, 111, 0.3);
--base-trans-40: rgba(52, 79, 111, 0.4);
--base-trans-50: rgba(52, 79, 111, 0.5);
--base-trans-60: rgba(52, 79, 111, 0.6);
--base-trans-70: rgba(52, 79, 111, 0.7);
--base-trans-80: rgba(52, 79, 111, 0.8);
--base-trans-90: rgba(52, 79, 111, 0.9);
--base-light-trans-10: rgba(203, 215, 231, 0.1);
--base-light-trans-20: rgba(203, 215, 231, 0.2);
--base-light-trans-30: rgba(203, 215, 231, 0.3);
--base-light-trans-40: rgba(203, 215, 231, 0.4);
--base-light-trans-50: rgba(203, 215, 231, 0.5);
--base-light-trans-60: rgba(203, 215, 231, 0.6);
--base-light-trans-70: rgba(203, 215, 231, 0.7);
--base-light-trans-80: rgba(203, 215, 231, 0.8);
--base-light-trans-90: rgba(203, 215, 231, 0.9);
--base-dark-trans-10: rgba(41, 61, 87, 0.1);
--base-dark-trans-20: rgba(41, 61, 87, 0.2);
--base-dark-trans-30: rgba(41, 61, 87, 0.3);
--base-dark-trans-40: rgba(41, 61, 87, 0.4);
--base-dark-trans-50: rgba(41, 61, 87, 0.5);
--base-dark-trans-60: rgba(41, 61, 87, 0.6);
--base-dark-trans-70: rgba(41, 61, 87, 0.7);
--base-dark-trans-80: rgba(41, 61, 87, 0.8);
--base-dark-trans-90: rgba(41, 61, 87, 0.9);
--base-ultra-dark-trans-10: rgba(16, 25, 35, 0.1);
--base-ultra-dark-trans-20: rgba(16, 25, 35, 0.2);
--base-ultra-dark-trans-30: rgba(16, 25, 35, 0.3);
--base-ultra-dark-trans-40: rgba(16, 25, 35, 0.4);
--base-ultra-dark-trans-50: rgba(16, 25, 35, 0.5);
--base-ultra-dark-trans-60: rgba(16, 25, 35, 0.6);
--base-ultra-dark-trans-70: rgba(16, 25, 35, 0.7);
--base-ultra-dark-trans-80: rgba(16, 25, 35, 0.8);
--base-ultra-dark-trans-90: rgba(16, 25, 35, 0.9);
--shade-trans-10: rgba(0, 0, 0, 0.1);
--shade-trans-20: rgba(0, 0, 0, 0.2);
--shade-trans-30: rgba(0, 0, 0, 0.3);
--shade-trans-40: rgba(0, 0, 0, 0.4);
--shade-trans-50: rgba(0, 0, 0, 0.5);
--shade-trans-60: rgba(0, 0, 0, 0.6);
--shade-trans-70: rgba(0, 0, 0, 0.7);
--shade-trans-80: rgba(0, 0, 0, 0.8);
--shade-trans-90: rgba(0, 0, 0, 0.9);
--shade-light-trans-10: rgba(217, 217, 217, 0.1);
--shade-light-trans-20: rgba(217, 217, 217, 0.2);
--shade-light-trans-30: rgba(217, 217, 217, 0.3);
--shade-light-trans-40: rgba(217, 217, 217, 0.4);
--shade-light-trans-50: rgba(217, 217, 217, 0.5);
--shade-light-trans-60: rgba(217, 217, 217, 0.6);
--shade-light-trans-70: rgba(217, 217, 217, 0.7);
--shade-light-trans-80: rgba(217, 217, 217, 0.8);
--shade-light-trans-90: rgba(217, 217, 217, 0.9);
--shade-dark-trans-10: rgba(64, 64, 64, 0.1);
--shade-dark-trans-20: rgba(64, 64, 64, 0.2);
--shade-dark-trans-30: rgba(64, 64, 64, 0.3);
--shade-dark-trans-40: rgba(64, 64, 64, 0.4);
--shade-dark-trans-50: rgba(64, 64, 64, 0.5);
--shade-dark-trans-60: rgba(64, 64, 64, 0.6);
--shade-dark-trans-70: rgba(64, 64, 64, 0.7);
--shade-dark-trans-80: rgba(64, 64, 64, 0.8);
--shade-dark-trans-90: rgba(64, 64, 64, 0.9);
--shade-ultra-dark-trans-10: rgba(26, 26, 26, 0.1);
--shade-ultra-dark-trans-20: rgba(26, 26, 26, 0.2);
--shade-ultra-dark-trans-30: rgba(26, 26, 26, 0.3);
--shade-ultra-dark-trans-40: rgba(26, 26, 26, 0.4);
--shade-ultra-dark-trans-50: rgba(26, 26, 26, 0.5);
--shade-ultra-dark-trans-60: rgba(26, 26, 26, 0.6);
--shade-ultra-dark-trans-70: rgba(26, 26, 26, 0.7);
--shade-ultra-dark-trans-80: rgba(26, 26, 26, 0.8);
--shade-ultra-dark-trans-90: rgba(26, 26, 26, 0.9);
--neutral-trans-10: rgba(0, 0, 0, 0.1);
--neutral-trans-20: rgba(0, 0, 0, 0.2);
--neutral-trans-30: rgba(0, 0, 0, 0.3);
--neutral-trans-40: rgba(0, 0, 0, 0.4);
--neutral-trans-50: rgba(0, 0, 0, 0.5);
--neutral-trans-60: rgba(0, 0, 0, 0.6);
--neutral-trans-70: rgba(0, 0, 0, 0.7);
--neutral-trans-80: rgba(0, 0, 0, 0.8);
--neutral-trans-90: rgba(0, 0, 0, 0.9);
--neutral-light-trans-10: rgba(217, 217, 217, 0.1);
--neutral-light-trans-20: rgba(217, 217, 217, 0.2);
--neutral-light-trans-30: rgba(217, 217, 217, 0.3);
--neutral-light-trans-40: rgba(217, 217, 217, 0.4);
--neutral-light-trans-50: rgba(217, 217, 217, 0.5);
--neutral-light-trans-60: rgba(217, 217, 217, 0.6);
--neutral-light-trans-70: rgba(217, 217, 217, 0.7);
--neutral-light-trans-80: rgba(217, 217, 217, 0.8);
--neutral-light-trans-90: rgba(217, 217, 217, 0.9);
--neutral-dark-trans-10: rgba(64, 64, 64, 0.1);
--neutral-dark-trans-20: rgba(64, 64, 64, 0.2);
--neutral-dark-trans-30: rgba(64, 64, 64, 0.3);
--neutral-dark-trans-40: rgba(64, 64, 64, 0.4);
--neutral-dark-trans-50: rgba(64, 64, 64, 0.5);
--neutral-dark-trans-60: rgba(64, 64, 64, 0.6);
--neutral-dark-trans-70: rgba(64, 64, 64, 0.7);
--neutral-dark-trans-80: rgba(64, 64, 64, 0.8);
--neutral-dark-trans-90: rgba(64, 64, 64, 0.9);
--neutral-ultra-dark-trans-10: rgba(26, 26, 26, 0.1);
--neutral-ultra-dark-trans-20: rgba(26, 26, 26, 0.2);
--neutral-ultra-dark-trans-30: rgba(26, 26, 26, 0.3);
--neutral-ultra-dark-trans-40: rgba(26, 26, 26, 0.4);
--neutral-ultra-dark-trans-50: rgba(26, 26, 26, 0.5);
--neutral-ultra-dark-trans-60: rgba(26, 26, 26, 0.6);
--neutral-ultra-dark-trans-70: rgba(26, 26, 26, 0.7);
--neutral-ultra-dark-trans-80: rgba(26, 26, 26, 0.8);
--neutral-ultra-dark-trans-90: rgba(26, 26, 26, 0.9);
--white-trans-10: rgba(255, 255, 255, 0.1);
--white-trans-20: rgba(255, 255, 255, 0.2);
--white-trans-30: rgba(255, 255, 255, 0.3);
--white-trans-40: rgba(255, 255, 255, 0.4);
--white-trans-50: rgba(255, 255, 255, 0.5);
--white-trans-60: rgba(255, 255, 255, 0.6);
--white-trans-70: rgba(255, 255, 255, 0.7);
--white-trans-80: rgba(255, 255, 255, 0.8);
--white-trans-90: rgba(255, 255, 255, 0.9);
--black-trans-10: rgba(0, 0, 0, 0.1);
--black-trans-20: rgba(0, 0, 0, 0.2);
--black-trans-30: rgba(0, 0, 0, 0.3);
--black-trans-40: rgba(0, 0, 0, 0.4);
--black-trans-50: rgba(0, 0, 0, 0.5);
--black-trans-60: rgba(0, 0, 0, 0.6);
--black-trans-70: rgba(0, 0, 0, 0.7);
--black-trans-80: rgba(0, 0, 0, 0.8);
--black-trans-90: rgba(0, 0, 0, 0.9);
--shade-white: #fff;
--shade-black: #000;
--bg-ultra-light: var(--shade-ultra-light);
--bg-light: var(--neutral-light);
--bg-dark: var(--neutral-dark);
--bg-ultra-dark: var(--shade-ultra-dark);
--text-light: var(--shade-ultra-light);
--text-light-muted: var(--neutral-light);
--text-dark: var(--shade-ultra-dark);
--text-dark-muted: var(--neutral-dark);
--body-color: var(--black);
--body-bg-color: var(--white);
}
:root {
--success: #29A745;
--success-light: #c1f0cc;
--success-dark: #0f3e19;
--success-hover: #2fc24f;
--danger: #DC3545;
--danger-light: #f4bec3;
--danger-dark: #410b11;
--danger-hover: #e35a67;
--warning: #FFC10A;
--warning-light: #ffecb3;
--warning-dark: #4d3900;
--warning-hover: #ffcc32;
--info: #18A2B8;
--info-light: #bbeef6;
--info-dark: #093c44;
--info-hover: #1cbcd5;
--text-xs: 1.3rem;
--text-s: 1.4rem;
--text-m: 1.8rem;
--text-l: 2rem;
--text-xl: 2.3rem;
--text-xxl: 2.6rem;
--root-font-size: 62.5%;
--h6: 1.3rem;
--h5: 1.4rem;
--h4: 1.8rem;
--h3: 2rem;
--h2: 2.3rem;
--h1: 2.6rem;
--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;
--width-xs: calc((128 * 0.1) * 1rem);
--width-s: calc((128 * 0.2) * 1rem);
--width-m: calc((128 * 0.4) * 1rem);
--width-l: calc((128 * 0.6) * 1rem);
--width-xl: calc((128 * 0.8) * 1rem);
--width-xxl: calc((128 * 0.9) * 1rem);
--width-vp-max: 128rem;
--width-content: 128rem;
--width-50: calc((128 / 2) * 1rem);
--width-full: 100%;
--content-width: var(--width-content);
--content-width-safe: min(var(--width-content), calc(100% - var(--section-padding-x) * 2));
--radius-xs: 0.4444444444rem;
--radius-s: 0.6666666667rem;
--radius-m: 1rem;
--radius-l: 1.5rem;
--radius-xl: 2.25rem;
--radius-xxl: 3.375rem;
--radius-50: 50%;
--radius-circle: 50%;
--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);
--grid-auto-2: repeat(auto-fit, minmax(min(41.0702341137rem, 100vw - 5.2rem), 1fr));
--grid-auto-3: repeat(auto-fit, minmax(min(30.7769423559rem, 100vw - 5.2rem), 1fr));
--grid-auto-4: repeat(auto-fit, minmax(min(24.6092184369rem, 100vw - 5.2rem), 1fr));
--grid-auto-5: repeat(auto-fit, minmax(min(20.5008347245rem, 100vw - 5.2rem), 1fr));
--grid-auto-6: repeat(auto-fit, minmax(min(17.5679542203rem, 100vw - 5.2rem), 1fr));
--section-padding-x: 2.4rem;
--section-gutter: 2.4rem;
--gutter: 2.4rem;
--success-hex: #29A745;
--success-rgb: 41 167 69;
--success-hsl: 133 61% 41%;
--success-h: 133;
--success-s: 61%;
--success-l: 41%;
--success-r: 41;
--success-g: 167;
--success-b: 69;
--danger-hex: #DC3545;
--danger-rgb: 220 53 69;
--danger-hsl: 354 70% 54%;
--danger-h: 354;
--danger-s: 70%;
--danger-l: 54%;
--danger-r: 220;
--danger-g: 53;
--danger-b: 69;
--warning-hex: #FFC10A;
--warning-rgb: 255 193 10;
--warning-hsl: 45 100% 52%;
--warning-h: 45;
--warning-s: 100%;
--warning-l: 52%;
--warning-r: 255;
--warning-g: 193;
--warning-b: 10;
--info-hex: #18A2B8;
--info-rgb: 24 162 184;
--info-hsl: 188 77% 41%;
--info-h: 188;
--info-s: 77%;
--info-l: 41%;
--info-r: 24;
--info-g: 162;
--info-b: 184;
--header-height: 0rem;
--offset: 0rem;
--offset-xxl: 0rem;
--offset-xl: 0rem;
--offset-l: 0rem;
--offset-m: 0rem;
--offset-s: 0rem;
--offset-xs: 0rem;
--paragraph-spacing: 1em;
--heading-spacing: 1.5em;
--list-spacing: 1em;
--list-item-spacing: 0.5em;
--link-underline-offset: ;
--focus-color: var(--action);
--focus-width: 0.2rem;
--focus-offset: 0.25em;
--h1-lh: 1.2;
--h2-lh: 1.2;
--h3-lh: 1.2;
--h4-lh: 1.2;
--h5-lh: 1.2;
--h6-lh: 1.2;
--text-xxl-lh: 1.5;
--text-xl-lh: 1.5;
--text-l-lh: 1.5;
--text-m-lh: 1.5;
--text-s-lh: 1.5;
--text-xs-lh: 1.5;
--box-shadow-m: 0 4px 4px -10px rgba(0, 0, 0, 0.04), 0 13px 13px -10px rgba(0, 0, 0, 0.06), 0 40px 60px -10px rgba(0, 0, 0, 0.08);
--box-shadow-l: 0 2.7px 3.6px -5px rgba(0, 0, 0, 0.04), 0 7.5px 10px -5px rgba(0, 0, 0, 0.06), 0 18px 24.1px -5px rgba(0, 0, 0, 0.08), 0 60px 80px -5px rgba(0, 0, 0, 0.1);
--box-shadow-xl: 2.8px 2.8px 2.2px rgba(0, 0, 0, 0.02), 0 6.7px 5.3px -5px rgba(0, 0, 0, 0.04), 0 12.5px 10px -5px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px -5px rgba(0, 0, 0, 0.08), 0 41.8px 33.4px -5px rgba(0, 0, 0, 0.1), 0 80px 80px -5px rgba(0, 0, 0, 0.105);
--box-shadow-1: 0 4px 4px -10px rgba(0, 0, 0, 0.04), 0 13px 13px -10px rgba(0, 0, 0, 0.06), 0 40px 60px -10px rgba(0, 0, 0, 0.08);
--box-shadow-2: 0 2.7px 3.6px -5px rgba(0, 0, 0, 0.04), 0 7.5px 10px -5px rgba(0, 0, 0, 0.06), 0 18px 24.1px -5px rgba(0, 0, 0, 0.08), 0 60px 80px -5px rgba(0, 0, 0, 0.1);
--box-shadow-3: 2.8px 2.8px 2.2px rgba(0, 0, 0, 0.02), 0 6.7px 5.3px -5px rgba(0, 0, 0, 0.04), 0 12.5px 10px -5px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px -5px rgba(0, 0, 0, 0.08), 0 41.8px 33.4px -5px rgba(0, 0, 0, 0.1), 0 80px 80px -5px rgba(0, 0, 0, 0.105);
--admin-bar-height: var(--wp-admin--admin-bar--height, 0px);
}
:root {
--btn-padding-block: 0.75em;
--btn-padding-inline: 1.5em;
--btn-min-width: 20rem;
--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: uppercase;
--btn-border-width: 0.25rem;
--btn-outline-border-width: 0.25rem;
--btn-border-style: solid;
--btn-border-radius: var(--radius-s);
--btn-transition-duration: 0.3s;
}
:root {
--btn-font-size: clamp(1.4rem, calc(0.4166666667vw + 1.2666666667rem), 1.8rem);
--btn-text-size: clamp(1.4rem, calc(0.4166666667vw + 1.2666666667rem), 1.8rem);
} :root {
--btn-border-size: 0.25rem;
--btn-radius: var(--radius-s);
--outline-btn-border-size: 0.25rem;
--btn-pad-x: 1.5em;
--btn-pad-y: 0.75em;
--btn-text-style: normal;
--btn-weight: 400;
--btn-width: 20;
}
:root {
--col-width-s: 13rem;
--col-width-m: 25rem;
--col-width-l: 38rem;
--col-rule-width-s: 0.1em;
--col-rule-width-m: 0.3em;
--col-rule-width-l: 0.5em;
}
: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);
}
html {
font-size: var(--root-font-size) !important;
}
[id] {
scroll-margin-top: var(--offset);
}
*, *::before, *::after {
box-sizing: border-box;
}
body {
min-block-size: 100vh;
}
input, button, textarea, select {
font: inherit;
}
:where(dd) {
margin-inline-start: 0;
}
.focus-parent:focus-within {
outline: var(--focus-width) solid var(--focus-color);
outline-offset: var(--focus-offset);
}
.focus-parent :focus {
outline: none !important;
box-shadow: none !important;
}
.focus-parent--shadow:focus-within {
box-shadow: 0 0 0 var(--focus-width) var(--focus-color);
}
.focus-parent--shadow :focus {
outline: none !important;
box-shadow: none !important;
}
.focus-parent--outline:focus-within {
outline: var(--focus-width) solid var(--focus-color);
outline-offset: var(--focus-offset);
}
.focus-parent--outline :focus {
outline: none !important;
box-shadow: none !important;
}
.hidden-accessible {
position: absolute !important;
inline-size: 1px !important;
block-size: 1px !important;
padding: 0;
margin: -1px;
overflow: hidden;
clip-path: rect(0, 0, 0, 0);
white-space: nowrap; border: 0;
}
@media (prefers-reduced-motion: reduce) {
html:focus-within {
scroll-behavior: auto;
}
*, *::before, *::after {
-webkit-animation-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
#shadow-host-companion {
padding: 0;
}
.bg--action {
background-color: var(--action);
}
.bg--action-hover {
background-color: var(--action-hover);
}
.bg--action-ultra-light {
background-color: var(--action-ultra-light);
}
.bg--action-light {
background-color: var(--action-light);
}
.bg--action-medium {
background-color: var(--action-medium);
}
.bg--action-dark {
background-color: var(--action-dark);
}
.bg--action-ultra-dark {
background-color: var(--action-ultra-dark);
}
.bg--action-comp {
background-color: var(--action-comp);
}
.bg--action-trans-10 {
background-color: var(--action-trans-10);
}
.bg--action-trans-20 {
background-color: var(--action-trans-20);
}
.bg--action-trans-30 {
background-color: var(--action-trans-30);
}
.bg--action-trans-40 {
background-color: var(--action-trans-40);
}
.bg--action-trans-50 {
background-color: var(--action-trans-50);
}
.bg--action-trans-60 {
background-color: var(--action-trans-60);
}
.bg--action-trans-70 {
background-color: var(--action-trans-70);
}
.bg--action-trans-80 {
background-color: var(--action-trans-80);
}
.bg--action-trans-90 {
background-color: var(--action-trans-90);
}
.bg--action-light-trans-10 {
background-color: var(--action-light-trans-10);
}
.bg--action-light-trans-20 {
background-color: var(--action-light-trans-20);
}
.bg--action-light-trans-30 {
background-color: var(--action-light-trans-30);
}
.bg--action-light-trans-40 {
background-color: var(--action-light-trans-40);
}
.bg--action-light-trans-50 {
background-color: var(--action-light-trans-50);
}
.bg--action-light-trans-60 {
background-color: var(--action-light-trans-60);
}
.bg--action-light-trans-70 {
background-color: var(--action-light-trans-70);
}
.bg--action-light-trans-80 {
background-color: var(--action-light-trans-80);
}
.bg--action-light-trans-90 {
background-color: var(--action-light-trans-90);
}
.bg--action-dark-trans-10 {
background-color: var(--action-dark-trans-10);
}
.bg--action-dark-trans-20 {
background-color: var(--action-dark-trans-20);
}
.bg--action-dark-trans-30 {
background-color: var(--action-dark-trans-30);
}
.bg--action-dark-trans-40 {
background-color: var(--action-dark-trans-40);
}
.bg--action-dark-trans-50 {
background-color: var(--action-dark-trans-50);
}
.bg--action-dark-trans-60 {
background-color: var(--action-dark-trans-60);
}
.bg--action-dark-trans-70 {
background-color: var(--action-dark-trans-70);
}
.bg--action-dark-trans-80 {
background-color: var(--action-dark-trans-80);
}
.bg--action-dark-trans-90 {
background-color: var(--action-dark-trans-90);
}
.bg--action-ultra-dark-trans-10 {
background-color: var(--action-ultra-dark-trans-10);
}
.bg--action-ultra-dark-trans-20 {
background-color: var(--action-ultra-dark-trans-20);
}
.bg--action-ultra-dark-trans-30 {
background-color: var(--action-ultra-dark-trans-30);
}
.bg--action-ultra-dark-trans-40 {
background-color: var(--action-ultra-dark-trans-40);
}
.bg--action-ultra-dark-trans-50 {
background-color: var(--action-ultra-dark-trans-50);
}
.bg--action-ultra-dark-trans-60 {
background-color: var(--action-ultra-dark-trans-60);
}
.bg--action-ultra-dark-trans-70 {
background-color: var(--action-ultra-dark-trans-70);
}
.bg--action-ultra-dark-trans-80 {
background-color: var(--action-ultra-dark-trans-80);
}
.bg--action-ultra-dark-trans-90 {
background-color: var(--action-ultra-dark-trans-90);
}
.bg--primary {
background-color: var(--primary);
}
.bg--primary-hover {
background-color: var(--primary-hover);
}
.bg--primary-ultra-light {
background-color: var(--primary-ultra-light);
}
.bg--primary-light {
background-color: var(--primary-light);
}
.bg--primary-medium {
background-color: var(--primary-medium);
}
.bg--primary-dark {
background-color: var(--primary-dark);
}
.bg--primary-ultra-dark {
background-color: var(--primary-ultra-dark);
}
.bg--primary-comp {
background-color: var(--primary-comp);
}
.bg--primary-trans-10 {
background-color: var(--primary-trans-10);
}
.bg--primary-trans-20 {
background-color: var(--primary-trans-20);
}
.bg--primary-trans-30 {
background-color: var(--primary-trans-30);
}
.bg--primary-trans-40 {
background-color: var(--primary-trans-40);
}
.bg--primary-trans-50 {
background-color: var(--primary-trans-50);
}
.bg--primary-trans-60 {
background-color: var(--primary-trans-60);
}
.bg--primary-trans-70 {
background-color: var(--primary-trans-70);
}
.bg--primary-trans-80 {
background-color: var(--primary-trans-80);
}
.bg--primary-trans-90 {
background-color: var(--primary-trans-90);
}
.bg--primary-light-trans-10 {
background-color: var(--primary-light-trans-10);
}
.bg--primary-light-trans-20 {
background-color: var(--primary-light-trans-20);
}
.bg--primary-light-trans-30 {
background-color: var(--primary-light-trans-30);
}
.bg--primary-light-trans-40 {
background-color: var(--primary-light-trans-40);
}
.bg--primary-light-trans-50 {
background-color: var(--primary-light-trans-50);
}
.bg--primary-light-trans-60 {
background-color: var(--primary-light-trans-60);
}
.bg--primary-light-trans-70 {
background-color: var(--primary-light-trans-70);
}
.bg--primary-light-trans-80 {
background-color: var(--primary-light-trans-80);
}
.bg--primary-light-trans-90 {
background-color: var(--primary-light-trans-90);
}
.bg--primary-dark-trans-10 {
background-color: var(--primary-dark-trans-10);
}
.bg--primary-dark-trans-20 {
background-color: var(--primary-dark-trans-20);
}
.bg--primary-dark-trans-30 {
background-color: var(--primary-dark-trans-30);
}
.bg--primary-dark-trans-40 {
background-color: var(--primary-dark-trans-40);
}
.bg--primary-dark-trans-50 {
background-color: var(--primary-dark-trans-50);
}
.bg--primary-dark-trans-60 {
background-color: var(--primary-dark-trans-60);
}
.bg--primary-dark-trans-70 {
background-color: var(--primary-dark-trans-70);
}
.bg--primary-dark-trans-80 {
background-color: var(--primary-dark-trans-80);
}
.bg--primary-dark-trans-90 {
background-color: var(--primary-dark-trans-90);
}
.bg--primary-ultra-dark-trans-10 {
background-color: var(--primary-ultra-dark-trans-10);
}
.bg--primary-ultra-dark-trans-20 {
background-color: var(--primary-ultra-dark-trans-20);
}
.bg--primary-ultra-dark-trans-30 {
background-color: var(--primary-ultra-dark-trans-30);
}
.bg--primary-ultra-dark-trans-40 {
background-color: var(--primary-ultra-dark-trans-40);
}
.bg--primary-ultra-dark-trans-50 {
background-color: var(--primary-ultra-dark-trans-50);
}
.bg--primary-ultra-dark-trans-60 {
background-color: var(--primary-ultra-dark-trans-60);
}
.bg--primary-ultra-dark-trans-70 {
background-color: var(--primary-ultra-dark-trans-70);
}
.bg--primary-ultra-dark-trans-80 {
background-color: var(--primary-ultra-dark-trans-80);
}
.bg--primary-ultra-dark-trans-90 {
background-color: var(--primary-ultra-dark-trans-90);
}
.bg--secondary {
background-color: var(--secondary);
}
.bg--secondary-hover {
background-color: var(--secondary-hover);
}
.bg--secondary-ultra-light {
background-color: var(--secondary-ultra-light);
}
.bg--secondary-light {
background-color: var(--secondary-light);
}
.bg--secondary-medium {
background-color: var(--secondary-medium);
}
.bg--secondary-dark {
background-color: var(--secondary-dark);
}
.bg--secondary-ultra-dark {
background-color: var(--secondary-ultra-dark);
}
.bg--secondary-comp {
background-color: var(--secondary-comp);
}
.bg--secondary-trans-10 {
background-color: var(--secondary-trans-10);
}
.bg--secondary-trans-20 {
background-color: var(--secondary-trans-20);
}
.bg--secondary-trans-30 {
background-color: var(--secondary-trans-30);
}
.bg--secondary-trans-40 {
background-color: var(--secondary-trans-40);
}
.bg--secondary-trans-50 {
background-color: var(--secondary-trans-50);
}
.bg--secondary-trans-60 {
background-color: var(--secondary-trans-60);
}
.bg--secondary-trans-70 {
background-color: var(--secondary-trans-70);
}
.bg--secondary-trans-80 {
background-color: var(--secondary-trans-80);
}
.bg--secondary-trans-90 {
background-color: var(--secondary-trans-90);
}
.bg--secondary-light-trans-10 {
background-color: var(--secondary-light-trans-10);
}
.bg--secondary-light-trans-20 {
background-color: var(--secondary-light-trans-20);
}
.bg--secondary-light-trans-30 {
background-color: var(--secondary-light-trans-30);
}
.bg--secondary-light-trans-40 {
background-color: var(--secondary-light-trans-40);
}
.bg--secondary-light-trans-50 {
background-color: var(--secondary-light-trans-50);
}
.bg--secondary-light-trans-60 {
background-color: var(--secondary-light-trans-60);
}
.bg--secondary-light-trans-70 {
background-color: var(--secondary-light-trans-70);
}
.bg--secondary-light-trans-80 {
background-color: var(--secondary-light-trans-80);
}
.bg--secondary-light-trans-90 {
background-color: var(--secondary-light-trans-90);
}
.bg--secondary-dark-trans-10 {
background-color: var(--secondary-dark-trans-10);
}
.bg--secondary-dark-trans-20 {
background-color: var(--secondary-dark-trans-20);
}
.bg--secondary-dark-trans-30 {
background-color: var(--secondary-dark-trans-30);
}
.bg--secondary-dark-trans-40 {
background-color: var(--secondary-dark-trans-40);
}
.bg--secondary-dark-trans-50 {
background-color: var(--secondary-dark-trans-50);
}
.bg--secondary-dark-trans-60 {
background-color: var(--secondary-dark-trans-60);
}
.bg--secondary-dark-trans-70 {
background-color: var(--secondary-dark-trans-70);
}
.bg--secondary-dark-trans-80 {
background-color: var(--secondary-dark-trans-80);
}
.bg--secondary-dark-trans-90 {
background-color: var(--secondary-dark-trans-90);
}
.bg--secondary-ultra-dark-trans-10 {
background-color: var(--secondary-ultra-dark-trans-10);
}
.bg--secondary-ultra-dark-trans-20 {
background-color: var(--secondary-ultra-dark-trans-20);
}
.bg--secondary-ultra-dark-trans-30 {
background-color: var(--secondary-ultra-dark-trans-30);
}
.bg--secondary-ultra-dark-trans-40 {
background-color: var(--secondary-ultra-dark-trans-40);
}
.bg--secondary-ultra-dark-trans-50 {
background-color: var(--secondary-ultra-dark-trans-50);
}
.bg--secondary-ultra-dark-trans-60 {
background-color: var(--secondary-ultra-dark-trans-60);
}
.bg--secondary-ultra-dark-trans-70 {
background-color: var(--secondary-ultra-dark-trans-70);
}
.bg--secondary-ultra-dark-trans-80 {
background-color: var(--secondary-ultra-dark-trans-80);
}
.bg--secondary-ultra-dark-trans-90 {
background-color: var(--secondary-ultra-dark-trans-90);
}
.bg--accent {
background-color: var(--accent);
}
.bg--accent-hover {
background-color: var(--accent-hover);
}
.bg--accent-ultra-light {
background-color: var(--accent-ultra-light);
}
.bg--accent-light {
background-color: var(--accent-light);
}
.bg--accent-medium {
background-color: var(--accent-medium);
}
.bg--accent-dark {
background-color: var(--accent-dark);
}
.bg--accent-ultra-dark {
background-color: var(--accent-ultra-dark);
}
.bg--accent-comp {
background-color: var(--accent-comp);
}
.bg--accent-trans-10 {
background-color: var(--accent-trans-10);
}
.bg--accent-trans-20 {
background-color: var(--accent-trans-20);
}
.bg--accent-trans-30 {
background-color: var(--accent-trans-30);
}
.bg--accent-trans-40 {
background-color: var(--accent-trans-40);
}
.bg--accent-trans-50 {
background-color: var(--accent-trans-50);
}
.bg--accent-trans-60 {
background-color: var(--accent-trans-60);
}
.bg--accent-trans-70 {
background-color: var(--accent-trans-70);
}
.bg--accent-trans-80 {
background-color: var(--accent-trans-80);
}
.bg--accent-trans-90 {
background-color: var(--accent-trans-90);
}
.bg--accent-light-trans-10 {
background-color: var(--accent-light-trans-10);
}
.bg--accent-light-trans-20 {
background-color: var(--accent-light-trans-20);
}
.bg--accent-light-trans-30 {
background-color: var(--accent-light-trans-30);
}
.bg--accent-light-trans-40 {
background-color: var(--accent-light-trans-40);
}
.bg--accent-light-trans-50 {
background-color: var(--accent-light-trans-50);
}
.bg--accent-light-trans-60 {
background-color: var(--accent-light-trans-60);
}
.bg--accent-light-trans-70 {
background-color: var(--accent-light-trans-70);
}
.bg--accent-light-trans-80 {
background-color: var(--accent-light-trans-80);
}
.bg--accent-light-trans-90 {
background-color: var(--accent-light-trans-90);
}
.bg--accent-dark-trans-10 {
background-color: var(--accent-dark-trans-10);
}
.bg--accent-dark-trans-20 {
background-color: var(--accent-dark-trans-20);
}
.bg--accent-dark-trans-30 {
background-color: var(--accent-dark-trans-30);
}
.bg--accent-dark-trans-40 {
background-color: var(--accent-dark-trans-40);
}
.bg--accent-dark-trans-50 {
background-color: var(--accent-dark-trans-50);
}
.bg--accent-dark-trans-60 {
background-color: var(--accent-dark-trans-60);
}
.bg--accent-dark-trans-70 {
background-color: var(--accent-dark-trans-70);
}
.bg--accent-dark-trans-80 {
background-color: var(--accent-dark-trans-80);
}
.bg--accent-dark-trans-90 {
background-color: var(--accent-dark-trans-90);
}
.bg--accent-ultra-dark-trans-10 {
background-color: var(--accent-ultra-dark-trans-10);
}
.bg--accent-ultra-dark-trans-20 {
background-color: var(--accent-ultra-dark-trans-20);
}
.bg--accent-ultra-dark-trans-30 {
background-color: var(--accent-ultra-dark-trans-30);
}
.bg--accent-ultra-dark-trans-40 {
background-color: var(--accent-ultra-dark-trans-40);
}
.bg--accent-ultra-dark-trans-50 {
background-color: var(--accent-ultra-dark-trans-50);
}
.bg--accent-ultra-dark-trans-60 {
background-color: var(--accent-ultra-dark-trans-60);
}
.bg--accent-ultra-dark-trans-70 {
background-color: var(--accent-ultra-dark-trans-70);
}
.bg--accent-ultra-dark-trans-80 {
background-color: var(--accent-ultra-dark-trans-80);
}
.bg--accent-ultra-dark-trans-90 {
background-color: var(--accent-ultra-dark-trans-90);
}
.bg--base {
background-color: var(--base);
}
.bg--base-hover {
background-color: var(--base-hover);
}
.bg--base-ultra-light {
background-color: var(--base-ultra-light);
}
.bg--base-light {
background-color: var(--base-light);
}
.bg--base-medium {
background-color: var(--base-medium);
}
.bg--base-dark {
background-color: var(--base-dark);
}
.bg--base-ultra-dark {
background-color: var(--base-ultra-dark);
}
.bg--base-comp {
background-color: var(--base-comp);
}
.bg--base-trans-10 {
background-color: var(--base-trans-10);
}
.bg--base-trans-20 {
background-color: var(--base-trans-20);
}
.bg--base-trans-30 {
background-color: var(--base-trans-30);
}
.bg--base-trans-40 {
background-color: var(--base-trans-40);
}
.bg--base-trans-50 {
background-color: var(--base-trans-50);
}
.bg--base-trans-60 {
background-color: var(--base-trans-60);
}
.bg--base-trans-70 {
background-color: var(--base-trans-70);
}
.bg--base-trans-80 {
background-color: var(--base-trans-80);
}
.bg--base-trans-90 {
background-color: var(--base-trans-90);
}
.bg--base-light-trans-10 {
background-color: var(--base-light-trans-10);
}
.bg--base-light-trans-20 {
background-color: var(--base-light-trans-20);
}
.bg--base-light-trans-30 {
background-color: var(--base-light-trans-30);
}
.bg--base-light-trans-40 {
background-color: var(--base-light-trans-40);
}
.bg--base-light-trans-50 {
background-color: var(--base-light-trans-50);
}
.bg--base-light-trans-60 {
background-color: var(--base-light-trans-60);
}
.bg--base-light-trans-70 {
background-color: var(--base-light-trans-70);
}
.bg--base-light-trans-80 {
background-color: var(--base-light-trans-80);
}
.bg--base-light-trans-90 {
background-color: var(--base-light-trans-90);
}
.bg--base-dark-trans-10 {
background-color: var(--base-dark-trans-10);
}
.bg--base-dark-trans-20 {
background-color: var(--base-dark-trans-20);
}
.bg--base-dark-trans-30 {
background-color: var(--base-dark-trans-30);
}
.bg--base-dark-trans-40 {
background-color: var(--base-dark-trans-40);
}
.bg--base-dark-trans-50 {
background-color: var(--base-dark-trans-50);
}
.bg--base-dark-trans-60 {
background-color: var(--base-dark-trans-60);
}
.bg--base-dark-trans-70 {
background-color: var(--base-dark-trans-70);
}
.bg--base-dark-trans-80 {
background-color: var(--base-dark-trans-80);
}
.bg--base-dark-trans-90 {
background-color: var(--base-dark-trans-90);
}
.bg--base-ultra-dark-trans-10 {
background-color: var(--base-ultra-dark-trans-10);
}
.bg--base-ultra-dark-trans-20 {
background-color: var(--base-ultra-dark-trans-20);
}
.bg--base-ultra-dark-trans-30 {
background-color: var(--base-ultra-dark-trans-30);
}
.bg--base-ultra-dark-trans-40 {
background-color: var(--base-ultra-dark-trans-40);
}
.bg--base-ultra-dark-trans-50 {
background-color: var(--base-ultra-dark-trans-50);
}
.bg--base-ultra-dark-trans-60 {
background-color: var(--base-ultra-dark-trans-60);
}
.bg--base-ultra-dark-trans-70 {
background-color: var(--base-ultra-dark-trans-70);
}
.bg--base-ultra-dark-trans-80 {
background-color: var(--base-ultra-dark-trans-80);
}
.bg--base-ultra-dark-trans-90 {
background-color: var(--base-ultra-dark-trans-90);
}
.bg--shade {
background-color: var(--shade);
}
.bg--shade-hover {
background-color: var(--shade-hover);
}
.bg--shade-ultra-light {
background-color: var(--shade-ultra-light);
}
.bg--shade-light {
background-color: var(--shade-light);
}
.bg--shade-medium {
background-color: var(--shade-medium);
}
.bg--shade-dark {
background-color: var(--shade-dark);
}
.bg--shade-ultra-dark {
background-color: var(--shade-ultra-dark);
}
.bg--shade-comp {
background-color: var(--shade-comp);
}
.bg--shade-trans-10 {
background-color: var(--shade-trans-10);
}
.bg--shade-trans-20 {
background-color: var(--shade-trans-20);
}
.bg--shade-trans-30 {
background-color: var(--shade-trans-30);
}
.bg--shade-trans-40 {
background-color: var(--shade-trans-40);
}
.bg--shade-trans-50 {
background-color: var(--shade-trans-50);
}
.bg--shade-trans-60 {
background-color: var(--shade-trans-60);
}
.bg--shade-trans-70 {
background-color: var(--shade-trans-70);
}
.bg--shade-trans-80 {
background-color: var(--shade-trans-80);
}
.bg--shade-trans-90 {
background-color: var(--shade-trans-90);
}
.bg--shade-light-trans-10 {
background-color: var(--shade-light-trans-10);
}
.bg--shade-light-trans-20 {
background-color: var(--shade-light-trans-20);
}
.bg--shade-light-trans-30 {
background-color: var(--shade-light-trans-30);
}
.bg--shade-light-trans-40 {
background-color: var(--shade-light-trans-40);
}
.bg--shade-light-trans-50 {
background-color: var(--shade-light-trans-50);
}
.bg--shade-light-trans-60 {
background-color: var(--shade-light-trans-60);
}
.bg--shade-light-trans-70 {
background-color: var(--shade-light-trans-70);
}
.bg--shade-light-trans-80 {
background-color: var(--shade-light-trans-80);
}
.bg--shade-light-trans-90 {
background-color: var(--shade-light-trans-90);
}
.bg--shade-dark-trans-10 {
background-color: var(--shade-dark-trans-10);
}
.bg--shade-dark-trans-20 {
background-color: var(--shade-dark-trans-20);
}
.bg--shade-dark-trans-30 {
background-color: var(--shade-dark-trans-30);
}
.bg--shade-dark-trans-40 {
background-color: var(--shade-dark-trans-40);
}
.bg--shade-dark-trans-50 {
background-color: var(--shade-dark-trans-50);
}
.bg--shade-dark-trans-60 {
background-color: var(--shade-dark-trans-60);
}
.bg--shade-dark-trans-70 {
background-color: var(--shade-dark-trans-70);
}
.bg--shade-dark-trans-80 {
background-color: var(--shade-dark-trans-80);
}
.bg--shade-dark-trans-90 {
background-color: var(--shade-dark-trans-90);
}
.bg--shade-ultra-dark-trans-10 {
background-color: var(--shade-ultra-dark-trans-10);
}
.bg--shade-ultra-dark-trans-20 {
background-color: var(--shade-ultra-dark-trans-20);
}
.bg--shade-ultra-dark-trans-30 {
background-color: var(--shade-ultra-dark-trans-30);
}
.bg--shade-ultra-dark-trans-40 {
background-color: var(--shade-ultra-dark-trans-40);
}
.bg--shade-ultra-dark-trans-50 {
background-color: var(--shade-ultra-dark-trans-50);
}
.bg--shade-ultra-dark-trans-60 {
background-color: var(--shade-ultra-dark-trans-60);
}
.bg--shade-ultra-dark-trans-70 {
background-color: var(--shade-ultra-dark-trans-70);
}
.bg--shade-ultra-dark-trans-80 {
background-color: var(--shade-ultra-dark-trans-80);
}
.bg--shade-ultra-dark-trans-90 {
background-color: var(--shade-ultra-dark-trans-90);
}
.bg--neutral {
background-color: var(--neutral);
}
.bg--neutral-hover {
background-color: var(--neutral-hover);
}
.bg--neutral-ultra-light {
background-color: var(--neutral-ultra-light);
}
.bg--neutral-light {
background-color: var(--neutral-light);
}
.bg--neutral-medium {
background-color: var(--neutral-medium);
}
.bg--neutral-dark {
background-color: var(--neutral-dark);
}
.bg--neutral-ultra-dark {
background-color: var(--neutral-ultra-dark);
}
.bg--neutral-comp {
background-color: var(--neutral-comp);
}
.bg--neutral-trans-10 {
background-color: var(--neutral-trans-10);
}
.bg--neutral-trans-20 {
background-color: var(--neutral-trans-20);
}
.bg--neutral-trans-30 {
background-color: var(--neutral-trans-30);
}
.bg--neutral-trans-40 {
background-color: var(--neutral-trans-40);
}
.bg--neutral-trans-50 {
background-color: var(--neutral-trans-50);
}
.bg--neutral-trans-60 {
background-color: var(--neutral-trans-60);
}
.bg--neutral-trans-70 {
background-color: var(--neutral-trans-70);
}
.bg--neutral-trans-80 {
background-color: var(--neutral-trans-80);
}
.bg--neutral-trans-90 {
background-color: var(--neutral-trans-90);
}
.bg--neutral-light-trans-10 {
background-color: var(--neutral-light-trans-10);
}
.bg--neutral-light-trans-20 {
background-color: var(--neutral-light-trans-20);
}
.bg--neutral-light-trans-30 {
background-color: var(--neutral-light-trans-30);
}
.bg--neutral-light-trans-40 {
background-color: var(--neutral-light-trans-40);
}
.bg--neutral-light-trans-50 {
background-color: var(--neutral-light-trans-50);
}
.bg--neutral-light-trans-60 {
background-color: var(--neutral-light-trans-60);
}
.bg--neutral-light-trans-70 {
background-color: var(--neutral-light-trans-70);
}
.bg--neutral-light-trans-80 {
background-color: var(--neutral-light-trans-80);
}
.bg--neutral-light-trans-90 {
background-color: var(--neutral-light-trans-90);
}
.bg--neutral-dark-trans-10 {
background-color: var(--neutral-dark-trans-10);
}
.bg--neutral-dark-trans-20 {
background-color: var(--neutral-dark-trans-20);
}
.bg--neutral-dark-trans-30 {
background-color: var(--neutral-dark-trans-30);
}
.bg--neutral-dark-trans-40 {
background-color: var(--neutral-dark-trans-40);
}
.bg--neutral-dark-trans-50 {
background-color: var(--neutral-dark-trans-50);
}
.bg--neutral-dark-trans-60 {
background-color: var(--neutral-dark-trans-60);
}
.bg--neutral-dark-trans-70 {
background-color: var(--neutral-dark-trans-70);
}
.bg--neutral-dark-trans-80 {
background-color: var(--neutral-dark-trans-80);
}
.bg--neutral-dark-trans-90 {
background-color: var(--neutral-dark-trans-90);
}
.bg--neutral-ultra-dark-trans-10 {
background-color: var(--neutral-ultra-dark-trans-10);
}
.bg--neutral-ultra-dark-trans-20 {
background-color: var(--neutral-ultra-dark-trans-20);
}
.bg--neutral-ultra-dark-trans-30 {
background-color: var(--neutral-ultra-dark-trans-30);
}
.bg--neutral-ultra-dark-trans-40 {
background-color: var(--neutral-ultra-dark-trans-40);
}
.bg--neutral-ultra-dark-trans-50 {
background-color: var(--neutral-ultra-dark-trans-50);
}
.bg--neutral-ultra-dark-trans-60 {
background-color: var(--neutral-ultra-dark-trans-60);
}
.bg--neutral-ultra-dark-trans-70 {
background-color: var(--neutral-ultra-dark-trans-70);
}
.bg--neutral-ultra-dark-trans-80 {
background-color: var(--neutral-ultra-dark-trans-80);
}
.bg--neutral-ultra-dark-trans-90 {
background-color: var(--neutral-ultra-dark-trans-90);
}
.bg--white {
background-color: var(--white);
}
.bg--black {
background-color: var(--black);
}
.bg--white-trans-10 {
background-color: var(--white-trans-10);
}
.bg--white-trans-20 {
background-color: var(--white-trans-20);
}
.bg--white-trans-30 {
background-color: var(--white-trans-30);
}
.bg--white-trans-40 {
background-color: var(--white-trans-40);
}
.bg--white-trans-50 {
background-color: var(--white-trans-50);
}
.bg--white-trans-60 {
background-color: var(--white-trans-60);
}
.bg--white-trans-70 {
background-color: var(--white-trans-70);
}
.bg--white-trans-80 {
background-color: var(--white-trans-80);
}
.bg--white-trans-90 {
background-color: var(--white-trans-90);
}
.bg--black-trans-10 {
background-color: var(--black-trans-10);
}
.bg--black-trans-20 {
background-color: var(--black-trans-20);
}
.bg--black-trans-30 {
background-color: var(--black-trans-30);
}
.bg--black-trans-40 {
background-color: var(--black-trans-40);
}
.bg--black-trans-50 {
background-color: var(--black-trans-50);
}
.bg--black-trans-60 {
background-color: var(--black-trans-60);
}
.bg--black-trans-70 {
background-color: var(--black-trans-70);
}
.bg--black-trans-80 {
background-color: var(--black-trans-80);
}
.bg--black-trans-90 {
background-color: var(--black-trans-90);
}
.btn--action, .btn--primary, .btn--secondary, .btn--accent, .btn--base, .btn--black, .btn--white {
padding-block: var(--btn-padding-block);
padding-inline: var(--btn-padding-inline);
min-inline-size: var(--btn-min-width);
line-height: var(--btn-line-height);
font-size: var(--btn-font-size);
font-weight: var(--btn-font-weight);
font-style: var(--btn-font-style);
text-decoration: var(--btn-text-decoration);
text-transform: var(--btn-text-transform);
letter-spacing: var(--btn-letter-spacing);
border-width: var(--btn-border-width);
border-style: var(--btn-border-style);
border-radius: var(--btn-border-radius);
display: var(--btn-display, inline-flex);
text-align: center;
justify-content: center;
align-items: center;
background: var(--btn-background);
color: var(--btn-text-color);
border-color: var(--btn-border-color);
transition: all var(--btn-transition-duration) ease;
}
.btn--action:hover, .btn--primary:hover, .btn--secondary:hover, .btn--accent:hover, .btn--base:hover, .btn--black:hover, .btn--white:hover {
background: var(--btn-background-hover);
border-color: var(--btn-border-color-hover);
color: var(--btn-text-color-hover);
text-decoration: var(--btn-text-decoration-hover);
}
.btn--action:focus, .btn--primary:focus, .btn--secondary:focus, .btn--accent:focus, .btn--base:focus, .btn--black:focus, .btn--white:focus {
outline-style: solid;
outline-color: var(--focus-color);
outline-width: var(--focus-width);
outline-offset: var(--focus-offset);
}
.btn--action.btn--outline, .btn--primary.btn--outline, .btn--secondary.btn--outline, .btn--accent.btn--outline, .btn--base.btn--outline, .btn--black.btn--outline, .btn--white.btn--outline {
background: transparent;
border-width: var(--btn-outline-border-width);
color: var(--btn-outline-text-color);
}
.btn--action.btn--outline:hover, .btn--primary.btn--outline:hover, .btn--secondary.btn--outline:hover, .btn--accent.btn--outline:hover, .btn--base.btn--outline:hover, .btn--black.btn--outline:hover, .btn--white.btn--outline:hover {
background: var(--btn-outline-background-hover);
color: var(--btn-outline-text-color-hover);
border-color: var(--btn-outline-border-hover);
}
.btn--action {
--btn-background: var(--action);
--btn-background-hover: var(--action-hover);
--btn-text-color: var(--action-ultra-light);
--btn-text-color-hover: var(--action-ultra-light);
--btn-border-color: var(--action);
--btn-border-color-hover: var(--action-hover);
--btn-outline-background-hover: var(--action-hover);
--btn-outline-border-hover: var(--action-hover);
--btn-outline-text-color: var(--action);
--btn-outline-text-color-hover: var(--action-ultra-light);
--focus-color: var(--action-dark);
}
.btn--primary {
--btn-background: var(--primary);
--btn-background-hover: var(--primary-hover);
--btn-text-color: var(--primary-ultra-light);
--btn-text-color-hover: var(--primary-ultra-light);
--btn-border-color: var(--primary);
--btn-border-color-hover: var(--primary-hover);
--btn-outline-background-hover: var(--primary-hover);
--btn-outline-border-hover: var(--primary-hover);
--btn-outline-text-color: var(--primary);
--btn-outline-text-color-hover: var(--primary-ultra-light);
--focus-color: var(--primary-dark);
}
.btn--secondary {
--btn-background: var(--secondary);
--btn-background-hover: var(--secondary-hover);
--btn-text-color: var(--secondary-ultra-light);
--btn-text-color-hover: var(--secondary-ultra-light);
--btn-border-color: var(--secondary);
--btn-border-color-hover: var(--secondary-hover);
--btn-outline-background-hover: var(--secondary-hover);
--btn-outline-border-hover: var(--secondary-hover);
--btn-outline-text-color: var(--secondary);
--btn-outline-text-color-hover: var(--secondary-ultra-light);
--focus-color: var(--secondary-dark);
}
.btn--accent {
--btn-background: var(--accent);
--btn-background-hover: var(--accent-hover);
--btn-text-color: var(--accent-ultra-light);
--btn-text-color-hover: var(--accent-ultra-light);
--btn-border-color: var(--accent);
--btn-border-color-hover: var(--accent-hover);
--btn-outline-background-hover: var(--accent-hover);
--btn-outline-border-hover: var(--accent-hover);
--btn-outline-text-color: var(--accent);
--btn-outline-text-color-hover: var(--accent-ultra-light);
--focus-color: var(--accent-dark);
}
.btn--base {
--btn-background: var(--base);
--btn-background-hover: var(--base-hover);
--btn-text-color: var(--base-ultra-light);
--btn-text-color-hover: var(--base-ultra-light);
--btn-border-color: var(--base);
--btn-border-color-hover: var(--base-hover);
--btn-outline-background-hover: var(--base-hover);
--btn-outline-border-hover: var(--base-hover);
--btn-outline-text-color: var(--base);
--btn-outline-text-color-hover: var(--base-ultra-light);
--focus-color: var(--base-dark);
}
.btn--black {
--btn-background: var(--shade-black);
--btn-background-hover: var(--action-hover);
--btn-text-color: var(--shade-white);
--btn-text-color-hover: var(--shade-white);
--btn-border-color: var(--shade-black);
--btn-border-color-hover: var(--shade-white);
--btn-outline-background-hover: var(--white);
--btn-outline-border-hover: var(--white);
--btn-outline-text-color: var(--shade-black);
--btn-outline-text-color-hover: var(--action-ultra-light);
--focus-color: var(--action);
}
.btn--white {
--btn-background: var(--shade-white);
--btn-background-hover: var(--action-hover);
--btn-text-color: var(--shade-black);
--btn-text-color-hover: var(--shade-white);
--btn-border-color: var(--shade-white);
--btn-border-color-hover: var(--shade-black);
--btn-outline-background-hover: var(--white);
--btn-outline-border-hover: var(--white);
--btn-outline-text-color: var(--shade-white);
--btn-outline-text-color-hover: var(--action-ultra-light);
--focus-color: var(--action);
}
.btn--xs {
font-size: var(--text-xs);
}
.btn--s {
font-size: var(--text-s);
}
.btn--m {
font-size: var(--text-m);
}
.btn--l {
font-size: var(--text-l);
}
.btn--xl {
font-size: var(--text-xl);
}
.btn--xxl {
font-size: var(--text-xxl);
}
.btn--clear {
background: none;
border: none;
}
.text--success {
color: var(--success);
}
.bg--success {
background-color: var(--success);
}
.text--success-light {
color: var(--success-light);
}
.bg--success-light {
background-color: var(--success-light);
}
.text--success-dark {
color: var(--success-dark);
}
.bg--success-dark {
background-color: var(--success-dark);
}
.text--success-hover {
color: var(--success-hover);
}
.bg--success-hover {
background-color: var(--success-hover);
}
.text--danger {
color: var(--danger);
}
.bg--danger {
background-color: var(--danger);
}
.text--danger-light {
color: var(--danger-light);
}
.bg--danger-light {
background-color: var(--danger-light);
}
.text--danger-dark {
color: var(--danger-dark);
}
.bg--danger-dark {
background-color: var(--danger-dark);
}
.text--danger-hover {
color: var(--danger-hover);
}
.bg--danger-hover {
background-color: var(--danger-hover);
}
.text--warning {
color: var(--warning);
}
.bg--warning {
background-color: var(--warning);
}
.text--warning-light {
color: var(--warning-light);
}
.bg--warning-light {
background-color: var(--warning-light);
}
.text--warning-dark {
color: var(--warning-dark);
}
.bg--warning-dark {
background-color: var(--warning-dark);
}
.text--warning-hover {
color: var(--warning-hover);
}
.bg--warning-hover {
background-color: var(--warning-hover);
}
.text--info {
color: var(--info);
}
.bg--info {
background-color: var(--info);
}
.text--info-light {
color: var(--info-light);
}
.bg--info-light {
background-color: var(--info-light);
}
.text--info-dark {
color: var(--info-dark);
}
.bg--info-dark {
background-color: var(--info-dark);
}
.text--info-hover {
color: var(--info-hover);
}
.bg--info-hover {
background-color: var(--info-hover);
}
.bg--ultra-light {
background-color: var(--bg-ultra-light);
}
.bg--light {
background-color: var(--bg-light);
}
.bg--dark {
background-color: var(--bg-dark);
}
.bg--ultra-dark {
background-color: var(--bg-ultra-dark);
}
.text--light {
color: var(--text-light);
}
.text--light-muted {
color: var(--text-light-muted);
}
.text--dark {
color: var(--text-dark);
}
.text--dark-muted {
color: var(--text-dark-muted);
}
:where(.bg--ultra-light), .bg--ultra-light :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--neutral-dark);
}
:where(.bg--light), .bg--light :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--black);
}
:where(.bg--dark), .bg--dark :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--neutral-light);
}
:where(.bg--ultra-dark), .bg--ultra-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--white);
}
.margin-top--xs {
margin-block-start: var(--space-xs);
}
.margin-top--s {
margin-block-start: var(--space-s);
}
.margin-top--m {
margin-block-start: var(--space-m);
}
.margin-top--l {
margin-block-start: var(--space-l);
}
.margin-top--xl {
margin-block-start: var(--space-xl);
}
.margin-top--xxl {
margin-block-start: var(--space-xxl);
}
.margin-bottom--xs {
margin-block-end: var(--space-xs);
}
.margin-bottom--s {
margin-block-end: var(--space-s);
}
.margin-bottom--m {
margin-block-end: var(--space-m);
}
.margin-bottom--l {
margin-block-end: var(--space-l);
}
.margin-bottom--xl {
margin-block-end: var(--space-xl);
}
.margin-bottom--xxl {
margin-block-end: var(--space-xxl);
}
.margin-right--xs {
margin-inline-end: var(--space-xs);
}
.margin-right--s {
margin-inline-end: var(--space-s);
}
.margin-right--m {
margin-inline-end: var(--space-m);
}
.margin-right--l {
margin-inline-end: var(--space-l);
}
.margin-right--xl {
margin-inline-end: var(--space-xl);
}
.margin-right--xxl {
margin-inline-end: var(--space-xxl);
}
.margin-left--xs {
margin-inline-start: var(--space-xs);
}
.margin-left--s {
margin-inline-start: var(--space-s);
}
.margin-left--m {
margin-inline-start: var(--space-m);
}
.margin-left--l {
margin-inline-start: var(--space-l);
}
.margin-left--xl {
margin-inline-start: var(--space-xl);
}
.margin-left--xxl {
margin-inline-start: var(--space-xxl);
}
.pad--xs {
padding: var(--space-xs);
}
.pad--s {
padding: var(--space-s);
}
.pad--m {
padding: var(--space-m);
}
.pad--l {
padding: var(--space-l);
}
.pad--xl {
padding: var(--space-xl);
}
.pad--xxl {
padding: var(--space-xxl);
}
.pad--none:not(.ct-section) {
padding: 0 !important;
}
[class*="overlay--"] {
position: relative;
z-index: 0;
}
[class*="overlay--"]::before {
content: "";
background: var(--overlay-background);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
}
.overlay--action-trans-10 {
--overlay-background: var(--action-trans-10);
}
.overlay--action-trans-20 {
--overlay-background: var(--action-trans-20);
}
.overlay--action-trans-30 {
--overlay-background: var(--action-trans-30);
}
.overlay--action-trans-40 {
--overlay-background: var(--action-trans-40);
}
.overlay--action-trans-50 {
--overlay-background: var(--action-trans-50);
}
.overlay--action-trans-60 {
--overlay-background: var(--action-trans-60);
}
.overlay--action-trans-70 {
--overlay-background: var(--action-trans-70);
}
.overlay--action-trans-80 {
--overlay-background: var(--action-trans-80);
}
.overlay--action-trans-90 {
--overlay-background: var(--action-trans-90);
}
.overlay--action-light-trans-10 {
--overlay-background: var(--action-light-trans-10);
}
.overlay--action-light-trans-20 {
--overlay-background: var(--action-light-trans-20);
}
.overlay--action-light-trans-30 {
--overlay-background: var(--action-light-trans-30);
}
.overlay--action-light-trans-40 {
--overlay-background: var(--action-light-trans-40);
}
.overlay--action-light-trans-50 {
--overlay-background: var(--action-light-trans-50);
}
.overlay--action-light-trans-60 {
--overlay-background: var(--action-light-trans-60);
}
.overlay--action-light-trans-70 {
--overlay-background: var(--action-light-trans-70);
}
.overlay--action-light-trans-80 {
--overlay-background: var(--action-light-trans-80);
}
.overlay--action-light-trans-90 {
--overlay-background: var(--action-light-trans-90);
}
.overlay--action-dark-trans-10 {
--overlay-background: var(--action-dark-trans-10);
}
.overlay--action-dark-trans-20 {
--overlay-background: var(--action-dark-trans-20);
}
.overlay--action-dark-trans-30 {
--overlay-background: var(--action-dark-trans-30);
}
.overlay--action-dark-trans-40 {
--overlay-background: var(--action-dark-trans-40);
}
.overlay--action-dark-trans-50 {
--overlay-background: var(--action-dark-trans-50);
}
.overlay--action-dark-trans-60 {
--overlay-background: var(--action-dark-trans-60);
}
.overlay--action-dark-trans-70 {
--overlay-background: var(--action-dark-trans-70);
}
.overlay--action-dark-trans-80 {
--overlay-background: var(--action-dark-trans-80);
}
.overlay--action-dark-trans-90 {
--overlay-background: var(--action-dark-trans-90);
}
.overlay--action-ultra-dark-trans-10 {
--overlay-background: var(--action-ultra-dark-trans-10);
}
.overlay--action-ultra-dark-trans-20 {
--overlay-background: var(--action-ultra-dark-trans-20);
}
.overlay--action-ultra-dark-trans-30 {
--overlay-background: var(--action-ultra-dark-trans-30);
}
.overlay--action-ultra-dark-trans-40 {
--overlay-background: var(--action-ultra-dark-trans-40);
}
.overlay--action-ultra-dark-trans-50 {
--overlay-background: var(--action-ultra-dark-trans-50);
}
.overlay--action-ultra-dark-trans-60 {
--overlay-background: var(--action-ultra-dark-trans-60);
}
.overlay--action-ultra-dark-trans-70 {
--overlay-background: var(--action-ultra-dark-trans-70);
}
.overlay--action-ultra-dark-trans-80 {
--overlay-background: var(--action-ultra-dark-trans-80);
}
.overlay--action-ultra-dark-trans-90 {
--overlay-background: var(--action-ultra-dark-trans-90);
}
.overlay--primary-trans-10 {
--overlay-background: var(--primary-trans-10);
}
.overlay--primary-trans-20 {
--overlay-background: var(--primary-trans-20);
}
.overlay--primary-trans-30 {
--overlay-background: var(--primary-trans-30);
}
.overlay--primary-trans-40 {
--overlay-background: var(--primary-trans-40);
}
.overlay--primary-trans-50 {
--overlay-background: var(--primary-trans-50);
}
.overlay--primary-trans-60 {
--overlay-background: var(--primary-trans-60);
}
.overlay--primary-trans-70 {
--overlay-background: var(--primary-trans-70);
}
.overlay--primary-trans-80 {
--overlay-background: var(--primary-trans-80);
}
.overlay--primary-trans-90 {
--overlay-background: var(--primary-trans-90);
}
.overlay--primary-light-trans-10 {
--overlay-background: var(--primary-light-trans-10);
}
.overlay--primary-light-trans-20 {
--overlay-background: var(--primary-light-trans-20);
}
.overlay--primary-light-trans-30 {
--overlay-background: var(--primary-light-trans-30);
}
.overlay--primary-light-trans-40 {
--overlay-background: var(--primary-light-trans-40);
}
.overlay--primary-light-trans-50 {
--overlay-background: var(--primary-light-trans-50);
}
.overlay--primary-light-trans-60 {
--overlay-background: var(--primary-light-trans-60);
}
.overlay--primary-light-trans-70 {
--overlay-background: var(--primary-light-trans-70);
}
.overlay--primary-light-trans-80 {
--overlay-background: var(--primary-light-trans-80);
}
.overlay--primary-light-trans-90 {
--overlay-background: var(--primary-light-trans-90);
}
.overlay--primary-dark-trans-10 {
--overlay-background: var(--primary-dark-trans-10);
}
.overlay--primary-dark-trans-20 {
--overlay-background: var(--primary-dark-trans-20);
}
.overlay--primary-dark-trans-30 {
--overlay-background: var(--primary-dark-trans-30);
}
.overlay--primary-dark-trans-40 {
--overlay-background: var(--primary-dark-trans-40);
}
.overlay--primary-dark-trans-50 {
--overlay-background: var(--primary-dark-trans-50);
}
.overlay--primary-dark-trans-60 {
--overlay-background: var(--primary-dark-trans-60);
}
.overlay--primary-dark-trans-70 {
--overlay-background: var(--primary-dark-trans-70);
}
.overlay--primary-dark-trans-80 {
--overlay-background: var(--primary-dark-trans-80);
}
.overlay--primary-dark-trans-90 {
--overlay-background: var(--primary-dark-trans-90);
}
.overlay--primary-ultra-dark-trans-10 {
--overlay-background: var(--primary-ultra-dark-trans-10);
}
.overlay--primary-ultra-dark-trans-20 {
--overlay-background: var(--primary-ultra-dark-trans-20);
}
.overlay--primary-ultra-dark-trans-30 {
--overlay-background: var(--primary-ultra-dark-trans-30);
}
.overlay--primary-ultra-dark-trans-40 {
--overlay-background: var(--primary-ultra-dark-trans-40);
}
.overlay--primary-ultra-dark-trans-50 {
--overlay-background: var(--primary-ultra-dark-trans-50);
}
.overlay--primary-ultra-dark-trans-60 {
--overlay-background: var(--primary-ultra-dark-trans-60);
}
.overlay--primary-ultra-dark-trans-70 {
--overlay-background: var(--primary-ultra-dark-trans-70);
}
.overlay--primary-ultra-dark-trans-80 {
--overlay-background: var(--primary-ultra-dark-trans-80);
}
.overlay--primary-ultra-dark-trans-90 {
--overlay-background: var(--primary-ultra-dark-trans-90);
}
.overlay--secondary-trans-10 {
--overlay-background: var(--secondary-trans-10);
}
.overlay--secondary-trans-20 {
--overlay-background: var(--secondary-trans-20);
}
.overlay--secondary-trans-30 {
--overlay-background: var(--secondary-trans-30);
}
.overlay--secondary-trans-40 {
--overlay-background: var(--secondary-trans-40);
}
.overlay--secondary-trans-50 {
--overlay-background: var(--secondary-trans-50);
}
.overlay--secondary-trans-60 {
--overlay-background: var(--secondary-trans-60);
}
.overlay--secondary-trans-70 {
--overlay-background: var(--secondary-trans-70);
}
.overlay--secondary-trans-80 {
--overlay-background: var(--secondary-trans-80);
}
.overlay--secondary-trans-90 {
--overlay-background: var(--secondary-trans-90);
}
.overlay--secondary-light-trans-10 {
--overlay-background: var(--secondary-light-trans-10);
}
.overlay--secondary-light-trans-20 {
--overlay-background: var(--secondary-light-trans-20);
}
.overlay--secondary-light-trans-30 {
--overlay-background: var(--secondary-light-trans-30);
}
.overlay--secondary-light-trans-40 {
--overlay-background: var(--secondary-light-trans-40);
}
.overlay--secondary-light-trans-50 {
--overlay-background: var(--secondary-light-trans-50);
}
.overlay--secondary-light-trans-60 {
--overlay-background: var(--secondary-light-trans-60);
}
.overlay--secondary-light-trans-70 {
--overlay-background: var(--secondary-light-trans-70);
}
.overlay--secondary-light-trans-80 {
--overlay-background: var(--secondary-light-trans-80);
}
.overlay--secondary-light-trans-90 {
--overlay-background: var(--secondary-light-trans-90);
}
.overlay--secondary-dark-trans-10 {
--overlay-background: var(--secondary-dark-trans-10);
}
.overlay--secondary-dark-trans-20 {
--overlay-background: var(--secondary-dark-trans-20);
}
.overlay--secondary-dark-trans-30 {
--overlay-background: var(--secondary-dark-trans-30);
}
.overlay--secondary-dark-trans-40 {
--overlay-background: var(--secondary-dark-trans-40);
}
.overlay--secondary-dark-trans-50 {
--overlay-background: var(--secondary-dark-trans-50);
}
.overlay--secondary-dark-trans-60 {
--overlay-background: var(--secondary-dark-trans-60);
}
.overlay--secondary-dark-trans-70 {
--overlay-background: var(--secondary-dark-trans-70);
}
.overlay--secondary-dark-trans-80 {
--overlay-background: var(--secondary-dark-trans-80);
}
.overlay--secondary-dark-trans-90 {
--overlay-background: var(--secondary-dark-trans-90);
}
.overlay--secondary-ultra-dark-trans-10 {
--overlay-background: var(--secondary-ultra-dark-trans-10);
}
.overlay--secondary-ultra-dark-trans-20 {
--overlay-background: var(--secondary-ultra-dark-trans-20);
}
.overlay--secondary-ultra-dark-trans-30 {
--overlay-background: var(--secondary-ultra-dark-trans-30);
}
.overlay--secondary-ultra-dark-trans-40 {
--overlay-background: var(--secondary-ultra-dark-trans-40);
}
.overlay--secondary-ultra-dark-trans-50 {
--overlay-background: var(--secondary-ultra-dark-trans-50);
}
.overlay--secondary-ultra-dark-trans-60 {
--overlay-background: var(--secondary-ultra-dark-trans-60);
}
.overlay--secondary-ultra-dark-trans-70 {
--overlay-background: var(--secondary-ultra-dark-trans-70);
}
.overlay--secondary-ultra-dark-trans-80 {
--overlay-background: var(--secondary-ultra-dark-trans-80);
}
.overlay--secondary-ultra-dark-trans-90 {
--overlay-background: var(--secondary-ultra-dark-trans-90);
}
.overlay--accent-trans-10 {
--overlay-background: var(--accent-trans-10);
}
.overlay--accent-trans-20 {
--overlay-background: var(--accent-trans-20);
}
.overlay--accent-trans-30 {
--overlay-background: var(--accent-trans-30);
}
.overlay--accent-trans-40 {
--overlay-background: var(--accent-trans-40);
}
.overlay--accent-trans-50 {
--overlay-background: var(--accent-trans-50);
}
.overlay--accent-trans-60 {
--overlay-background: var(--accent-trans-60);
}
.overlay--accent-trans-70 {
--overlay-background: var(--accent-trans-70);
}
.overlay--accent-trans-80 {
--overlay-background: var(--accent-trans-80);
}
.overlay--accent-trans-90 {
--overlay-background: var(--accent-trans-90);
}
.overlay--accent-light-trans-10 {
--overlay-background: var(--accent-light-trans-10);
}
.overlay--accent-light-trans-20 {
--overlay-background: var(--accent-light-trans-20);
}
.overlay--accent-light-trans-30 {
--overlay-background: var(--accent-light-trans-30);
}
.overlay--accent-light-trans-40 {
--overlay-background: var(--accent-light-trans-40);
}
.overlay--accent-light-trans-50 {
--overlay-background: var(--accent-light-trans-50);
}
.overlay--accent-light-trans-60 {
--overlay-background: var(--accent-light-trans-60);
}
.overlay--accent-light-trans-70 {
--overlay-background: var(--accent-light-trans-70);
}
.overlay--accent-light-trans-80 {
--overlay-background: var(--accent-light-trans-80);
}
.overlay--accent-light-trans-90 {
--overlay-background: var(--accent-light-trans-90);
}
.overlay--accent-dark-trans-10 {
--overlay-background: var(--accent-dark-trans-10);
}
.overlay--accent-dark-trans-20 {
--overlay-background: var(--accent-dark-trans-20);
}
.overlay--accent-dark-trans-30 {
--overlay-background: var(--accent-dark-trans-30);
}
.overlay--accent-dark-trans-40 {
--overlay-background: var(--accent-dark-trans-40);
}
.overlay--accent-dark-trans-50 {
--overlay-background: var(--accent-dark-trans-50);
}
.overlay--accent-dark-trans-60 {
--overlay-background: var(--accent-dark-trans-60);
}
.overlay--accent-dark-trans-70 {
--overlay-background: var(--accent-dark-trans-70);
}
.overlay--accent-dark-trans-80 {
--overlay-background: var(--accent-dark-trans-80);
}
.overlay--accent-dark-trans-90 {
--overlay-background: var(--accent-dark-trans-90);
}
.overlay--accent-ultra-dark-trans-10 {
--overlay-background: var(--accent-ultra-dark-trans-10);
}
.overlay--accent-ultra-dark-trans-20 {
--overlay-background: var(--accent-ultra-dark-trans-20);
}
.overlay--accent-ultra-dark-trans-30 {
--overlay-background: var(--accent-ultra-dark-trans-30);
}
.overlay--accent-ultra-dark-trans-40 {
--overlay-background: var(--accent-ultra-dark-trans-40);
}
.overlay--accent-ultra-dark-trans-50 {
--overlay-background: var(--accent-ultra-dark-trans-50);
}
.overlay--accent-ultra-dark-trans-60 {
--overlay-background: var(--accent-ultra-dark-trans-60);
}
.overlay--accent-ultra-dark-trans-70 {
--overlay-background: var(--accent-ultra-dark-trans-70);
}
.overlay--accent-ultra-dark-trans-80 {
--overlay-background: var(--accent-ultra-dark-trans-80);
}
.overlay--accent-ultra-dark-trans-90 {
--overlay-background: var(--accent-ultra-dark-trans-90);
}
.overlay--base-trans-10 {
--overlay-background: var(--base-trans-10);
}
.overlay--base-trans-20 {
--overlay-background: var(--base-trans-20);
}
.overlay--base-trans-30 {
--overlay-background: var(--base-trans-30);
}
.overlay--base-trans-40 {
--overlay-background: var(--base-trans-40);
}
.overlay--base-trans-50 {
--overlay-background: var(--base-trans-50);
}
.overlay--base-trans-60 {
--overlay-background: var(--base-trans-60);
}
.overlay--base-trans-70 {
--overlay-background: var(--base-trans-70);
}
.overlay--base-trans-80 {
--overlay-background: var(--base-trans-80);
}
.overlay--base-trans-90 {
--overlay-background: var(--base-trans-90);
}
.overlay--base-light-trans-10 {
--overlay-background: var(--base-light-trans-10);
}
.overlay--base-light-trans-20 {
--overlay-background: var(--base-light-trans-20);
}
.overlay--base-light-trans-30 {
--overlay-background: var(--base-light-trans-30);
}
.overlay--base-light-trans-40 {
--overlay-background: var(--base-light-trans-40);
}
.overlay--base-light-trans-50 {
--overlay-background: var(--base-light-trans-50);
}
.overlay--base-light-trans-60 {
--overlay-background: var(--base-light-trans-60);
}
.overlay--base-light-trans-70 {
--overlay-background: var(--base-light-trans-70);
}
.overlay--base-light-trans-80 {
--overlay-background: var(--base-light-trans-80);
}
.overlay--base-light-trans-90 {
--overlay-background: var(--base-light-trans-90);
}
.overlay--base-dark-trans-10 {
--overlay-background: var(--base-dark-trans-10);
}
.overlay--base-dark-trans-20 {
--overlay-background: var(--base-dark-trans-20);
}
.overlay--base-dark-trans-30 {
--overlay-background: var(--base-dark-trans-30);
}
.overlay--base-dark-trans-40 {
--overlay-background: var(--base-dark-trans-40);
}
.overlay--base-dark-trans-50 {
--overlay-background: var(--base-dark-trans-50);
}
.overlay--base-dark-trans-60 {
--overlay-background: var(--base-dark-trans-60);
}
.overlay--base-dark-trans-70 {
--overlay-background: var(--base-dark-trans-70);
}
.overlay--base-dark-trans-80 {
--overlay-background: var(--base-dark-trans-80);
}
.overlay--base-dark-trans-90 {
--overlay-background: var(--base-dark-trans-90);
}
.overlay--base-ultra-dark-trans-10 {
--overlay-background: var(--base-ultra-dark-trans-10);
}
.overlay--base-ultra-dark-trans-20 {
--overlay-background: var(--base-ultra-dark-trans-20);
}
.overlay--base-ultra-dark-trans-30 {
--overlay-background: var(--base-ultra-dark-trans-30);
}
.overlay--base-ultra-dark-trans-40 {
--overlay-background: var(--base-ultra-dark-trans-40);
}
.overlay--base-ultra-dark-trans-50 {
--overlay-background: var(--base-ultra-dark-trans-50);
}
.overlay--base-ultra-dark-trans-60 {
--overlay-background: var(--base-ultra-dark-trans-60);
}
.overlay--base-ultra-dark-trans-70 {
--overlay-background: var(--base-ultra-dark-trans-70);
}
.overlay--base-ultra-dark-trans-80 {
--overlay-background: var(--base-ultra-dark-trans-80);
}
.overlay--base-ultra-dark-trans-90 {
--overlay-background: var(--base-ultra-dark-trans-90);
}
.overlay--shade-trans-10 {
--overlay-background: var(--shade-trans-10);
}
.overlay--shade-trans-20 {
--overlay-background: var(--shade-trans-20);
}
.overlay--shade-trans-30 {
--overlay-background: var(--shade-trans-30);
}
.overlay--shade-trans-40 {
--overlay-background: var(--shade-trans-40);
}
.overlay--shade-trans-50 {
--overlay-background: var(--shade-trans-50);
}
.overlay--shade-trans-60 {
--overlay-background: var(--shade-trans-60);
}
.overlay--shade-trans-70 {
--overlay-background: var(--shade-trans-70);
}
.overlay--shade-trans-80 {
--overlay-background: var(--shade-trans-80);
}
.overlay--shade-trans-90 {
--overlay-background: var(--shade-trans-90);
}
.overlay--shade-light-trans-10 {
--overlay-background: var(--shade-light-trans-10);
}
.overlay--shade-light-trans-20 {
--overlay-background: var(--shade-light-trans-20);
}
.overlay--shade-light-trans-30 {
--overlay-background: var(--shade-light-trans-30);
}
.overlay--shade-light-trans-40 {
--overlay-background: var(--shade-light-trans-40);
}
.overlay--shade-light-trans-50 {
--overlay-background: var(--shade-light-trans-50);
}
.overlay--shade-light-trans-60 {
--overlay-background: var(--shade-light-trans-60);
}
.overlay--shade-light-trans-70 {
--overlay-background: var(--shade-light-trans-70);
}
.overlay--shade-light-trans-80 {
--overlay-background: var(--shade-light-trans-80);
}
.overlay--shade-light-trans-90 {
--overlay-background: var(--shade-light-trans-90);
}
.overlay--shade-dark-trans-10 {
--overlay-background: var(--shade-dark-trans-10);
}
.overlay--shade-dark-trans-20 {
--overlay-background: var(--shade-dark-trans-20);
}
.overlay--shade-dark-trans-30 {
--overlay-background: var(--shade-dark-trans-30);
}
.overlay--shade-dark-trans-40 {
--overlay-background: var(--shade-dark-trans-40);
}
.overlay--shade-dark-trans-50 {
--overlay-background: var(--shade-dark-trans-50);
}
.overlay--shade-dark-trans-60 {
--overlay-background: var(--shade-dark-trans-60);
}
.overlay--shade-dark-trans-70 {
--overlay-background: var(--shade-dark-trans-70);
}
.overlay--shade-dark-trans-80 {
--overlay-background: var(--shade-dark-trans-80);
}
.overlay--shade-dark-trans-90 {
--overlay-background: var(--shade-dark-trans-90);
}
.overlay--shade-ultra-dark-trans-10 {
--overlay-background: var(--shade-ultra-dark-trans-10);
}
.overlay--shade-ultra-dark-trans-20 {
--overlay-background: var(--shade-ultra-dark-trans-20);
}
.overlay--shade-ultra-dark-trans-30 {
--overlay-background: var(--shade-ultra-dark-trans-30);
}
.overlay--shade-ultra-dark-trans-40 {
--overlay-background: var(--shade-ultra-dark-trans-40);
}
.overlay--shade-ultra-dark-trans-50 {
--overlay-background: var(--shade-ultra-dark-trans-50);
}
.overlay--shade-ultra-dark-trans-60 {
--overlay-background: var(--shade-ultra-dark-trans-60);
}
.overlay--shade-ultra-dark-trans-70 {
--overlay-background: var(--shade-ultra-dark-trans-70);
}
.overlay--shade-ultra-dark-trans-80 {
--overlay-background: var(--shade-ultra-dark-trans-80);
}
.overlay--shade-ultra-dark-trans-90 {
--overlay-background: var(--shade-ultra-dark-trans-90);
}
.overlay--neutral-trans-10 {
--overlay-background: var(--neutral-trans-10);
}
.overlay--neutral-trans-20 {
--overlay-background: var(--neutral-trans-20);
}
.overlay--neutral-trans-30 {
--overlay-background: var(--neutral-trans-30);
}
.overlay--neutral-trans-40 {
--overlay-background: var(--neutral-trans-40);
}
.overlay--neutral-trans-50 {
--overlay-background: var(--neutral-trans-50);
}
.overlay--neutral-trans-60 {
--overlay-background: var(--neutral-trans-60);
}
.overlay--neutral-trans-70 {
--overlay-background: var(--neutral-trans-70);
}
.overlay--neutral-trans-80 {
--overlay-background: var(--neutral-trans-80);
}
.overlay--neutral-trans-90 {
--overlay-background: var(--neutral-trans-90);
}
.overlay--neutral-light-trans-10 {
--overlay-background: var(--neutral-light-trans-10);
}
.overlay--neutral-light-trans-20 {
--overlay-background: var(--neutral-light-trans-20);
}
.overlay--neutral-light-trans-30 {
--overlay-background: var(--neutral-light-trans-30);
}
.overlay--neutral-light-trans-40 {
--overlay-background: var(--neutral-light-trans-40);
}
.overlay--neutral-light-trans-50 {
--overlay-background: var(--neutral-light-trans-50);
}
.overlay--neutral-light-trans-60 {
--overlay-background: var(--neutral-light-trans-60);
}
.overlay--neutral-light-trans-70 {
--overlay-background: var(--neutral-light-trans-70);
}
.overlay--neutral-light-trans-80 {
--overlay-background: var(--neutral-light-trans-80);
}
.overlay--neutral-light-trans-90 {
--overlay-background: var(--neutral-light-trans-90);
}
.overlay--neutral-dark-trans-10 {
--overlay-background: var(--neutral-dark-trans-10);
}
.overlay--neutral-dark-trans-20 {
--overlay-background: var(--neutral-dark-trans-20);
}
.overlay--neutral-dark-trans-30 {
--overlay-background: var(--neutral-dark-trans-30);
}
.overlay--neutral-dark-trans-40 {
--overlay-background: var(--neutral-dark-trans-40);
}
.overlay--neutral-dark-trans-50 {
--overlay-background: var(--neutral-dark-trans-50);
}
.overlay--neutral-dark-trans-60 {
--overlay-background: var(--neutral-dark-trans-60);
}
.overlay--neutral-dark-trans-70 {
--overlay-background: var(--neutral-dark-trans-70);
}
.overlay--neutral-dark-trans-80 {
--overlay-background: var(--neutral-dark-trans-80);
}
.overlay--neutral-dark-trans-90 {
--overlay-background: var(--neutral-dark-trans-90);
}
.overlay--neutral-ultra-dark-trans-10 {
--overlay-background: var(--neutral-ultra-dark-trans-10);
}
.overlay--neutral-ultra-dark-trans-20 {
--overlay-background: var(--neutral-ultra-dark-trans-20);
}
.overlay--neutral-ultra-dark-trans-30 {
--overlay-background: var(--neutral-ultra-dark-trans-30);
}
.overlay--neutral-ultra-dark-trans-40 {
--overlay-background: var(--neutral-ultra-dark-trans-40);
}
.overlay--neutral-ultra-dark-trans-50 {
--overlay-background: var(--neutral-ultra-dark-trans-50);
}
.overlay--neutral-ultra-dark-trans-60 {
--overlay-background: var(--neutral-ultra-dark-trans-60);
}
.overlay--neutral-ultra-dark-trans-70 {
--overlay-background: var(--neutral-ultra-dark-trans-70);
}
.overlay--neutral-ultra-dark-trans-80 {
--overlay-background: var(--neutral-ultra-dark-trans-80);
}
.overlay--neutral-ultra-dark-trans-90 {
--overlay-background: var(--neutral-ultra-dark-trans-90);
}
.overlay--white-trans-10 {
--overlay-background: var(--white-trans-10);
}
.overlay--white-trans-20 {
--overlay-background: var(--white-trans-20);
}
.overlay--white-trans-30 {
--overlay-background: var(--white-trans-30);
}
.overlay--white-trans-40 {
--overlay-background: var(--white-trans-40);
}
.overlay--white-trans-50 {
--overlay-background: var(--white-trans-50);
}
.overlay--white-trans-60 {
--overlay-background: var(--white-trans-60);
}
.overlay--white-trans-70 {
--overlay-background: var(--white-trans-70);
}
.overlay--white-trans-80 {
--overlay-background: var(--white-trans-80);
}
.overlay--white-trans-90 {
--overlay-background: var(--white-trans-90);
}
.overlay--black-trans-10 {
--overlay-background: var(--black-trans-10);
}
.overlay--black-trans-20 {
--overlay-background: var(--black-trans-20);
}
.overlay--black-trans-30 {
--overlay-background: var(--black-trans-30);
}
.overlay--black-trans-40 {
--overlay-background: var(--black-trans-40);
}
.overlay--black-trans-50 {
--overlay-background: var(--black-trans-50);
}
.overlay--black-trans-60 {
--overlay-background: var(--black-trans-60);
}
.overlay--black-trans-70 {
--overlay-background: var(--black-trans-70);
}
.overlay--black-trans-80 {
--overlay-background: var(--black-trans-80);
}
.overlay--black-trans-90 {
--overlay-background: var(--black-trans-90);
}
figure[class*="overlay--"]::before {
z-index: 0;
}
h1 {
color: var(--h1-color, var(--black));
}
h2 {
color: var(--h2-color, var(--black));
}
h3 {
color: var(--h3-color, var(--black));
}
h4 {
color: var(--h4-color, var(--black));
}
h5 {
color: var(--h5-color, var(--black));
}
h6 {
color: var(--h6-color, var(--black));
}
.text--action, .text--action :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--action);
}
.text--action-hover, .text--action-hover :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--action-hover);
}
.text--action-ultra-light, .text--action-ultra-light :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--action-ultra-light);
}
.text--action-light, .text--action-light :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--action-light);
}
.text--action-medium, .text--action-medium :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--action-medium);
}
.text--action-dark, .text--action-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--action-dark);
}
.text--action-ultra-dark, .text--action-ultra-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--action-ultra-dark);
}
.text--action-comp, .text--action-comp :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--action-comp);
}
.text--primary, .text--primary :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--primary);
}
.text--primary-hover, .text--primary-hover :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--primary-hover);
}
.text--primary-ultra-light, .text--primary-ultra-light :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--primary-ultra-light);
}
.text--primary-light, .text--primary-light :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--primary-light);
}
.text--primary-medium, .text--primary-medium :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--primary-medium);
}
.text--primary-dark, .text--primary-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--primary-dark);
}
.text--primary-ultra-dark, .text--primary-ultra-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--primary-ultra-dark);
}
.text--primary-comp, .text--primary-comp :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--primary-comp);
}
.text--secondary, .text--secondary :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--secondary);
}
.text--secondary-hover, .text--secondary-hover :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--secondary-hover);
}
.text--secondary-ultra-light, .text--secondary-ultra-light :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--secondary-ultra-light);
}
.text--secondary-light, .text--secondary-light :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--secondary-light);
}
.text--secondary-medium, .text--secondary-medium :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--secondary-medium);
}
.text--secondary-dark, .text--secondary-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--secondary-dark);
}
.text--secondary-ultra-dark, .text--secondary-ultra-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--secondary-ultra-dark);
}
.text--secondary-comp, .text--secondary-comp :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--secondary-comp);
}
.text--accent, .text--accent :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--accent);
}
.text--accent-hover, .text--accent-hover :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--accent-hover);
}
.text--accent-ultra-light, .text--accent-ultra-light :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--accent-ultra-light);
}
.text--accent-light, .text--accent-light :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--accent-light);
}
.text--accent-medium, .text--accent-medium :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--accent-medium);
}
.text--accent-dark, .text--accent-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--accent-dark);
}
.text--accent-ultra-dark, .text--accent-ultra-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--accent-ultra-dark);
}
.text--accent-comp, .text--accent-comp :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--accent-comp);
}
.text--base, .text--base :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--base);
}
.text--base-hover, .text--base-hover :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--base-hover);
}
.text--base-ultra-light, .text--base-ultra-light :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--base-ultra-light);
}
.text--base-light, .text--base-light :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--base-light);
}
.text--base-medium, .text--base-medium :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--base-medium);
}
.text--base-dark, .text--base-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--base-dark);
}
.text--base-ultra-dark, .text--base-ultra-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--base-ultra-dark);
}
.text--base-comp, .text--base-comp :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--base-comp);
}
.text--shade, .text--shade :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--shade);
}
.text--shade-hover, .text--shade-hover :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--shade-hover);
}
.text--shade-ultra-light, .text--shade-ultra-light :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--shade-ultra-light);
}
.text--shade-light, .text--shade-light :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--shade-light);
}
.text--shade-medium, .text--shade-medium :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--shade-medium);
}
.text--shade-dark, .text--shade-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--shade-dark);
}
.text--shade-ultra-dark, .text--shade-ultra-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--shade-ultra-dark);
}
.text--shade-comp, .text--shade-comp :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--shade-comp);
}
.text--neutral, .text--neutral :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--neutral);
}
.text--neutral-hover, .text--neutral-hover :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--neutral-hover);
}
.text--neutral-ultra-light, .text--neutral-ultra-light :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--neutral-ultra-light);
}
.text--neutral-light, .text--neutral-light :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--neutral-light);
}
.text--neutral-medium, .text--neutral-medium :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--neutral-medium);
}
.text--neutral-dark, .text--neutral-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--neutral-dark);
}
.text--neutral-ultra-dark, .text--neutral-ultra-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--neutral-ultra-dark);
}
.text--neutral-comp, .text--neutral-comp :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--neutral-comp);
}
.text--white, .text--white :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--white);
}
.text--black, .text--black :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--black);
}
.text--xs, .text--xs > p, .text--xs > ol li, .text--xs > ul li {
font-size: var(--text-xs);
line-height: var(--text-xs-lh);
max-inline-size: var(--text-xs-length);
}
.text--s, .text--s > p, .text--s > ol li, .text--s > ul li {
font-size: var(--text-s);
line-height: var(--text-s-lh);
max-inline-size: var(--text-s-length);
}
.text--m, .text--m > p, .text--m > ol li, .text--m > ul li {
font-size: var(--text-m);
line-height: var(--text-m-lh);
max-inline-size: var(--text-m-length);
}
.text--l, .text--l > p, .text--l > ol li, .text--l > ul li {
font-size: var(--text-l);
line-height: var(--text-l-lh);
max-inline-size: var(--text-l-length);
}
.text--xl, .text--xl > p, .text--xl > ol li, .text--xl > ul li {
font-size: var(--text-xl);
line-height: var(--text-xl-lh);
max-inline-size: var(--text-xl-length);
}
.text--xxl, .text--xxl > p, .text--xxl > ol li, .text--xxl > ul li {
font-size: var(--text-xxl);
line-height: var(--text-xxl-lh);
max-inline-size: var(--text-xxl-length);
}
.h--1 {
font-size: var(--h1);
line-height: var(--h1-lh);
max-inline-size: var(--h1-length);
color: var(--h1-color, var(--heading-color));
}
.h--2 {
font-size: var(--h2);
line-height: var(--h2-lh);
max-inline-size: var(--h2-length);
color: var(--h2-color, var(--heading-color));
}
.h--3 {
font-size: var(--h3);
line-height: var(--h3-lh);
max-inline-size: var(--h3-length);
color: var(--h3-color, var(--heading-color));
}
.h--4 {
font-size: var(--h4);
line-height: var(--h4-lh);
max-inline-size: var(--h4-length);
color: var(--h4-color, var(--heading-color));
}
.h--5 {
font-size: var(--h5);
line-height: var(--h5-lh);
max-inline-size: var(--h5-length);
color: var(--h5-color, var(--heading-color));
}
.h--6 {
font-size: var(--h6);
line-height: var(--h6-lh);
max-inline-size: var(--h6-length);
color: var(--h6-color, var(--heading-color));
}
.text--100 {
font-weight: 100;
}
.text--200 {
font-weight: 200;
}
.text--300 {
font-weight: 300;
}
.text--400 {
font-weight: 400;
}
.text--500 {
font-weight: 500;
}
.text--600 {
font-weight: 600;
}
.text--700 {
font-weight: 700;
}
.text--800 {
font-weight: 800;
}
.text--900 {
font-weight: 900;
}
.text--bold {
font-weight: bold;
}
.text--italic {
font-style: italic;
}
.text--oblique {
font-style: oblique;
}
.text--decoration-none {
-webkit-text-decoration: none;
text-decoration: none;
}
.text--underline {
-webkit-text-decoration: underline;
text-decoration: underline;
}
.text--underline-wavy {
-webkit-text-decoration: underline wavy;
text-decoration: underline wavy;
}
.text--underline-dotted {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
.text--underline-double {
-webkit-text-decoration: underline double;
text-decoration: underline double;
}
.text--underline-dashed {
-webkit-text-decoration: underline dashed;
text-decoration: underline dashed;
}
.text--overline {
-webkit-text-decoration: overline;
text-decoration: overline;
}
.text--line-through {
-webkit-text-decoration: line-through;
text-decoration: line-through;
}
.text--transform-none {
text-transform: none;
}
.text--uppercase {
text-transform: uppercase;
}
.text--lowercase {
text-transform: lowercase;
}
.text--capitalize {
text-transform: capitalize;
}
.text--left {
text-align: left;
}
.text--center {
text-align: center;
}
.text--right {
text-align: right;
}
.text--justify {
text-align: justify;
}
p:where(:only-of-type), li:not(nav li, nav a), blockquote {
text-wrap: balance;
}
h1, h2, h3, h4, h5, h6 {
text-wrap: balance;
}
.balance {
text-wrap: balance;
}
.balance p, .balance li, .balance blockquote, .balance h1, .balance h2, .balance h3, .balance h4, .balance h5, .balance h6 {
text-wrap: balance;
}
.unbalance {
text-wrap: unset;
}
.unbalance p, .unbalance li, .unbalance blockquote, .unbalance h1, .unbalance h2, .unbalance h3, .unbalance h4, .unbalance h5, .unbalance h6 {
text-wrap: unset;
}
.link--action a, a.link--action {
color: var(--action);
}
.link--action a:hover, a.link--action:hover {
color: var(--action-hover);
}
.link--action-hover a, a.link--action-hover {
color: var(--action-hover);
}
.link--action-hover a:hover, a.link--action-hover:hover {
color: var(--action-hover);
}
.link--action-ultra-light a, a.link--action-ultra-light {
color: var(--action-ultra-light);
}
.link--action-ultra-light a:hover, a.link--action-ultra-light:hover {
color: var(--action-hover);
}
.link--action-light a, a.link--action-light {
color: var(--action-light);
}
.link--action-light a:hover, a.link--action-light:hover {
color: var(--action-hover);
}
.link--action-medium a, a.link--action-medium {
color: var(--action-medium);
}
.link--action-medium a:hover, a.link--action-medium:hover {
color: var(--action-hover);
}
.link--action-dark a, a.link--action-dark {
color: var(--action-dark);
}
.link--action-dark a:hover, a.link--action-dark:hover {
color: var(--action-hover);
}
.link--action-ultra-dark a, a.link--action-ultra-dark {
color: var(--action-ultra-dark);
}
.link--action-ultra-dark a:hover, a.link--action-ultra-dark:hover {
color: var(--action-hover);
}
.link--action-comp a, a.link--action-comp {
color: var(--action-comp);
}
.link--action-comp a:hover, a.link--action-comp:hover {
color: var(--action-hover);
}
.link--primary a, a.link--primary {
color: var(--primary);
}
.link--primary a:hover, a.link--primary:hover {
color: var(--primary-hover);
}
.link--primary-hover a, a.link--primary-hover {
color: var(--primary-hover);
}
.link--primary-hover a:hover, a.link--primary-hover:hover {
color: var(--primary-hover);
}
.link--primary-ultra-light a, a.link--primary-ultra-light {
color: var(--primary-ultra-light);
}
.link--primary-ultra-light a:hover, a.link--primary-ultra-light:hover {
color: var(--primary-hover);
}
.link--primary-light a, a.link--primary-light {
color: var(--primary-light);
}
.link--primary-light a:hover, a.link--primary-light:hover {
color: var(--primary-hover);
}
.link--primary-medium a, a.link--primary-medium {
color: var(--primary-medium);
}
.link--primary-medium a:hover, a.link--primary-medium:hover {
color: var(--primary-hover);
}
.link--primary-dark a, a.link--primary-dark {
color: var(--primary-dark);
}
.link--primary-dark a:hover, a.link--primary-dark:hover {
color: var(--primary-hover);
}
.link--primary-ultra-dark a, a.link--primary-ultra-dark {
color: var(--primary-ultra-dark);
}
.link--primary-ultra-dark a:hover, a.link--primary-ultra-dark:hover {
color: var(--primary-hover);
}
.link--primary-comp a, a.link--primary-comp {
color: var(--primary-comp);
}
.link--primary-comp a:hover, a.link--primary-comp:hover {
color: var(--primary-hover);
}
.link--secondary a, a.link--secondary {
color: var(--secondary);
}
.link--secondary a:hover, a.link--secondary:hover {
color: var(--secondary-hover);
}
.link--secondary-hover a, a.link--secondary-hover {
color: var(--secondary-hover);
}
.link--secondary-hover a:hover, a.link--secondary-hover:hover {
color: var(--secondary-hover);
}
.link--secondary-ultra-light a, a.link--secondary-ultra-light {
color: var(--secondary-ultra-light);
}
.link--secondary-ultra-light a:hover, a.link--secondary-ultra-light:hover {
color: var(--secondary-hover);
}
.link--secondary-light a, a.link--secondary-light {
color: var(--secondary-light);
}
.link--secondary-light a:hover, a.link--secondary-light:hover {
color: var(--secondary-hover);
}
.link--secondary-medium a, a.link--secondary-medium {
color: var(--secondary-medium);
}
.link--secondary-medium a:hover, a.link--secondary-medium:hover {
color: var(--secondary-hover);
}
.link--secondary-dark a, a.link--secondary-dark {
color: var(--secondary-dark);
}
.link--secondary-dark a:hover, a.link--secondary-dark:hover {
color: var(--secondary-hover);
}
.link--secondary-ultra-dark a, a.link--secondary-ultra-dark {
color: var(--secondary-ultra-dark);
}
.link--secondary-ultra-dark a:hover, a.link--secondary-ultra-dark:hover {
color: var(--secondary-hover);
}
.link--secondary-comp a, a.link--secondary-comp {
color: var(--secondary-comp);
}
.link--secondary-comp a:hover, a.link--secondary-comp:hover {
color: var(--secondary-hover);
}
.link--accent a, a.link--accent {
color: var(--accent);
}
.link--accent a:hover, a.link--accent:hover {
color: var(--accent-hover);
}
.link--accent-hover a, a.link--accent-hover {
color: var(--accent-hover);
}
.link--accent-hover a:hover, a.link--accent-hover:hover {
color: var(--accent-hover);
}
.link--accent-ultra-light a, a.link--accent-ultra-light {
color: var(--accent-ultra-light);
}
.link--accent-ultra-light a:hover, a.link--accent-ultra-light:hover {
color: var(--accent-hover);
}
.link--accent-light a, a.link--accent-light {
color: var(--accent-light);
}
.link--accent-light a:hover, a.link--accent-light:hover {
color: var(--accent-hover);
}
.link--accent-medium a, a.link--accent-medium {
color: var(--accent-medium);
}
.link--accent-medium a:hover, a.link--accent-medium:hover {
color: var(--accent-hover);
}
.link--accent-dark a, a.link--accent-dark {
color: var(--accent-dark);
}
.link--accent-dark a:hover, a.link--accent-dark:hover {
color: var(--accent-hover);
}
.link--accent-ultra-dark a, a.link--accent-ultra-dark {
color: var(--accent-ultra-dark);
}
.link--accent-ultra-dark a:hover, a.link--accent-ultra-dark:hover {
color: var(--accent-hover);
}
.link--accent-comp a, a.link--accent-comp {
color: var(--accent-comp);
}
.link--accent-comp a:hover, a.link--accent-comp:hover {
color: var(--accent-hover);
}
.link--base a, a.link--base {
color: var(--base);
}
.link--base a:hover, a.link--base:hover {
color: var(--base-hover);
}
.link--base-hover a, a.link--base-hover {
color: var(--base-hover);
}
.link--base-hover a:hover, a.link--base-hover:hover {
color: var(--base-hover);
}
.link--base-ultra-light a, a.link--base-ultra-light {
color: var(--base-ultra-light);
}
.link--base-ultra-light a:hover, a.link--base-ultra-light:hover {
color: var(--base-hover);
}
.link--base-light a, a.link--base-light {
color: var(--base-light);
}
.link--base-light a:hover, a.link--base-light:hover {
color: var(--base-hover);
}
.link--base-medium a, a.link--base-medium {
color: var(--base-medium);
}
.link--base-medium a:hover, a.link--base-medium:hover {
color: var(--base-hover);
}
.link--base-dark a, a.link--base-dark {
color: var(--base-dark);
}
.link--base-dark a:hover, a.link--base-dark:hover {
color: var(--base-hover);
}
.link--base-ultra-dark a, a.link--base-ultra-dark {
color: var(--base-ultra-dark);
}
.link--base-ultra-dark a:hover, a.link--base-ultra-dark:hover {
color: var(--base-hover);
}
.link--base-comp a, a.link--base-comp {
color: var(--base-comp);
}
.link--base-comp a:hover, a.link--base-comp:hover {
color: var(--base-hover);
}
.link--shade a, a.link--shade {
color: var(--shade);
}
.link--shade a:hover, a.link--shade:hover {
color: var(--shade-hover);
}
.link--shade-hover a, a.link--shade-hover {
color: var(--shade-hover);
}
.link--shade-hover a:hover, a.link--shade-hover:hover {
color: var(--shade-hover);
}
.link--shade-ultra-light a, a.link--shade-ultra-light {
color: var(--shade-ultra-light);
}
.link--shade-ultra-light a:hover, a.link--shade-ultra-light:hover {
color: var(--shade-hover);
}
.link--shade-light a, a.link--shade-light {
color: var(--shade-light);
}
.link--shade-light a:hover, a.link--shade-light:hover {
color: var(--shade-hover);
}
.link--shade-medium a, a.link--shade-medium {
color: var(--shade-medium);
}
.link--shade-medium a:hover, a.link--shade-medium:hover {
color: var(--shade-hover);
}
.link--shade-dark a, a.link--shade-dark {
color: var(--shade-dark);
}
.link--shade-dark a:hover, a.link--shade-dark:hover {
color: var(--shade-hover);
}
.link--shade-ultra-dark a, a.link--shade-ultra-dark {
color: var(--shade-ultra-dark);
}
.link--shade-ultra-dark a:hover, a.link--shade-ultra-dark:hover {
color: var(--shade-hover);
}
.link--shade-comp a, a.link--shade-comp {
color: var(--shade-comp);
}
.link--shade-comp a:hover, a.link--shade-comp:hover {
color: var(--shade-hover);
}
.link--neutral a, a.link--neutral {
color: var(--neutral);
}
.link--neutral-hover a, a.link--neutral-hover {
color: var(--neutral-hover);
}
.link--neutral-ultra-light a, a.link--neutral-ultra-light {
color: var(--neutral-ultra-light);
}
.link--neutral-light a, a.link--neutral-light {
color: var(--neutral-light);
}
.link--neutral-medium a, a.link--neutral-medium {
color: var(--neutral-medium);
}
.link--neutral-dark a, a.link--neutral-dark {
color: var(--neutral-dark);
}
.link--neutral-ultra-dark a, a.link--neutral-ultra-dark {
color: var(--neutral-ultra-dark);
}
.link--neutral-comp a, a.link--neutral-comp {
color: var(--neutral-comp);
}
.link--white a, a.link--white {
color: var(--white);
}
.link--white a:hover, a.link--white:hover {
color: var(--action-hover);
}
.link--black a, a.link--black {
color: var(--black);
}
.link--black a:hover, a.link--black:hover {
color: var(--action-hover);
}
.link--success a, a.link--success {
color: #29A745;
}
.link--success a:hover, a.link--success:hover {
color: var(--success-hover);
}
.link--success-light a, a.link--success-light {
color: #c1f0cc;
}
.link--success-light a:hover, a.link--success-light:hover {
color: var(--success-hover);
}
.link--success-dark a, a.link--success-dark {
color: #0f3e19;
}
.link--success-dark a:hover, a.link--success-dark:hover {
color: var(--success-hover);
}
.link--success-hover a, a.link--success-hover {
color: #2fc24f;
}
.link--success-hover a:hover, a.link--success-hover:hover {
color: var(--success-hover);
}
.link--danger a, a.link--danger {
color: #DC3545;
}
.link--danger a:hover, a.link--danger:hover {
color: var(--danger-hover);
}
.link--danger-light a, a.link--danger-light {
color: #f4bec3;
}
.link--danger-light a:hover, a.link--danger-light:hover {
color: var(--danger-hover);
}
.link--danger-dark a, a.link--danger-dark {
color: #410b11;
}
.link--danger-dark a:hover, a.link--danger-dark:hover {
color: var(--danger-hover);
}
.link--danger-hover a, a.link--danger-hover {
color: #e35a67;
}
.link--danger-hover a:hover, a.link--danger-hover:hover {
color: var(--danger-hover);
}
.link--warning a, a.link--warning {
color: #FFC10A;
}
.link--warning a:hover, a.link--warning:hover {
color: var(--warning-hover);
}
.link--warning-light a, a.link--warning-light {
color: #ffecb3;
}
.link--warning-light a:hover, a.link--warning-light:hover {
color: var(--warning-hover);
}
.link--warning-dark a, a.link--warning-dark {
color: #4d3900;
}
.link--warning-dark a:hover, a.link--warning-dark:hover {
color: var(--warning-hover);
}
.link--warning-hover a, a.link--warning-hover {
color: #ffcc32;
}
.link--warning-hover a:hover, a.link--warning-hover:hover {
color: var(--warning-hover);
}
.link--info a, a.link--info {
color: #18A2B8;
}
.link--info a:hover, a.link--info:hover {
color: var(--accent-hover);
}
.link--info-light a, a.link--info-light {
color: #bbeef6;
}
.link--info-light a:hover, a.link--info-light:hover {
color: var(--accent-hover);
}
.link--info-dark a, a.link--info-dark {
color: #093c44;
}
.link--info-dark a:hover, a.link--info-dark:hover {
color: var(--accent-hover);
}
.link--info-hover a, a.link--info-hover {
color: #1cbcd5;
}
.link--info-hover a:hover, a.link--info-hover:hover {
color: var(--accent-hover);
}
.opacity--5 {
opacity: 0.05;
}
.opacity--10 {
opacity: 0.1;
}
.opacity--20 {
opacity: 0.2;
}
.opacity--30 {
opacity: 0.3;
}
.opacity--40 {
opacity: 0.4;
}
.opacity--50 {
opacity: 0.5;
}
.opacity--60 {
opacity: 0.6;
}
.opacity--70 {
opacity: 0.7;
}
.opacity--80 {
opacity: 0.8;
}
.opacity--90 {
opacity: 0.9;
}
.opacity--95 {
opacity: 0.95;
}
.box-shadow--m {
box-shadow: var(--box-shadow-1);
}
.box-shadow--l {
box-shadow: var(--box-shadow-2);
}
.box-shadow--xl {
box-shadow: var(--box-shadow-3);
}
.relative {
position: relative;
}
.sticky {
position: -webkit-sticky;
position: sticky;
inset-block-start: 0rem;
}
.sticky-top--s {
inset-block-start: 2.5%;
}
.sticky-top--m {
inset-block-start: 5%;
}
.sticky-top--l {
inset-block-start: 10%;
}
.center--self {
margin-left: auto;
margin-right: auto;
}
.flip--x, .flip--x > div {
transform: scaleX(-1);
}
.flip--y, .flip--y > div {
transform: scaleY(-1);
}
.flip--xy, .flip--xy > div {
transform: scale(-1, -1);
}
.flip--both, .flip--both > div {
transform: scale(-1, -1);
}
img.object-fit--cover, .object-fit--cover img {
-o-object-fit: cover;
object-fit: cover;
}
img.object-fit--contain, .object-fit--contain img {
-o-object-fit: contain;
object-fit: contain;
}
img.object-fit--top-left, .object-fit--top-left img {
-o-object-position: 10% 10%;
object-position: 10% 10%;
}
img.object-fit--top-center, .object-fit--top-center img {
-o-object-position: 50% 10%;
object-position: 50% 10%;
}
img.object-fit--top-right, .object-fit--top-right img {
-o-object-position: 90% 10%;
object-position: 90% 10%;
}
img.object-fit--center-left, .object-fit--center-left img {
-o-object-position: 10% 50%;
object-position: 10% 50%;
}
img.object-fit--center-right, .object-fit--center-right img {
-o-object-position: 90% 50%;
object-position: 90% 50%;
}
img.object-fit--bottom-left, .object-fit--bottom-left img {
-o-object-position: 10% 90%;
object-position: 10% 90%;
}
img.object-fit--bottom-center, .object-fit--bottom-center img {
-o-object-position: 50% 90%;
object-position: 50% 90%;
}
img.object-fit--bottom-right, .object-fit--bottom-right img {
-o-object-position: 90% 90%;
object-position: 90% 90%;
}
:is([class*="col-count--"], [class*="col-width--"]) {
display: block !important;
}
.col-count--1 {
-moz-column-count: 1;
column-count: 1;
}
.col-count--2 {
-moz-column-count: 2;
column-count: 2;
}
.col-count--3 {
-moz-column-count: 3;
column-count: 3;
}
.col-count--4 {
-moz-column-count: 4;
column-count: 4;
}
.col-count--5 {
-moz-column-count: 5;
column-count: 5;
}
@media (max-width: 1280px) {
.col-count--xl-1 {
-moz-column-count: 1;
column-count: 1;
}
.col-count--xl-2 {
-moz-column-count: 2;
column-count: 2;
}
.col-count--xl-3 {
-moz-column-count: 3;
column-count: 3;
}
.col-count--xl-4 {
-moz-column-count: 4;
column-count: 4;
}
.col-count--xl-5 {
-moz-column-count: 5;
column-count: 5;
}
}
@media (max-width: 992px) {
.col-count--l-1 {
-moz-column-count: 1;
column-count: 1;
}
.col-count--l-2 {
-moz-column-count: 2;
column-count: 2;
}
.col-count--l-3 {
-moz-column-count: 3;
column-count: 3;
}
.col-count--l-4 {
-moz-column-count: 4;
column-count: 4;
}
.col-count--l-5 {
-moz-column-count: 5;
column-count: 5;
}
}
@media (max-width: 768px) {
.col-count--m-1 {
-moz-column-count: 1;
column-count: 1;
}
.col-count--m-2 {
-moz-column-count: 2;
column-count: 2;
}
.col-count--m-3 {
-moz-column-count: 3;
column-count: 3;
}
.col-count--m-4 {
-moz-column-count: 4;
column-count: 4;
}
.col-count--m-5 {
-moz-column-count: 5;
column-count: 5;
}
}
@media (max-width: 480px) {
.col-count--s-1 {
-moz-column-count: 1;
column-count: 1;
}
.col-count--s-2 {
-moz-column-count: 2;
column-count: 2;
}
.col-count--s-3 {
-moz-column-count: 3;
column-count: 3;
}
.col-count--s-4 {
-moz-column-count: 4;
column-count: 4;
}
.col-count--s-5 {
-moz-column-count: 5;
column-count: 5;
}
}
.col-width--s {
width: 100%;
-moz-column-width: var(--col-width-s, 13rem);
column-width: var(--col-width-s, 13rem);
}
.col-width--m {
width: 100%;
-moz-column-width: var(--col-width-m, 25rem);
column-width: var(--col-width-m, 25rem);
}
.col-width--l {
width: 100%;
-moz-column-width: var(--col-width-l, 38rem);
column-width: var(--col-width-l, 38rem);
}
.col-rule--dotted {
-moz-column-rule: dotted;
column-rule: dotted;
}
.col-rule--dashed {
-moz-column-rule: dashed;
column-rule: dashed;
}
.col-rule--solid {
-moz-column-rule: solid;
column-rule: solid;
}
.col-rule--double {
-moz-column-rule: double;
column-rule: double;
}
.col-rule--groove {
-moz-column-rule: groove;
column-rule: groove;
}
.col-rule--ridge {
-moz-column-rule: ridge;
column-rule: ridge;
}
.col-rule--inset {
-moz-column-rule: inset;
column-rule: inset;
}
.col-rule--outset {
-moz-column-rule: outset;
column-rule: outset;
}
.col-rule--action {
-moz-column-rule-color: var(--action);
column-rule-color: var(--action);
}
.col-rule--action-hover {
-moz-column-rule-color: var(--action-hover);
column-rule-color: var(--action-hover);
}
.col-rule--action-ultra-light {
-moz-column-rule-color: var(--action-ultra-light);
column-rule-color: var(--action-ultra-light);
}
.col-rule--action-light {
-moz-column-rule-color: var(--action-light);
column-rule-color: var(--action-light);
}
.col-rule--action-medium {
-moz-column-rule-color: var(--action-medium);
column-rule-color: var(--action-medium);
}
.col-rule--action-dark {
-moz-column-rule-color: var(--action-dark);
column-rule-color: var(--action-dark);
}
.col-rule--action-ultra-dark {
-moz-column-rule-color: var(--action-ultra-dark);
column-rule-color: var(--action-ultra-dark);
}
.col-rule--action-comp {
-moz-column-rule-color: var(--action-comp);
column-rule-color: var(--action-comp);
}
.col-rule--primary {
-moz-column-rule-color: var(--primary);
column-rule-color: var(--primary);
}
.col-rule--primary-hover {
-moz-column-rule-color: var(--primary-hover);
column-rule-color: var(--primary-hover);
}
.col-rule--primary-ultra-light {
-moz-column-rule-color: var(--primary-ultra-light);
column-rule-color: var(--primary-ultra-light);
}
.col-rule--primary-light {
-moz-column-rule-color: var(--primary-light);
column-rule-color: var(--primary-light);
}
.col-rule--primary-medium {
-moz-column-rule-color: var(--primary-medium);
column-rule-color: var(--primary-medium);
}
.col-rule--primary-dark {
-moz-column-rule-color: var(--primary-dark);
column-rule-color: var(--primary-dark);
}
.col-rule--primary-ultra-dark {
-moz-column-rule-color: var(--primary-ultra-dark);
column-rule-color: var(--primary-ultra-dark);
}
.col-rule--primary-comp {
-moz-column-rule-color: var(--primary-comp);
column-rule-color: var(--primary-comp);
}
.col-rule--secondary {
-moz-column-rule-color: var(--secondary);
column-rule-color: var(--secondary);
}
.col-rule--secondary-hover {
-moz-column-rule-color: var(--secondary-hover);
column-rule-color: var(--secondary-hover);
}
.col-rule--secondary-ultra-light {
-moz-column-rule-color: var(--secondary-ultra-light);
column-rule-color: var(--secondary-ultra-light);
}
.col-rule--secondary-light {
-moz-column-rule-color: var(--secondary-light);
column-rule-color: var(--secondary-light);
}
.col-rule--secondary-medium {
-moz-column-rule-color: var(--secondary-medium);
column-rule-color: var(--secondary-medium);
}
.col-rule--secondary-dark {
-moz-column-rule-color: var(--secondary-dark);
column-rule-color: var(--secondary-dark);
}
.col-rule--secondary-ultra-dark {
-moz-column-rule-color: var(--secondary-ultra-dark);
column-rule-color: var(--secondary-ultra-dark);
}
.col-rule--secondary-comp {
-moz-column-rule-color: var(--secondary-comp);
column-rule-color: var(--secondary-comp);
}
.col-rule--accent {
-moz-column-rule-color: var(--accent);
column-rule-color: var(--accent);
}
.col-rule--accent-hover {
-moz-column-rule-color: var(--accent-hover);
column-rule-color: var(--accent-hover);
}
.col-rule--accent-ultra-light {
-moz-column-rule-color: var(--accent-ultra-light);
column-rule-color: var(--accent-ultra-light);
}
.col-rule--accent-light {
-moz-column-rule-color: var(--accent-light);
column-rule-color: var(--accent-light);
}
.col-rule--accent-medium {
-moz-column-rule-color: var(--accent-medium);
column-rule-color: var(--accent-medium);
}
.col-rule--accent-dark {
-moz-column-rule-color: var(--accent-dark);
column-rule-color: var(--accent-dark);
}
.col-rule--accent-ultra-dark {
-moz-column-rule-color: var(--accent-ultra-dark);
column-rule-color: var(--accent-ultra-dark);
}
.col-rule--accent-comp {
-moz-column-rule-color: var(--accent-comp);
column-rule-color: var(--accent-comp);
}
.col-rule--base {
-moz-column-rule-color: var(--base);
column-rule-color: var(--base);
}
.col-rule--base-hover {
-moz-column-rule-color: var(--base-hover);
column-rule-color: var(--base-hover);
}
.col-rule--base-ultra-light {
-moz-column-rule-color: var(--base-ultra-light);
column-rule-color: var(--base-ultra-light);
}
.col-rule--base-light {
-moz-column-rule-color: var(--base-light);
column-rule-color: var(--base-light);
}
.col-rule--base-medium {
-moz-column-rule-color: var(--base-medium);
column-rule-color: var(--base-medium);
}
.col-rule--base-dark {
-moz-column-rule-color: var(--base-dark);
column-rule-color: var(--base-dark);
}
.col-rule--base-ultra-dark {
-moz-column-rule-color: var(--base-ultra-dark);
column-rule-color: var(--base-ultra-dark);
}
.col-rule--base-comp {
-moz-column-rule-color: var(--base-comp);
column-rule-color: var(--base-comp);
}
.col-rule--shade {
-moz-column-rule-color: var(--shade);
column-rule-color: var(--shade);
}
.col-rule--shade-hover {
-moz-column-rule-color: var(--shade-hover);
column-rule-color: var(--shade-hover);
}
.col-rule--shade-ultra-light {
-moz-column-rule-color: var(--shade-ultra-light);
column-rule-color: var(--shade-ultra-light);
}
.col-rule--shade-light {
-moz-column-rule-color: var(--shade-light);
column-rule-color: var(--shade-light);
}
.col-rule--shade-medium {
-moz-column-rule-color: var(--shade-medium);
column-rule-color: var(--shade-medium);
}
.col-rule--shade-dark {
-moz-column-rule-color: var(--shade-dark);
column-rule-color: var(--shade-dark);
}
.col-rule--shade-ultra-dark {
-moz-column-rule-color: var(--shade-ultra-dark);
column-rule-color: var(--shade-ultra-dark);
}
.col-rule--shade-comp {
-moz-column-rule-color: var(--shade-comp);
column-rule-color: var(--shade-comp);
}
.col-rule--neutral {
-moz-column-rule-color: var(--neutral);
column-rule-color: var(--neutral);
}
.col-rule--neutral-hover {
-moz-column-rule-color: var(--neutral-hover);
column-rule-color: var(--neutral-hover);
}
.col-rule--neutral-ultra-light {
-moz-column-rule-color: var(--neutral-ultra-light);
column-rule-color: var(--neutral-ultra-light);
}
.col-rule--neutral-light {
-moz-column-rule-color: var(--neutral-light);
column-rule-color: var(--neutral-light);
}
.col-rule--neutral-medium {
-moz-column-rule-color: var(--neutral-medium);
column-rule-color: var(--neutral-medium);
}
.col-rule--neutral-dark {
-moz-column-rule-color: var(--neutral-dark);
column-rule-color: var(--neutral-dark);
}
.col-rule--neutral-ultra-dark {
-moz-column-rule-color: var(--neutral-ultra-dark);
column-rule-color: var(--neutral-ultra-dark);
}
.col-rule--neutral-comp {
-moz-column-rule-color: var(--neutral-comp);
column-rule-color: var(--neutral-comp);
}
.col-rule--white {
-moz-column-rule-color: var(--white);
column-rule-color: var(--white);
}
.col-rule--black {
-moz-column-rule-color: var(--black);
column-rule-color: var(--black);
}
.col-rule--s {
-moz-column-rule-width: var(--col-rule-width-s, 0.1em);
column-rule-width: var(--col-rule-width-s, 0.1em);
}
.col-rule--m {
-moz-column-rule-width: var(--col-rule-width-m, 0.3em);
column-rule-width: var(--col-rule-width-m, 0.3em);
}
.col-rule--l {
-moz-column-rule-width: var(--col-rule-width-l, 0.5em);
column-rule-width: var(--col-rule-width-l, 0.5em);
}
.col-span--all {
-moz-column-span: all;
column-span: all;
}
.masonry--1 {
display: block !important;
column-count: 1;
row-gap: var(--row-gap);
column-gap: var(--col-gap);
}
.masonry--2 {
display: block !important;
column-count: 2;
row-gap: var(--row-gap);
column-gap: var(--col-gap);
}
.masonry--3 {
display: block !important;
column-count: 3;
row-gap: var(--row-gap);
column-gap: var(--col-gap);
}
.masonry--4 {
display: block !important;
column-count: 4;
row-gap: var(--row-gap);
column-gap: var(--col-gap);
}
.masonry--5 {
display: block !important;
column-count: 5;
row-gap: var(--row-gap);
column-gap: var(--col-gap);
}
@media (max-width: 1280px) {
.masonry--xl-1 {
column-count: 1;
}
.masonry--xl-2 {
column-count: 2;
}
.masonry--xl-3 {
column-count: 3;
}
.masonry--xl-4 {
column-count: 4;
}
.masonry--xl-5 {
column-count: 5;
}
}
@media (max-width: 992px) {
.masonry--l-1 {
column-count: 1;
}
.masonry--l-2 {
column-count: 2;
}
.masonry--l-3 {
column-count: 3;
}
.masonry--l-4 {
column-count: 4;
}
.masonry--l-5 {
column-count: 5;
}
}
@media (max-width: 768px) {
.masonry--m-1 {
column-count: 1;
}
.masonry--m-2 {
column-count: 2;
}
.masonry--m-3 {
column-count: 3;
}
.masonry--m-4 {
column-count: 4;
}
.masonry--m-5 {
column-count: 5;
}
}
@media (max-width: 480px) {
.masonry--s-1 {
column-count: 1;
}
.masonry--s-2 {
column-count: 2;
}
.masonry--s-3 {
column-count: 3;
}
.masonry--s-4 {
column-count: 4;
}
.masonry--s-5 {
column-count: 5;
}
}
:where([class*="masonry--"] > *) {
break-inside: avoid;
width: 100%;
}
[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);
}
.variable-grid {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(min(var(--min, calc(var(--content-width) / 2 - var(--space-xxl))), 100%), 1fr));
grid-template-rows: var(--grid-1);
gap: var(--gap, var(--grid-gap));
}
.content-grid {
--full: minmax(var(--gutter), 1fr);
padding-inline: 0;
column-gap: 0 !important;
display: grid !important;
grid-template-columns: [full-start] var(--full) [feature-max-start] minmax(0, var(--feature-max-width, 100px)) [feature-start] minmax(0, var(--feature-width, 50px)) [content-start] min(var(--content-width), 100% - var(--gutter) * 2) [content-end] minmax(0, var(--feature-width, 50px)) [feature-end] minmax(0, var(--feature-max-width, 100px)) [feature-max-end] var(--full) [full-end];
}
.content-grid > :not(.content--feature, .content--feature-max, .content--full, .content--full-safe) {
width: 100%;
}
:where(.content-grid > :not(.content--feature, .content--feature-max, .content--full, .content--full-safe)) {
grid-column: content;
}
:where(.content-grid > .content--feature) {
grid-column: feature;
}
:where(.content-grid > .content--feature-max) {
grid-column: feature-max;
}
:where(.content-grid > .content--full) {
grid-column: full;
}
:where(.content-grid > .content--full-safe) {
grid-column: full;
padding-inline: var(--gutter);
}
.content-grid:where(.content--full-safe) {
padding-inline: var(--gutter);
}
.content-grid > :is(.content--feature, .content--feature-max, .content--full, .content--full-safe) {
width: 100%;
max-width: 100%;
}
@media (min-width: 1280px) {
.grid--alternate-xl > .grid--2:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-xl > .grid--1-2:nth-of-type(even) {
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}
.grid--alternate-xl > .grid--1-2:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-xl > .grid--1-3:nth-of-type(even) {
grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
}
.grid--alternate-xl > .grid--1-3:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-xl > .grid--2-1:nth-of-type(even) {
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}
.grid--alternate-xl > .grid--2-1:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-xl > .grid--2-3:nth-of-type(even) {
grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
}
.grid--alternate-xl > .grid--2-3:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-xl > .grid--3-1:nth-of-type(even) {
grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
}
.grid--alternate-xl > .grid--3-1:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-xl > .grid--3-2:nth-of-type(even) {
grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
}
.grid--alternate-xl > .grid--3-2:nth-of-type(even) > *:last-child {
order: -1;
}
}
@media (min-width: 992px) {
.grid--alternate-l > .grid--2:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-l > .grid--1-2:nth-of-type(even) {
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}
.grid--alternate-l > .grid--1-2:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-l > .grid--1-3:nth-of-type(even) {
grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
}
.grid--alternate-l > .grid--1-3:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-l > .grid--2-1:nth-of-type(even) {
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}
.grid--alternate-l > .grid--2-1:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-l > .grid--2-3:nth-of-type(even) {
grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
}
.grid--alternate-l > .grid--2-3:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-l > .grid--3-1:nth-of-type(even) {
grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
}
.grid--alternate-l > .grid--3-1:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-l > .grid--3-2:nth-of-type(even) {
grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
}
.grid--alternate-l > .grid--3-2:nth-of-type(even) > *:last-child {
order: -1;
}
}
@media (min-width: 768px) {
.grid--alternate-m > .grid--2:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-m > .grid--1-2:nth-of-type(even) {
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}
.grid--alternate-m > .grid--1-2:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-m > .grid--1-3:nth-of-type(even) {
grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
}
.grid--alternate-m > .grid--1-3:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-m > .grid--2-1:nth-of-type(even) {
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}
.grid--alternate-m > .grid--2-1:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-m > .grid--2-3:nth-of-type(even) {
grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
}
.grid--alternate-m > .grid--2-3:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-m > .grid--3-1:nth-of-type(even) {
grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
}
.grid--alternate-m > .grid--3-1:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-m > .grid--3-2:nth-of-type(even) {
grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
}
.grid--alternate-m > .grid--3-2:nth-of-type(even) > *:last-child {
order: -1;
}
}
@media (min-width: 480px) {
.grid--alternate-s > .grid--2:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-s > .grid--1-2:nth-of-type(even) {
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}
.grid--alternate-s > .grid--1-2:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-s > .grid--1-3:nth-of-type(even) {
grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
}
.grid--alternate-s > .grid--1-3:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-s > .grid--2-1:nth-of-type(even) {
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}
.grid--alternate-s > .grid--2-1:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-s > .grid--2-3:nth-of-type(even) {
grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
}
.grid--alternate-s > .grid--2-3:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-s > .grid--3-1:nth-of-type(even) {
grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
}
.grid--alternate-s > .grid--3-1:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-s > .grid--3-2:nth-of-type(even) {
grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
}
.grid--alternate-s > .grid--3-2:nth-of-type(even) > *:last-child {
order: -1;
}
}
.row-span--1 {
grid-row: span 1;
}
.col-span--1 {
grid-column: span 1;
}
.row-start--1 {
grid-row-start: 1;
}
.row-end--1 {
grid-row-end: 1;
}
.col-start--1 {
grid-column-start: 1;
}
.col-end--1 {
grid-column-end: 1;
}
.row-span--2 {
grid-row: span 2;
}
.col-span--2 {
grid-column: span 2;
}
.row-start--2 {
grid-row-start: 2;
}
.row-end--2 {
grid-row-end: 2;
}
.col-start--2 {
grid-column-start: 2;
}
.col-end--2 {
grid-column-end: 2;
}
.row-span--3 {
grid-row: span 3;
}
.col-span--3 {
grid-column: span 3;
}
.row-start--3 {
grid-row-start: 3;
}
.row-end--3 {
grid-row-end: 3;
}
.col-start--3 {
grid-column-start: 3;
}
.col-end--3 {
grid-column-end: 3;
}
.row-span--4 {
grid-row: span 4;
}
.col-span--4 {
grid-column: span 4;
}
.row-start--4 {
grid-row-start: 4;
}
.row-end--4 {
grid-row-end: 4;
}
.col-start--4 {
grid-column-start: 4;
}
.col-end--4 {
grid-column-end: 4;
}
.row-span--5 {
grid-row: span 5;
}
.col-span--5 {
grid-column: span 5;
}
.row-start--5 {
grid-row-start: 5;
}
.row-end--5 {
grid-row-end: 5;
}
.col-start--5 {
grid-column-start: 5;
}
.col-end--5 {
grid-column-end: 5;
}
.row-span--6 {
grid-row: span 6;
}
.col-span--6 {
grid-column: span 6;
}
.row-start--6 {
grid-row-start: 6;
}
.row-end--6 {
grid-row-end: 6;
}
.col-start--6 {
grid-column-start: 6;
}
.col-end--6 {
grid-column-end: 6;
}
.row-span--7 {
grid-row: span 7;
}
.col-span--7 {
grid-column: span 7;
}
.row-start--7 {
grid-row-start: 7;
}
.row-end--7 {
grid-row-end: 7;
}
.col-start--7 {
grid-column-start: 7;
}
.col-end--7 {
grid-column-end: 7;
}
.row-span--8 {
grid-row: span 8;
}
.col-span--8 {
grid-column: span 8;
}
.row-start--8 {
grid-row-start: 8;
}
.row-end--8 {
grid-row-end: 8;
}
.col-start--8 {
grid-column-start: 8;
}
.col-end--8 {
grid-column-end: 8;
}
.row-span--9 {
grid-row: span 9;
}
.col-span--9 {
grid-column: span 9;
}
.row-start--9 {
grid-row-start: 9;
}
.row-end--9 {
grid-row-end: 9;
}
.col-start--9 {
grid-column-start: 9;
}
.col-end--9 {
grid-column-end: 9;
}
.row-span--10 {
grid-row: span 10;
}
.col-span--10 {
grid-column: span 10;
}
.row-start--10 {
grid-row-start: 10;
}
.row-end--10 {
grid-row-end: 10;
}
.col-start--10 {
grid-column-start: 10;
}
.col-end--10 {
grid-column-end: 10;
}
.row-span--11 {
grid-row: span 11;
}
.col-span--11 {
grid-column: span 11;
}
.row-start--11 {
grid-row-start: 11;
}
.row-end--11 {
grid-row-end: 11;
}
.col-start--11 {
grid-column-start: 11;
}
.col-end--11 {
grid-column-end: 11;
}
.row-span--12 {
grid-row: span 12;
}
.col-span--12 {
grid-column: span 12;
}
.row-start--12 {
grid-row-start: 12;
}
.row-end--12 {
grid-row-end: 12;
}
.col-start--12 {
grid-column-start: 12;
}
.col-end--12 {
grid-column-end: 12;
}
@media (max-width: 1280px) {
.row-span--xl-1 {
grid-row: span 1;
}
.col-span--xl-1 {
grid-column: span 1;
}
.row-start--xl-1 {
grid-row-start: 1;
}
.row-end--xl-1 {
grid-row-end: 1;
}
.col-start--xl-1 {
grid-column-start: 1;
}
.col-end--xl-1 {
grid-column-end: 1;
}
.row-span--xl-2 {
grid-row: span 2;
}
.col-span--xl-2 {
grid-column: span 2;
}
.row-start--xl-2 {
grid-row-start: 2;
}
.row-end--xl-2 {
grid-row-end: 2;
}
.col-start--xl-2 {
grid-column-start: 2;
}
.col-end--xl-2 {
grid-column-end: 2;
}
.row-span--xl-3 {
grid-row: span 3;
}
.col-span--xl-3 {
grid-column: span 3;
}
.row-start--xl-3 {
grid-row-start: 3;
}
.row-end--xl-3 {
grid-row-end: 3;
}
.col-start--xl-3 {
grid-column-start: 3;
}
.col-end--xl-3 {
grid-column-end: 3;
}
.row-span--xl-4 {
grid-row: span 4;
}
.col-span--xl-4 {
grid-column: span 4;
}
.row-start--xl-4 {
grid-row-start: 4;
}
.row-end--xl-4 {
grid-row-end: 4;
}
.col-start--xl-4 {
grid-column-start: 4;
}
.col-end--xl-4 {
grid-column-end: 4;
}
.row-span--xl-5 {
grid-row: span 5;
}
.col-span--xl-5 {
grid-column: span 5;
}
.row-start--xl-5 {
grid-row-start: 5;
}
.row-end--xl-5 {
grid-row-end: 5;
}
.col-start--xl-5 {
grid-column-start: 5;
}
.col-end--xl-5 {
grid-column-end: 5;
}
.row-span--xl-6 {
grid-row: span 6;
}
.col-span--xl-6 {
grid-column: span 6;
}
.row-start--xl-6 {
grid-row-start: 6;
}
.row-end--xl-6 {
grid-row-end: 6;
}
.col-start--xl-6 {
grid-column-start: 6;
}
.col-end--xl-6 {
grid-column-end: 6;
}
.row-span--xl-7 {
grid-row: span 7;
}
.col-span--xl-7 {
grid-column: span 7;
}
.row-start--xl-7 {
grid-row-start: 7;
}
.row-end--xl-7 {
grid-row-end: 7;
}
.col-start--xl-7 {
grid-column-start: 7;
}
.col-end--xl-7 {
grid-column-end: 7;
}
.row-span--xl-8 {
grid-row: span 8;
}
.col-span--xl-8 {
grid-column: span 8;
}
.row-start--xl-8 {
grid-row-start: 8;
}
.row-end--xl-8 {
grid-row-end: 8;
}
.col-start--xl-8 {
grid-column-start: 8;
}
.col-end--xl-8 {
grid-column-end: 8;
}
.row-span--xl-9 {
grid-row: span 9;
}
.col-span--xl-9 {
grid-column: span 9;
}
.row-start--xl-9 {
grid-row-start: 9;
}
.row-end--xl-9 {
grid-row-end: 9;
}
.col-start--xl-9 {
grid-column-start: 9;
}
.col-end--xl-9 {
grid-column-end: 9;
}
.row-span--xl-10 {
grid-row: span 10;
}
.col-span--xl-10 {
grid-column: span 10;
}
.row-start--xl-10 {
grid-row-start: 10;
}
.row-end--xl-10 {
grid-row-end: 10;
}
.col-start--xl-10 {
grid-column-start: 10;
}
.col-end--xl-10 {
grid-column-end: 10;
}
.row-span--xl-11 {
grid-row: span 11;
}
.col-span--xl-11 {
grid-column: span 11;
}
.row-start--xl-11 {
grid-row-start: 11;
}
.row-end--xl-11 {
grid-row-end: 11;
}
.col-start--xl-11 {
grid-column-start: 11;
}
.col-end--xl-11 {
grid-column-end: 11;
}
.row-span--xl-12 {
grid-row: span 12;
}
.col-span--xl-12 {
grid-column: span 12;
}
.row-start--xl-12 {
grid-row-start: 12;
}
.row-end--xl-12 {
grid-row-end: 12;
}
.col-start--xl-12 {
grid-column-start: 12;
}
.col-end--xl-12 {
grid-column-end: 12;
}
}
@media (max-width: 992px) {
.row-span--l-1 {
grid-row: span 1;
}
.col-span--l-1 {
grid-column: span 1;
}
.row-start--l-1 {
grid-row-start: 1;
}
.row-end--l-1 {
grid-row-end: 1;
}
.col-start--l-1 {
grid-column-start: 1;
}
.col-end--l-1 {
grid-column-end: 1;
}
.row-span--l-2 {
grid-row: span 2;
}
.col-span--l-2 {
grid-column: span 2;
}
.row-start--l-2 {
grid-row-start: 2;
}
.row-end--l-2 {
grid-row-end: 2;
}
.col-start--l-2 {
grid-column-start: 2;
}
.col-end--l-2 {
grid-column-end: 2;
}
.row-span--l-3 {
grid-row: span 3;
}
.col-span--l-3 {
grid-column: span 3;
}
.row-start--l-3 {
grid-row-start: 3;
}
.row-end--l-3 {
grid-row-end: 3;
}
.col-start--l-3 {
grid-column-start: 3;
}
.col-end--l-3 {
grid-column-end: 3;
}
.row-span--l-4 {
grid-row: span 4;
}
.col-span--l-4 {
grid-column: span 4;
}
.row-start--l-4 {
grid-row-start: 4;
}
.row-end--l-4 {
grid-row-end: 4;
}
.col-start--l-4 {
grid-column-start: 4;
}
.col-end--l-4 {
grid-column-end: 4;
}
.row-span--l-5 {
grid-row: span 5;
}
.col-span--l-5 {
grid-column: span 5;
}
.row-start--l-5 {
grid-row-start: 5;
}
.row-end--l-5 {
grid-row-end: 5;
}
.col-start--l-5 {
grid-column-start: 5;
}
.col-end--l-5 {
grid-column-end: 5;
}
.row-span--l-6 {
grid-row: span 6;
}
.col-span--l-6 {
grid-column: span 6;
}
.row-start--l-6 {
grid-row-start: 6;
}
.row-end--l-6 {
grid-row-end: 6;
}
.col-start--l-6 {
grid-column-start: 6;
}
.col-end--l-6 {
grid-column-end: 6;
}
.row-span--l-7 {
grid-row: span 7;
}
.col-span--l-7 {
grid-column: span 7;
}
.row-start--l-7 {
grid-row-start: 7;
}
.row-end--l-7 {
grid-row-end: 7;
}
.col-start--l-7 {
grid-column-start: 7;
}
.col-end--l-7 {
grid-column-end: 7;
}
.row-span--l-8 {
grid-row: span 8;
}
.col-span--l-8 {
grid-column: span 8;
}
.row-start--l-8 {
grid-row-start: 8;
}
.row-end--l-8 {
grid-row-end: 8;
}
.col-start--l-8 {
grid-column-start: 8;
}
.col-end--l-8 {
grid-column-end: 8;
}
.row-span--l-9 {
grid-row: span 9;
}
.col-span--l-9 {
grid-column: span 9;
}
.row-start--l-9 {
grid-row-start: 9;
}
.row-end--l-9 {
grid-row-end: 9;
}
.col-start--l-9 {
grid-column-start: 9;
}
.col-end--l-9 {
grid-column-end: 9;
}
.row-span--l-10 {
grid-row: span 10;
}
.col-span--l-10 {
grid-column: span 10;
}
.row-start--l-10 {
grid-row-start: 10;
}
.row-end--l-10 {
grid-row-end: 10;
}
.col-start--l-10 {
grid-column-start: 10;
}
.col-end--l-10 {
grid-column-end: 10;
}
.row-span--l-11 {
grid-row: span 11;
}
.col-span--l-11 {
grid-column: span 11;
}
.row-start--l-11 {
grid-row-start: 11;
}
.row-end--l-11 {
grid-row-end: 11;
}
.col-start--l-11 {
grid-column-start: 11;
}
.col-end--l-11 {
grid-column-end: 11;
}
.row-span--l-12 {
grid-row: span 12;
}
.col-span--l-12 {
grid-column: span 12;
}
.row-start--l-12 {
grid-row-start: 12;
}
.row-end--l-12 {
grid-row-end: 12;
}
.col-start--l-12 {
grid-column-start: 12;
}
.col-end--l-12 {
grid-column-end: 12;
}
}
@media (max-width: 768px) {
.row-span--m-1 {
grid-row: span 1;
}
.col-span--m-1 {
grid-column: span 1;
}
.row-start--m-1 {
grid-row-start: 1;
}
.row-end--m-1 {
grid-row-end: 1;
}
.col-start--m-1 {
grid-column-start: 1;
}
.col-end--m-1 {
grid-column-end: 1;
}
.row-span--m-2 {
grid-row: span 2;
}
.col-span--m-2 {
grid-column: span 2;
}
.row-start--m-2 {
grid-row-start: 2;
}
.row-end--m-2 {
grid-row-end: 2;
}
.col-start--m-2 {
grid-column-start: 2;
}
.col-end--m-2 {
grid-column-end: 2;
}
.row-span--m-3 {
grid-row: span 3;
}
.col-span--m-3 {
grid-column: span 3;
}
.row-start--m-3 {
grid-row-start: 3;
}
.row-end--m-3 {
grid-row-end: 3;
}
.col-start--m-3 {
grid-column-start: 3;
}
.col-end--m-3 {
grid-column-end: 3;
}
.row-span--m-4 {
grid-row: span 4;
}
.col-span--m-4 {
grid-column: span 4;
}
.row-start--m-4 {
grid-row-start: 4;
}
.row-end--m-4 {
grid-row-end: 4;
}
.col-start--m-4 {
grid-column-start: 4;
}
.col-end--m-4 {
grid-column-end: 4;
}
.row-span--m-5 {
grid-row: span 5;
}
.col-span--m-5 {
grid-column: span 5;
}
.row-start--m-5 {
grid-row-start: 5;
}
.row-end--m-5 {
grid-row-end: 5;
}
.col-start--m-5 {
grid-column-start: 5;
}
.col-end--m-5 {
grid-column-end: 5;
}
.row-span--m-6 {
grid-row: span 6;
}
.col-span--m-6 {
grid-column: span 6;
}
.row-start--m-6 {
grid-row-start: 6;
}
.row-end--m-6 {
grid-row-end: 6;
}
.col-start--m-6 {
grid-column-start: 6;
}
.col-end--m-6 {
grid-column-end: 6;
}
.row-span--m-7 {
grid-row: span 7;
}
.col-span--m-7 {
grid-column: span 7;
}
.row-start--m-7 {
grid-row-start: 7;
}
.row-end--m-7 {
grid-row-end: 7;
}
.col-start--m-7 {
grid-column-start: 7;
}
.col-end--m-7 {
grid-column-end: 7;
}
.row-span--m-8 {
grid-row: span 8;
}
.col-span--m-8 {
grid-column: span 8;
}
.row-start--m-8 {
grid-row-start: 8;
}
.row-end--m-8 {
grid-row-end: 8;
}
.col-start--m-8 {
grid-column-start: 8;
}
.col-end--m-8 {
grid-column-end: 8;
}
.row-span--m-9 {
grid-row: span 9;
}
.col-span--m-9 {
grid-column: span 9;
}
.row-start--m-9 {
grid-row-start: 9;
}
.row-end--m-9 {
grid-row-end: 9;
}
.col-start--m-9 {
grid-column-start: 9;
}
.col-end--m-9 {
grid-column-end: 9;
}
.row-span--m-10 {
grid-row: span 10;
}
.col-span--m-10 {
grid-column: span 10;
}
.row-start--m-10 {
grid-row-start: 10;
}
.row-end--m-10 {
grid-row-end: 10;
}
.col-start--m-10 {
grid-column-start: 10;
}
.col-end--m-10 {
grid-column-end: 10;
}
.row-span--m-11 {
grid-row: span 11;
}
.col-span--m-11 {
grid-column: span 11;
}
.row-start--m-11 {
grid-row-start: 11;
}
.row-end--m-11 {
grid-row-end: 11;
}
.col-start--m-11 {
grid-column-start: 11;
}
.col-end--m-11 {
grid-column-end: 11;
}
.row-span--m-12 {
grid-row: span 12;
}
.col-span--m-12 {
grid-column: span 12;
}
.row-start--m-12 {
grid-row-start: 12;
}
.row-end--m-12 {
grid-row-end: 12;
}
.col-start--m-12 {
grid-column-start: 12;
}
.col-end--m-12 {
grid-column-end: 12;
}
}
@media (max-width: 480px) {
.row-span--s-1 {
grid-row: span 1;
}
.col-span--s-1 {
grid-column: span 1;
}
.row-start--s-1 {
grid-row-start: 1;
}
.row-end--s-1 {
grid-row-end: 1;
}
.col-start--s-1 {
grid-column-start: 1;
}
.col-end--s-1 {
grid-column-end: 1;
}
.row-span--s-2 {
grid-row: span 2;
}
.col-span--s-2 {
grid-column: span 2;
}
.row-start--s-2 {
grid-row-start: 2;
}
.row-end--s-2 {
grid-row-end: 2;
}
.col-start--s-2 {
grid-column-start: 2;
}
.col-end--s-2 {
grid-column-end: 2;
}
.row-span--s-3 {
grid-row: span 3;
}
.col-span--s-3 {
grid-column: span 3;
}
.row-start--s-3 {
grid-row-start: 3;
}
.row-end--s-3 {
grid-row-end: 3;
}
.col-start--s-3 {
grid-column-start: 3;
}
.col-end--s-3 {
grid-column-end: 3;
}
.row-span--s-4 {
grid-row: span 4;
}
.col-span--s-4 {
grid-column: span 4;
}
.row-start--s-4 {
grid-row-start: 4;
}
.row-end--s-4 {
grid-row-end: 4;
}
.col-start--s-4 {
grid-column-start: 4;
}
.col-end--s-4 {
grid-column-end: 4;
}
.row-span--s-5 {
grid-row: span 5;
}
.col-span--s-5 {
grid-column: span 5;
}
.row-start--s-5 {
grid-row-start: 5;
}
.row-end--s-5 {
grid-row-end: 5;
}
.col-start--s-5 {
grid-column-start: 5;
}
.col-end--s-5 {
grid-column-end: 5;
}
.row-span--s-6 {
grid-row: span 6;
}
.col-span--s-6 {
grid-column: span 6;
}
.row-start--s-6 {
grid-row-start: 6;
}
.row-end--s-6 {
grid-row-end: 6;
}
.col-start--s-6 {
grid-column-start: 6;
}
.col-end--s-6 {
grid-column-end: 6;
}
.row-span--s-7 {
grid-row: span 7;
}
.col-span--s-7 {
grid-column: span 7;
}
.row-start--s-7 {
grid-row-start: 7;
}
.row-end--s-7 {
grid-row-end: 7;
}
.col-start--s-7 {
grid-column-start: 7;
}
.col-end--s-7 {
grid-column-end: 7;
}
.row-span--s-8 {
grid-row: span 8;
}
.col-span--s-8 {
grid-column: span 8;
}
.row-start--s-8 {
grid-row-start: 8;
}
.row-end--s-8 {
grid-row-end: 8;
}
.col-start--s-8 {
grid-column-start: 8;
}
.col-end--s-8 {
grid-column-end: 8;
}
.row-span--s-9 {
grid-row: span 9;
}
.col-span--s-9 {
grid-column: span 9;
}
.row-start--s-9 {
grid-row-start: 9;
}
.row-end--s-9 {
grid-row-end: 9;
}
.col-start--s-9 {
grid-column-start: 9;
}
.col-end--s-9 {
grid-column-end: 9;
}
.row-span--s-10 {
grid-row: span 10;
}
.col-span--s-10 {
grid-column: span 10;
}
.row-start--s-10 {
grid-row-start: 10;
}
.row-end--s-10 {
grid-row-end: 10;
}
.col-start--s-10 {
grid-column-start: 10;
}
.col-end--s-10 {
grid-column-end: 10;
}
.row-span--s-11 {
grid-row: span 11;
}
.col-span--s-11 {
grid-column: span 11;
}
.row-start--s-11 {
grid-row-start: 11;
}
.row-end--s-11 {
grid-row-end: 11;
}
.col-start--s-11 {
grid-column-start: 11;
}
.col-end--s-11 {
grid-column-end: 11;
}
.row-span--s-12 {
grid-row: span 12;
}
.col-span--s-12 {
grid-column: span 12;
}
.row-start--s-12 {
grid-row-start: 12;
}
.row-end--s-12 {
grid-row-end: 12;
}
.col-start--s-12 {
grid-column-start: 12;
}
.col-end--s-12 {
grid-column-end: 12;
}
}
.col-span--all {
grid-column: 1 / -1;
}
@media (max-width: 1280px) {
.col-span--xl-all {
grid-column: 1 / -1;
}
}
@media (max-width: 992px) {
.col-span--l-all {
grid-column: 1 / -1;
}
}
@media (max-width: 768px) {
.col-span--m-all {
grid-column: 1 / -1;
}
}
@media (max-width: 480px) {
.col-span--s-all {
grid-column: 1 / -1;
}
}
.order--first {
order: -1;
}
.order--last {
order: 999;
}
.col-end--last {
grid-column-end: -1;
}
@media (max-width: 1280px) {
.order--first-xl {
order: -1;
}
.order--last-xl {
order: 999;
}
.col-end--xl-last {
grid-column-end: -1;
}
}
@media (max-width: 992px) {
.order--first-l {
order: -1;
}
.order--last-l {
order: 999;
}
.col-end--l-last {
grid-column-end: -1;
}
}
@media (max-width: 768px) {
.order--first-m {
order: -1;
}
.order--last-m {
order: 999;
}
.col-end--m-last {
grid-column-end: -1;
}
}
@media (max-width: 480px) {
.order--first-s {
order: -1;
}
.order--last-s {
order: 999;
}
.col-end--s-last {
grid-column-end: -1;
}
}
.grid--auto-rows {
grid-auto-rows: minmax(-webkit-min-content, 1fr);
grid-auto-rows: minmax(min-content, 1fr);
}
.width--xs:not([class*="breakout--"]) {
inline-size: calc((128 * 0.1) * 1rem);
max-inline-size: 100%;
}
figure.width--xs img {
inline-size: 100%;
}
.width--s:not([class*="breakout--"]) {
inline-size: calc((128 * 0.2) * 1rem);
max-inline-size: 100%;
}
figure.width--s img {
inline-size: 100%;
}
.width--m:not([class*="breakout--"]) {
inline-size: calc((128 * 0.4) * 1rem);
max-inline-size: 100%;
}
figure.width--m img {
inline-size: 100%;
}
.width--l:not([class*="breakout--"]) {
inline-size: calc((128 * 0.6) * 1rem);
max-inline-size: 100%;
}
figure.width--l img {
inline-size: 100%;
}
.width--xl:not([class*="breakout--"]) {
inline-size: calc((128 * 0.8) * 1rem);
max-inline-size: 100%;
}
figure.width--xl img {
inline-size: 100%;
}
.width--xxl:not([class*="breakout--"]) {
inline-size: calc((128 * 0.9) * 1rem);
max-inline-size: 100%;
}
figure.width--xxl img {
inline-size: 100%;
}
.width--vp-max:not([class*="breakout--"]) {
inline-size: 128rem;
max-inline-size: 100%;
margin-inline: auto;
}
figure.width--vp-max img {
inline-size: 100%;
}
.width--content:not([class*="breakout--"]) {
inline-size: 128rem;
max-inline-size: 100%;
}
figure.width--content img {
inline-size: 100%;
}
.width--50:not([class*="breakout--"]) {
inline-size: calc((128 / 2) * 1rem);
max-inline-size: 100%;
}
figure.width--50 img {
inline-size: 100%;
}
.width--full:not([class*="breakout--"]) {
inline-size: 100%;
max-inline-size: 100%;
}
figure.width--full img {
inline-size: 100%;
}
.width--auto {
inline-size: auto !important;
inline-size: 100%;
}
.content-width:not([class*="breakout--"]) {
inline-size: 100%;
max-inline-size: var(--content-width);
margin-inline: auto;
}
.content-width--safe:not([class*="breakout--"]) {
inline-size: 100%;
max-inline-size: var(--content-width-safe);
margin-inline: auto;
}
.radius--xs {
border-radius: var(--radius-xs);
}
.radius--s {
border-radius: var(--radius-s);
}
.radius--m {
border-radius: var(--radius-m);
}
.radius--l {
border-radius: var(--radius-l);
}
.radius--xl {
border-radius: var(--radius-xl);
}
.radius--xxl {
border-radius: var(--radius-xxl);
}
.radius--50 {
border-radius: var(--radius-50);
}
.radius--circle {
border-radius: var(--radius-circle);
}
.rounded--xs {
border-radius: var(--radius-xs);
}
.rounded--s {
border-radius: var(--radius-s);
}
.rounded--m {
border-radius: var(--radius-m);
}
.rounded--l {
border-radius: var(--radius-l);
}
.rounded--xl {
border-radius: var(--radius-xl);
}
.rounded--xxl {
border-radius: var(--radius-xxl);
}
.rounded--50 {
border-radius: var(--radius-50);
}
.rounded--circle {
border-radius: var(--radius-circle);
}
.aspect--1-1 {
aspect-ratio: 1 / 1;
}
img.aspect--1-1 {
-o-object-fit: cover;
object-fit: cover;
}
figure.aspect--1-1 img {
inline-size: 100%;
block-size: 100%;
}
.aspect--1-1 iframe {
width: 100%;
height: 100%;
aspect-ratio: 1 / 1;
}
.aspect--1-2 {
aspect-ratio: 1 / 2;
}
img.aspect--1-2 {
-o-object-fit: cover;
object-fit: cover;
}
figure.aspect--1-2 img {
inline-size: 100%;
block-size: 100%;
}
.aspect--1-2 iframe {
width: 100%;
height: 100%;
aspect-ratio: 1 / 2;
}
.aspect--2-1 {
aspect-ratio: 2 / 1;
}
img.aspect--2-1 {
-o-object-fit: cover;
object-fit: cover;
}
figure.aspect--2-1 img {
inline-size: 100%;
block-size: 100%;
}
.aspect--2-1 iframe {
width: 100%;
height: 100%;
aspect-ratio: 2 / 1;
}
.aspect--2-3 {
aspect-ratio: 2 / 3;
}
img.aspect--2-3 {
-o-object-fit: cover;
object-fit: cover;
}
figure.aspect--2-3 img {
inline-size: 100%;
block-size: 100%;
}
.aspect--2-3 iframe {
width: 100%;
height: 100%;
aspect-ratio: 2 / 3;
}
.aspect--3-2 {
aspect-ratio: 3 / 2;
}
img.aspect--3-2 {
-o-object-fit: cover;
object-fit: cover;
}
figure.aspect--3-2 img {
inline-size: 100%;
block-size: 100%;
}
.aspect--3-2 iframe {
width: 100%;
height: 100%;
aspect-ratio: 3 / 2;
}
.aspect--3-4 {
aspect-ratio: 3 / 4;
}
img.aspect--3-4 {
-o-object-fit: cover;
object-fit: cover;
}
figure.aspect--3-4 img {
inline-size: 100%;
block-size: 100%;
}
.aspect--3-4 iframe {
width: 100%;
height: 100%;
aspect-ratio: 3 / 4;
}
.aspect--4-3 {
aspect-ratio: 4 / 3;
}
img.aspect--4-3 {
-o-object-fit: cover;
object-fit: cover;
}
figure.aspect--4-3 img {
inline-size: 100%;
block-size: 100%;
}
.aspect--4-3 iframe {
width: 100%;
height: 100%;
aspect-ratio: 4 / 3;
}
.aspect--16-9 {
aspect-ratio: 16 / 9;
}
img.aspect--16-9 {
-o-object-fit: cover;
object-fit: cover;
}
figure.aspect--16-9 img {
inline-size: 100%;
block-size: 100%;
}
.aspect--16-9 iframe {
width: 100%;
height: 100%;
aspect-ratio: 16 / 9;
}
.aspect--9-16 {
aspect-ratio: 9 / 16;
}
img.aspect--9-16 {
-o-object-fit: cover;
object-fit: cover;
}
figure.aspect--9-16 img {
inline-size: 100%;
block-size: 100%;
}
.aspect--9-16 iframe {
width: 100%;
height: 100%;
aspect-ratio: 9 / 16;
}
@media (max-width: 1280px) {
.aspect--xl-1-1 {
aspect-ratio: 1 / 1;
}
img.aspect--xl-1-1 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--xl-1-1 iframe {
width: 100%;
height: 100%;
aspect-ratio: 1 / 1;
}
.aspect--xl-1-2 {
aspect-ratio: 1 / 2;
}
img.aspect--xl-1-2 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--xl-1-2 iframe {
width: 100%;
height: 100%;
aspect-ratio: 1 / 2;
}
.aspect--xl-2-1 {
aspect-ratio: 2 / 1;
}
img.aspect--xl-2-1 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--xl-2-1 iframe {
width: 100%;
height: 100%;
aspect-ratio: 2 / 1;
}
.aspect--xl-2-3 {
aspect-ratio: 2 / 3;
}
img.aspect--xl-2-3 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--xl-2-3 iframe {
width: 100%;
height: 100%;
aspect-ratio: 2 / 3;
}
.aspect--xl-3-2 {
aspect-ratio: 3 / 2;
}
img.aspect--xl-3-2 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--xl-3-2 iframe {
width: 100%;
height: 100%;
aspect-ratio: 3 / 2;
}
.aspect--xl-3-4 {
aspect-ratio: 3 / 4;
}
img.aspect--xl-3-4 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--xl-3-4 iframe {
width: 100%;
height: 100%;
aspect-ratio: 3 / 4;
}
.aspect--xl-4-3 {
aspect-ratio: 4 / 3;
}
img.aspect--xl-4-3 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--xl-4-3 iframe {
width: 100%;
height: 100%;
aspect-ratio: 4 / 3;
}
.aspect--xl-16-9 {
aspect-ratio: 16 / 9;
}
img.aspect--xl-16-9 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--xl-16-9 iframe {
width: 100%;
height: 100%;
aspect-ratio: 16 / 9;
}
.aspect--xl-9-16 {
aspect-ratio: 9 / 16;
}
img.aspect--xl-9-16 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--xl-9-16 iframe {
width: 100%;
height: 100%;
aspect-ratio: 9 / 16;
}
}
@media (max-width: 992px) {
.aspect--l-1-1 {
aspect-ratio: 1 / 1;
}
img.aspect--l-1-1 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--l-1-1 iframe {
width: 100%;
height: 100%;
aspect-ratio: 1 / 1;
}
.aspect--l-1-2 {
aspect-ratio: 1 / 2;
}
img.aspect--l-1-2 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--l-1-2 iframe {
width: 100%;
height: 100%;
aspect-ratio: 1 / 2;
}
.aspect--l-2-1 {
aspect-ratio: 2 / 1;
}
img.aspect--l-2-1 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--l-2-1 iframe {
width: 100%;
height: 100%;
aspect-ratio: 2 / 1;
}
.aspect--l-2-3 {
aspect-ratio: 2 / 3;
}
img.aspect--l-2-3 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--l-2-3 iframe {
width: 100%;
height: 100%;
aspect-ratio: 2 / 3;
}
.aspect--l-3-2 {
aspect-ratio: 3 / 2;
}
img.aspect--l-3-2 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--l-3-2 iframe {
width: 100%;
height: 100%;
aspect-ratio: 3 / 2;
}
.aspect--l-3-4 {
aspect-ratio: 3 / 4;
}
img.aspect--l-3-4 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--l-3-4 iframe {
width: 100%;
height: 100%;
aspect-ratio: 3 / 4;
}
.aspect--l-4-3 {
aspect-ratio: 4 / 3;
}
img.aspect--l-4-3 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--l-4-3 iframe {
width: 100%;
height: 100%;
aspect-ratio: 4 / 3;
}
.aspect--l-16-9 {
aspect-ratio: 16 / 9;
}
img.aspect--l-16-9 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--l-16-9 iframe {
width: 100%;
height: 100%;
aspect-ratio: 16 / 9;
}
.aspect--l-9-16 {
aspect-ratio: 9 / 16;
}
img.aspect--l-9-16 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--l-9-16 iframe {
width: 100%;
height: 100%;
aspect-ratio: 9 / 16;
}
}
@media (max-width: 768px) {
.aspect--m-1-1 {
aspect-ratio: 1 / 1;
}
img.aspect--m-1-1 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--m-1-1 iframe {
width: 100%;
height: 100%;
aspect-ratio: 1 / 1;
}
.aspect--m-1-2 {
aspect-ratio: 1 / 2;
}
img.aspect--m-1-2 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--m-1-2 iframe {
width: 100%;
height: 100%;
aspect-ratio: 1 / 2;
}
.aspect--m-2-1 {
aspect-ratio: 2 / 1;
}
img.aspect--m-2-1 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--m-2-1 iframe {
width: 100%;
height: 100%;
aspect-ratio: 2 / 1;
}
.aspect--m-2-3 {
aspect-ratio: 2 / 3;
}
img.aspect--m-2-3 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--m-2-3 iframe {
width: 100%;
height: 100%;
aspect-ratio: 2 / 3;
}
.aspect--m-3-2 {
aspect-ratio: 3 / 2;
}
img.aspect--m-3-2 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--m-3-2 iframe {
width: 100%;
height: 100%;
aspect-ratio: 3 / 2;
}
.aspect--m-3-4 {
aspect-ratio: 3 / 4;
}
img.aspect--m-3-4 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--m-3-4 iframe {
width: 100%;
height: 100%;
aspect-ratio: 3 / 4;
}
.aspect--m-4-3 {
aspect-ratio: 4 / 3;
}
img.aspect--m-4-3 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--m-4-3 iframe {
width: 100%;
height: 100%;
aspect-ratio: 4 / 3;
}
.aspect--m-16-9 {
aspect-ratio: 16 / 9;
}
img.aspect--m-16-9 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--m-16-9 iframe {
width: 100%;
height: 100%;
aspect-ratio: 16 / 9;
}
.aspect--m-9-16 {
aspect-ratio: 9 / 16;
}
img.aspect--m-9-16 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--m-9-16 iframe {
width: 100%;
height: 100%;
aspect-ratio: 9 / 16;
}
}
@media (max-width: 480px) {
.aspect--s-1-1 {
aspect-ratio: 1 / 1;
}
img.aspect--s-1-1 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--s-1-1 iframe {
width: 100%;
height: 100%;
aspect-ratio: 1 / 1;
}
.aspect--s-1-2 {
aspect-ratio: 1 / 2;
}
img.aspect--s-1-2 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--s-1-2 iframe {
width: 100%;
height: 100%;
aspect-ratio: 1 / 2;
}
.aspect--s-2-1 {
aspect-ratio: 2 / 1;
}
img.aspect--s-2-1 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--s-2-1 iframe {
width: 100%;
height: 100%;
aspect-ratio: 2 / 1;
}
.aspect--s-2-3 {
aspect-ratio: 2 / 3;
}
img.aspect--s-2-3 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--s-2-3 iframe {
width: 100%;
height: 100%;
aspect-ratio: 2 / 3;
}
.aspect--s-3-2 {
aspect-ratio: 3 / 2;
}
img.aspect--s-3-2 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--s-3-2 iframe {
width: 100%;
height: 100%;
aspect-ratio: 3 / 2;
}
.aspect--s-3-4 {
aspect-ratio: 3 / 4;
}
img.aspect--s-3-4 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--s-3-4 iframe {
width: 100%;
height: 100%;
aspect-ratio: 3 / 4;
}
.aspect--s-4-3 {
aspect-ratio: 4 / 3;
}
img.aspect--s-4-3 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--s-4-3 iframe {
width: 100%;
height: 100%;
aspect-ratio: 4 / 3;
}
.aspect--s-16-9 {
aspect-ratio: 16 / 9;
}
img.aspect--s-16-9 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--s-16-9 iframe {
width: 100%;
height: 100%;
aspect-ratio: 16 / 9;
}
.aspect--s-9-16 {
aspect-ratio: 9 / 16;
}
img.aspect--s-9-16 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--s-9-16 iframe {
width: 100%;
height: 100%;
aspect-ratio: 9 / 16;
}
}
@supports not (aspect-ratio: 1.7777777778) {
.aspect--1-1::before {
float: left;
padding-top: 100%;
content: "";
}
.aspect--1-1::after {
display: block;
content: "";
clear: both;
}
.aspect--1-2::before {
float: left;
padding-top: 50%;
content: "";
}
.aspect--1-2::after {
display: block;
content: "";
clear: both;
}
.aspect--2-1::before {
float: left;
padding-top: 200%;
content: "";
}
.aspect--2-1::after {
display: block;
content: "";
clear: both;
}
.aspect--2-3::before {
float: left;
padding-top: 150%;
content: "";
}
.aspect--2-3::after {
display: block;
content: "";
clear: both;
}
.aspect--3-2::before {
float: left;
padding-top: 66%;
content: "";
}
.aspect--3-2::after {
display: block;
content: "";
clear: both;
}
.aspect--3-4::before {
float: left;
padding-top: 133%;
content: "";
}
.aspect--3-4::after {
display: block;
content: "";
clear: both;
}
.aspect--4-3::before {
float: left;
padding-top: 75%;
content: "";
}
.aspect--4-3::after {
display: block;
content: "";
clear: both;
}
.aspect--16-9::before {
float: left;
padding-top: 56.25%;
content: "";
}
.aspect--16-9::after {
display: block;
content: "";
clear: both;
}
.aspect--9-16::before {
float: left;
padding-top: 177%;
content: "";
}
.aspect--9-16::after {
display: block;
content: "";
clear: both;
}
@media (max-width: 1280px) {
.aspect--1-1::before {
float: left;
padding-top: 100%;
content: "";
}
.aspect--1-1::after {
display: block;
content: "";
clear: both;
}
.aspect--1-2::before {
float: left;
padding-top: 50%;
content: "";
}
.aspect--1-2::after {
display: block;
content: "";
clear: both;
}
.aspect--2-1::before {
float: left;
padding-top: 200%;
content: "";
}
.aspect--2-1::after {
display: block;
content: "";
clear: both;
}
.aspect--2-3::before {
float: left;
padding-top: 150%;
content: "";
}
.aspect--2-3::after {
display: block;
content: "";
clear: both;
}
.aspect--3-2::before {
float: left;
padding-top: 66%;
content: "";
}
.aspect--3-2::after {
display: block;
content: "";
clear: both;
}
.aspect--3-4::before {
float: left;
padding-top: 133%;
content: "";
}
.aspect--3-4::after {
display: block;
content: "";
clear: both;
}
.aspect--4-3::before {
float: left;
padding-top: 75%;
content: "";
}
.aspect--4-3::after {
display: block;
content: "";
clear: both;
}
.aspect--16-9::before {
float: left;
padding-top: 56.25%;
content: "";
}
.aspect--16-9::after {
display: block;
content: "";
clear: both;
}
.aspect--9-16::before {
float: left;
padding-top: 177%;
content: "";
}
.aspect--9-16::after {
display: block;
content: "";
clear: both;
}
}
@media (max-width: 992px) {
.aspect--1-1::before {
float: left;
padding-top: 100%;
content: "";
}
.aspect--1-1::after {
display: block;
content: "";
clear: both;
}
.aspect--1-2::before {
float: left;
padding-top: 50%;
content: "";
}
.aspect--1-2::after {
display: block;
content: "";
clear: both;
}
.aspect--2-1::before {
float: left;
padding-top: 200%;
content: "";
}
.aspect--2-1::after {
display: block;
content: "";
clear: both;
}
.aspect--2-3::before {
float: left;
padding-top: 150%;
content: "";
}
.aspect--2-3::after {
display: block;
content: "";
clear: both;
}
.aspect--3-2::before {
float: left;
padding-top: 66%;
content: "";
}
.aspect--3-2::after {
display: block;
content: "";
clear: both;
}
.aspect--3-4::before {
float: left;
padding-top: 133%;
content: "";
}
.aspect--3-4::after {
display: block;
content: "";
clear: both;
}
.aspect--4-3::before {
float: left;
padding-top: 75%;
content: "";
}
.aspect--4-3::after {
display: block;
content: "";
clear: both;
}
.aspect--16-9::before {
float: left;
padding-top: 56.25%;
content: "";
}
.aspect--16-9::after {
display: block;
content: "";
clear: both;
}
.aspect--9-16::before {
float: left;
padding-top: 177%;
content: "";
}
.aspect--9-16::after {
display: block;
content: "";
clear: both;
}
}
@media (max-width: 768px) {
.aspect--1-1::before {
float: left;
padding-top: 100%;
content: "";
}
.aspect--1-1::after {
display: block;
content: "";
clear: both;
}
.aspect--1-2::before {
float: left;
padding-top: 50%;
content: "";
}
.aspect--1-2::after {
display: block;
content: "";
clear: both;
}
.aspect--2-1::before {
float: left;
padding-top: 200%;
content: "";
}
.aspect--2-1::after {
display: block;
content: "";
clear: both;
}
.aspect--2-3::before {
float: left;
padding-top: 150%;
content: "";
}
.aspect--2-3::after {
display: block;
content: "";
clear: both;
}
.aspect--3-2::before {
float: left;
padding-top: 66%;
content: "";
}
.aspect--3-2::after {
display: block;
content: "";
clear: both;
}
.aspect--3-4::before {
float: left;
padding-top: 133%;
content: "";
}
.aspect--3-4::after {
display: block;
content: "";
clear: both;
}
.aspect--4-3::before {
float: left;
padding-top: 75%;
content: "";
}
.aspect--4-3::after {
display: block;
content: "";
clear: both;
}
.aspect--16-9::before {
float: left;
padding-top: 56.25%;
content: "";
}
.aspect--16-9::after {
display: block;
content: "";
clear: both;
}
.aspect--9-16::before {
float: left;
padding-top: 177%;
content: "";
}
.aspect--9-16::after {
display: block;
content: "";
clear: both;
}
}
@media (max-width: 480px) {
.aspect--1-1::before {
float: left;
padding-top: 100%;
content: "";
}
.aspect--1-1::after {
display: block;
content: "";
clear: both;
}
.aspect--1-2::before {
float: left;
padding-top: 50%;
content: "";
}
.aspect--1-2::after {
display: block;
content: "";
clear: both;
}
.aspect--2-1::before {
float: left;
padding-top: 200%;
content: "";
}
.aspect--2-1::after {
display: block;
content: "";
clear: both;
}
.aspect--2-3::before {
float: left;
padding-top: 150%;
content: "";
}
.aspect--2-3::after {
display: block;
content: "";
clear: both;
}
.aspect--3-2::before {
float: left;
padding-top: 66%;
content: "";
}
.aspect--3-2::after {
display: block;
content: "";
clear: both;
}
.aspect--3-4::before {
float: left;
padding-top: 133%;
content: "";
}
.aspect--3-4::after {
display: block;
content: "";
clear: both;
}
.aspect--4-3::before {
float: left;
padding-top: 75%;
content: "";
}
.aspect--4-3::after {
display: block;
content: "";
clear: both;
}
.aspect--16-9::before {
float: left;
padding-top: 56.25%;
content: "";
}
.aspect--16-9::after {
display: block;
content: "";
clear: both;
}
.aspect--9-16::before {
float: left;
padding-top: 177%;
content: "";
}
.aspect--9-16::after {
display: block;
content: "";
clear: both;
}
}
}
.z--bottom {
z-index: -1;
}
.z--0 {
z-index: 0;
}
.z--10 {
z-index: 10;
}
.z--20 {
z-index: 20;
}
.z--30 {
z-index: 30;
}
.z--40 {
z-index: 40;
}
.z--50 {
z-index: 50;
}
.z--60 {
z-index: 60;
}
.z--70 {
z-index: 70;
}
.z--80 {
z-index: 80;
}
.z--90 {
z-index: 90;
}
.z--top {
z-index: 9999;
}
@media (max-width: 1280px) {
.z--xl-bottom {
z-index: -1;
}
.z--xl-0 {
z-index: 0;
}
.z--xl-10 {
z-index: 10;
}
.z--xl-20 {
z-index: 20;
}
.z--xl-30 {
z-index: 30;
}
.z--xl-40 {
z-index: 40;
}
.z--xl-50 {
z-index: 50;
}
.z--xl-60 {
z-index: 60;
}
.z--xl-70 {
z-index: 70;
}
.z--xl-80 {
z-index: 80;
}
.z--xl-90 {
z-index: 90;
}
.z--xl-top {
z-index: 9999;
}
}
@media (max-width: 992px) {
.z--l-bottom {
z-index: -1;
}
.z--l-0 {
z-index: 0;
}
.z--l-10 {
z-index: 10;
}
.z--l-20 {
z-index: 20;
}
.z--l-30 {
z-index: 30;
}
.z--l-40 {
z-index: 40;
}
.z--l-50 {
z-index: 50;
}
.z--l-60 {
z-index: 60;
}
.z--l-70 {
z-index: 70;
}
.z--l-80 {
z-index: 80;
}
.z--l-90 {
z-index: 90;
}
.z--l-top {
z-index: 9999;
}
}
@media (max-width: 768px) {
.z--m-bottom {
z-index: -1;
}
.z--m-0 {
z-index: 0;
}
.z--m-10 {
z-index: 10;
}
.z--m-20 {
z-index: 20;
}
.z--m-30 {
z-index: 30;
}
.z--m-40 {
z-index: 40;
}
.z--m-50 {
z-index: 50;
}
.z--m-60 {
z-index: 60;
}
.z--m-70 {
z-index: 70;
}
.z--m-80 {
z-index: 80;
}
.z--m-90 {
z-index: 90;
}
.z--m-top {
z-index: 9999;
}
}
@media (max-width: 480px) {
.z--s-bottom {
z-index: -1;
}
.z--s-0 {
z-index: 0;
}
.z--s-10 {
z-index: 10;
}
.z--s-20 {
z-index: 20;
}
.z--s-30 {
z-index: 30;
}
.z--s-40 {
z-index: 40;
}
.z--s-50 {
z-index: 50;
}
.z--s-60 {
z-index: 60;
}
.z--s-70 {
z-index: 70;
}
.z--s-80 {
z-index: 80;
}
.z--s-90 {
z-index: 90;
}
.z--s-top {
z-index: 9999;
}
}
.isolation--isolate {
isolation: isolate;
}
.marker--action li::marker {
color: var(--action);
}
.marker--action-hover li::marker {
color: var(--action-hover);
}
.marker--action-ultra-light li::marker {
color: var(--action-ultra-light);
}
.marker--action-light li::marker {
color: var(--action-light);
}
.marker--action-medium li::marker {
color: var(--action-medium);
}
.marker--action-dark li::marker {
color: var(--action-dark);
}
.marker--action-ultra-dark li::marker {
color: var(--action-ultra-dark);
}
.marker--action-comp li::marker {
color: var(--action-comp);
}
.marker--primary li::marker {
color: var(--primary);
}
.marker--primary-hover li::marker {
color: var(--primary-hover);
}
.marker--primary-ultra-light li::marker {
color: var(--primary-ultra-light);
}
.marker--primary-light li::marker {
color: var(--primary-light);
}
.marker--primary-medium li::marker {
color: var(--primary-medium);
}
.marker--primary-dark li::marker {
color: var(--primary-dark);
}
.marker--primary-ultra-dark li::marker {
color: var(--primary-ultra-dark);
}
.marker--primary-comp li::marker {
color: var(--primary-comp);
}
.marker--secondary li::marker {
color: var(--secondary);
}
.marker--secondary-hover li::marker {
color: var(--secondary-hover);
}
.marker--secondary-ultra-light li::marker {
color: var(--secondary-ultra-light);
}
.marker--secondary-light li::marker {
color: var(--secondary-light);
}
.marker--secondary-medium li::marker {
color: var(--secondary-medium);
}
.marker--secondary-dark li::marker {
color: var(--secondary-dark);
}
.marker--secondary-ultra-dark li::marker {
color: var(--secondary-ultra-dark);
}
.marker--secondary-comp li::marker {
color: var(--secondary-comp);
}
.marker--accent li::marker {
color: var(--accent);
}
.marker--accent-hover li::marker {
color: var(--accent-hover);
}
.marker--accent-ultra-light li::marker {
color: var(--accent-ultra-light);
}
.marker--accent-light li::marker {
color: var(--accent-light);
}
.marker--accent-medium li::marker {
color: var(--accent-medium);
}
.marker--accent-dark li::marker {
color: var(--accent-dark);
}
.marker--accent-ultra-dark li::marker {
color: var(--accent-ultra-dark);
}
.marker--accent-comp li::marker {
color: var(--accent-comp);
}
.marker--base li::marker {
color: var(--base);
}
.marker--base-hover li::marker {
color: var(--base-hover);
}
.marker--base-ultra-light li::marker {
color: var(--base-ultra-light);
}
.marker--base-light li::marker {
color: var(--base-light);
}
.marker--base-medium li::marker {
color: var(--base-medium);
}
.marker--base-dark li::marker {
color: var(--base-dark);
}
.marker--base-ultra-dark li::marker {
color: var(--base-ultra-dark);
}
.marker--base-comp li::marker {
color: var(--base-comp);
}
.marker--shade li::marker {
color: var(--shade);
}
.marker--shade-hover li::marker {
color: var(--shade-hover);
}
.marker--shade-ultra-light li::marker {
color: var(--shade-ultra-light);
}
.marker--shade-light li::marker {
color: var(--shade-light);
}
.marker--shade-medium li::marker {
color: var(--shade-medium);
}
.marker--shade-dark li::marker {
color: var(--shade-dark);
}
.marker--shade-ultra-dark li::marker {
color: var(--shade-ultra-dark);
}
.marker--shade-comp li::marker {
color: var(--shade-comp);
}
.marker--neutral li::marker {
color: var(--neutral);
}
.marker--neutral-hover li::marker {
color: var(--neutral-hover);
}
.marker--neutral-ultra-light li::marker {
color: var(--neutral-ultra-light);
}
.marker--neutral-light li::marker {
color: var(--neutral-light);
}
.marker--neutral-medium li::marker {
color: var(--neutral-medium);
}
.marker--neutral-dark li::marker {
color: var(--neutral-dark);
}
.marker--neutral-ultra-dark li::marker {
color: var(--neutral-ultra-dark);
}
.marker--neutral-comp li::marker {
color: var(--neutral-comp);
}
.marker--white li::marker {
color: var(--white);
}
.marker--black li::marker {
color: var(--black);
}
ul.list--none, ol.list--none, .list--none > ul, .list--none > ol {
list-style: none;
padding-inline-start: 0;
list-style-type: none;
-webkit-margin-before: 0em;
margin-block-start: 0em;
margin-block-end: 0;
}
:has(> .ribbon) {
position: relative;
overflow: hidden;
}
.ribbon {
--ribbon-width: 30rem;
--ribbon-offset: -2rem;
--ribbon-padding: .5em 1em;
--ribbon-background-color: var(--action);
--ribbon-text-color: var(--white);
--ribbon-text-size: var(--text-s);
--ribbon-shadow: 0 5px 10px var(--neutral-trans-10);
--ribbon-transform: translateY(-100%) rotate(90deg) translateX(70.71067811865476%) rotate(-45deg);
--ribbon-transform-origin: bottom right;
position: absolute;
display: block;
padding: var(--ribbon-padding);
background-color: var(--ribbon-background-color);
box-shadow: var(--ribbon-shadow);
text-align: center;
font-size: var(--ribbon-text-size);
color: var(--ribbon-text-color);
inline-size: var(--ribbon-width);
}
.ribbon--top-right, .ribbon[data-ribbon-position="top-right"] {
inset-block-start: var(--ribbon-offset);
inset-inline-end: var(--ribbon-offset);
transform: var(--ribbon-transform);
transform-origin: var(--ribbon-transform-origin);
}
.ribbon--top-left, .ribbon[data-ribbon-position="top-left"] {
--ribbon-transform: translateY(-100%) rotate(90deg) translateX(70.71067811865476%) rotate(-135deg);
--ribbon-transform-origin: bottom left;
inset-block-start: var(--ribbon-offset);
inset-inline-start: var(--ribbon-offset);
transform: var(--ribbon-transform);
transform-origin: var(--ribbon-transform-origin);
}
.visibility--hidden {
visibility: hidden;
}
.visibility--visible {
visibility: visible;
}
@media (max-width: 1280px) {
.visibility--xl-hidden {
visibility: hidden;
}
.visibility--xl-visible {
visibility: visible;
}
}
@media (max-width: 992px) {
.visibility--l-hidden {
visibility: hidden;
}
.visibility--l-visible {
visibility: visible;
}
}
@media (max-width: 768px) {
.visibility--m-hidden {
visibility: hidden;
}
.visibility--m-visible {
visibility: visible;
}
}
@media (max-width: 480px) {
.visibility--s-hidden {
visibility: hidden;
}
.visibility--s-visible {
visibility: visible;
}
}
.display--inline {
display: inline;
}
.display--block {
display: block;
}
.display--contents {
display: contents;
}
.display--inline-block {
display: inline-block;
}
.display--inline-flex {
display: inline-flex;
}
.display--list-item {
display: list-item;
}
.display--none {
display: none;
}
@media (max-width: 1280px) {
.display--xl-block {
display: block;
}
.display--xl-none {
display: none;
}
}
@media (max-width: 992px) {
.display--l-block {
display: block;
}
.display--l-none {
display: none;
}
}
@media (max-width: 768px) {
.display--m-block {
display: block;
}
.display--m-none {
display: none;
}
}
@media (max-width: 480px) {
.display--s-block {
display: block;
}
.display--s-none {
display: none;
}
}
@supports (font-size: calc(1vw + 2vw)) {
:root {
--text-xs: calc(1.1rem + (0 * ((100vw - 32rem) / 96)));
--text-s: calc(1.2rem + (0 * ((100vw - 32rem) / 96)));
--text-m: calc(1.4rem + (0.2 * ((100vw - 32rem) / 96)));
--text-l: calc(1.68rem + (0.4528 * ((100vw - 32rem) / 96)));
--text-xl: calc(2.016rem + (0.8270224 * ((100vw - 32rem) / 96)));
--text-xxl: calc(3.6rem + (4.4 * ((100vw - 32rem) / 96)));
--h6: calc(1.1rem + (0 * ((100vw - 32rem) / 96)));
--h5: calc(1.2rem + (0 * ((100vw - 32rem) / 96)));
--h4: calc(1.6rem + (0.2 * ((100vw - 32rem) / 96)));
--h3: calc(1.92rem + (0.4794 * ((100vw - 32rem) / 96)));
--h2: calc(2.304rem + (0.8944002 * ((100vw - 32rem) / 96)));
--h1: calc(2.7648rem + (1.4986674666 * ((100vw - 32rem) / 96)));
}
@media (min-width: 1280px) {
:root {
--text-xs: 1.1rem;
--text-s: 1.2rem;
--text-m: 1.6rem;
--text-l: 2.1328rem;
--text-xl: 2.8430224rem;
--text-xxl: 8rem;
--h6: 1.1rem;
--h5: 1.2rem;
--h4: 1.8rem;
--h3: 2.3994rem;
--h2: 3.1984002rem;
--h1: 4.2634674666rem;
}
}
}
@supports (font-size: clamp(1vw, 2vw, 3vw)) {
:root {
--text-xs: clamp(1.1rem, calc(0vw + 1.1rem), 1.1rem);
--text-s: clamp(1.2rem, calc(0vw + 1.2rem), 1.2rem);
--text-m: clamp(1.4rem, calc(0.2083333333vw + 1.3333333333rem), 1.6rem);
--text-l: clamp(1.68rem, calc(0.4716666667vw + 1.5290666667rem), 2.1328rem);
--text-xl: clamp(2.016rem, calc(0.8614816667vw + 1.7403258667rem), 2.8430224rem);
--text-xxl: clamp(3.6rem, calc(4.5833333333vw + 2.1333333333rem), 8rem);
--h6: clamp(1.1rem, calc(0vw + 1.1rem), 1.1rem);
--h5: clamp(1.2rem, calc(0vw + 1.2rem), 1.2rem);
--h4: clamp(1.6rem, calc(0.2083333333vw + 1.5333333333rem), 1.8rem);
--h3: clamp(1.92rem, calc(0.499375vw + 1.7602rem), 2.3994rem);
--h2: clamp(2.304rem, calc(0.931666875vw + 2.0058666rem), 3.1984002rem);
--h1: clamp(2.7648rem, calc(1.5611119444vw + 2.2652441778rem), 4.2634674666rem);
}
}
@supports (padding: calc(1vw + 2vw)) {
:root {
--space-xs: calc(1.0003020912rem + (0.3000906274 * ((100vw - 32rem) / 96)));
--space-s: calc(1.414427157rem + (0.4243281471 * ((100vw - 32rem) / 96)));
--space-m: calc(2rem + (0.6 * ((100vw - 32rem) / 96)));
--space-l: calc(2.666rem + (1.0104 * ((100vw - 32rem) / 96)));
--space-xl: calc(3.553778rem + (1.6446516 * ((100vw - 32rem) / 96)));
--space-xxl: calc(4.737186074rem + (2.6133933804 * ((100vw - 32rem) / 96)));
--section-space-xs: calc(3.0009062737rem + (2.2006646007 * ((100vw - 32rem) / 96)));
--section-space-s: calc(4.243281471rem + (3.1117397454 * ((100vw - 32rem) / 96)));
--section-space-m: calc(6rem + (4.4 * ((100vw - 32rem) / 96)));
--section-space-l: calc(7.998rem + (6.7076 * ((100vw - 32rem) / 96)));
--section-space-xl: calc(10.661334rem + (10.1323844 * ((100vw - 32rem) / 96)));
--section-space-xxl: calc(14.211558222rem + (15.1907595956 * ((100vw - 32rem) / 96)));
--section-padding-x: calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
--gutter: calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
}
@media (min-width: 1280px) {
:root {
--space-xs: 1.3003927186rem;
--space-s: 1.8387553041rem;
--space-m: 2.6rem;
--space-l: 3.6764rem;
--space-xl: 5.1984296rem;
--space-xxl: 7.3505794544rem;
--section-space-xs: 5.2015708744rem;
--section-space-s: 7.3550212164rem;
--section-space-m: 10.4rem;
--section-space-l: 14.7056rem;
--section-space-xl: 20.7937184rem;
--section-space-xxl: 29.4023178176rem;
--section-padding-x: 3rem;
--gutter: 3rem;
}
}
}
@supports (padding: clamp(1vw, 2vw, 3vw)) {
:root {
--space-xs: clamp(1.0003020912rem, calc(0.3125944035vw + 0.9002718821rem), 1.3003927186rem);
--space-s: clamp(1.414427157rem, calc(0.4420084866vw + 1.2729844413rem), 1.8387553041rem);
--space-m: clamp(2rem, calc(0.625vw + 1.8rem), 2.6rem);
--space-l: clamp(2.666rem, calc(1.0525vw + 2.3292rem), 3.6764rem);
--space-xl: clamp(3.553778rem, calc(1.71317875vw + 3.0055608rem), 5.1984296rem);
--space-xxl: clamp(4.737186074rem, calc(2.7222847713vw + 3.8660549472rem), 7.3505794544rem);
--section-space-xs: clamp(3.0009062737rem, calc(2.2923589591vw + 2.2673514068rem), 5.2015708744rem);
--section-space-s: clamp(4.243281471rem, calc(3.2413955681vw + 3.2060348892rem), 7.3550212164rem);
--section-space-m: clamp(6rem, calc(4.5833333333vw + 4.5333333333rem), 10.4rem);
--section-space-l: clamp(7.998rem, calc(6.9870833333vw + 5.7621333333rem), 14.7056rem);
--section-space-xl: clamp(10.661334rem, calc(10.5545670833vw + 7.2838725333rem), 20.7937184rem);
--section-space-xxl: clamp(14.211558222rem, calc(15.8237079121vw + 9.1479716901rem), 29.4023178176rem);
--section-padding-x: clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
--gutter: clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
}
}
.contain {
container-type: inline-size;
}
.contain > * {
container-type: inline-size;
}
.fr-container-gap, .container-gap {
--row-gap: var(--container-gap);
--col-gap: var(--container-gap);
gap: var(--container-gap);
}
.fr-content-gap, .content-gap {
--row-gap: var(--content-gap);
--col-gap: var(--content-gap);
gap: var(--content-gap);
}
.fr-grid-gap, .grid-gap {
--row-gap: var(--grid-gap);
--col-gap: var(--grid-gap);
gap: var(--grid-gap);
}
.gap--none {
--row-gap: 0;
--col-gap: 0;
gap: 0;
}
#bricks-popup.templates .bricks-layout-item-inner {
height: 100% !important;
aspect-ratio: 1.3333333333;
}
#bricks-popup.templates img {
height: 100% !important;
}
#bricks-popup.templates .bricks-layout-item-inner .button.type {
display: none;
}
#bricks-popup .bricks-layout-item-inner .overlay-wrapper .user {
display: none;
}
:root {
--f-light-input-radius: var(--btn-radius);
}
.form--dark.oxy-search-form input[type="search"] {
background-color: var(--shade-dark);
border-top-width: 0.1rem;
border-right-width: 0.1rem;
border-bottom-width: 0.1rem;
border-left-width: 0.1rem;
border-style: solid;
border-color: var(--shade-medium);
border-radius: var(--btn-radius);
color: var(--shade-ultra-light);
font-size: 1.8rem;
font-size: calc(1.4rem + (0.4 * ((100vw - 32rem) / 96)));
font-size: clamp(1.4rem, calc(0.4166666667vw + 1.2666666667rem), 1.8rem);
font-weight: 400;
line-height: 1;
padding: 0.5em 1em;
-webkit-border-radius: var(--btn-radius);
-moz-border-radius: var(--btn-radius);
-ms-border-radius: var(--btn-radius);
-o-border-radius: var(--btn-radius);
height: 5rem;
}
.form--dark.oxy-search-form input[type="submit"] {
background-color: var(--action);
color: var(--action-ultra-light);
border-style: solid;
border-width: var(--btn-border-width);
border-color: var(--action);
border-radius: var(--btn-radius);
-webkit-border-radius: var(--btn-radius);
-moz-border-radius: var(--btn-radius);
-ms-border-radius: var(--btn-radius);
-o-border-radius: var(--btn-radius);
font-size: 1.8rem;
font-size: calc(1.4rem + (0.4 * ((100vw - 32rem) / 96)));
font-size: clamp(1.4rem, calc(0.4166666667vw + 1.2666666667rem), 1.8rem);
font-weight: 400;
line-height: 1;
padding: 0.75em 1.5em;
margin-top: 0;
text-align: center;
-webkit-text-decoration: none;
text-decoration: none;
text-transform: none;
transition: all var(--btn-transition-duration) ease;
}
.form--dark.oxy-search-form input[type="submit"]:hover {
background-color: var(--action-hover);
color: var(--action-ultra-light);
border-color: var(--action-hover);
}
main:has(.form--dark) ~ .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, main:has(.form--dark) ~ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current, main:has(.form--dark) ~ .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current, main:has(.form--dark) ~ .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover, main:has(.form--dark) ~ .xdsoft_datetimepicker .xdsoft_calendar td:hover, main:has(.form--dark) ~ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
background: var(--action) !important;
}
.form--light.oxy-search-form input[type="search"] {
background-color: var(--white);
border-top-width: 0.1rem;
border-right-width: 0.1rem;
border-bottom-width: 0.1rem;
border-left-width: 0.1rem;
border-style: solid;
border-color: var(--shade-light);
border-radius: var(--btn-radius);
color: var(--shade-dark);
font-size: 1.8rem;
font-size: calc(1.4rem + (0.4 * ((100vw - 32rem) / 96)));
font-size: clamp(1.4rem, calc(0.4166666667vw + 1.2666666667rem), 1.8rem);
font-weight: 400;
line-height: 1;
padding: 0.5em 1em;
-webkit-border-radius: var(--btn-radius);
-moz-border-radius: var(--btn-radius);
-ms-border-radius: var(--btn-radius);
-o-border-radius: var(--btn-radius);
height: 5rem;
}
.form--light.oxy-search-form input[type="submit"] {
background-color: var(--action);
color: var(--action-ultra-light);
border-style: solid;
border-width: var(--btn-border-width);
border-color: var(--action);
border-radius: var(--btn-radius);
-webkit-border-radius: var(--btn-radius);
-moz-border-radius: var(--btn-radius);
-ms-border-radius: var(--btn-radius);
-o-border-radius: var(--btn-radius);
font-size: 1.8rem;
font-size: calc(1.4rem + (0.4 * ((100vw - 32rem) / 96)));
font-size: clamp(1.4rem, calc(0.4166666667vw + 1.2666666667rem), 1.8rem);
font-weight: 400;
line-height: 1;
padding: 0.75em 1.5em;
margin-top: 0;
text-align: center;
-webkit-text-decoration: none;
text-decoration: none;
text-transform: none;
transition: all var(--btn-transition-duration) ease;
}
.form--light.oxy-search-form input[type="submit"]:hover {
background-color: var(--action-hover);
color: var(--action-ultra-light);
border-color: var(--action-hover);
}
main:has(.form--light) ~ .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, main:has(.form--light) ~ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current, main:has(.form--light) ~ .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current, main:has(.form--light) ~ .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover, main:has(.form--light) ~ .xdsoft_datetimepicker .xdsoft_calendar td:hover, main:has(.form--light) ~ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
background: var(--action) !important;
}
.owl--xs:not(.ct-section) > * + *, .ct-section.owl--xs .ct-section-inner-wrap > * + * {
margin-block-start: 1.896rem;
margin-block-start: calc(1.0003020912rem + (0.3000906274 * ((100vw - 32rem) / 96)));
margin-block-start: clamp(1.0003020912rem, calc(0.3125944035vw + 0.9002718821rem), 1.3003927186rem);
}
.owl--s:not(.ct-section) > * + *, .ct-section.owl--s .ct-section-inner-wrap > * + * {
margin-block-start: 2.133rem;
margin-block-start: calc(1.414427157rem + (0.4243281471 * ((100vw - 32rem) / 96)));
margin-block-start: clamp(1.414427157rem, calc(0.4420084866vw + 1.2729844413rem), 1.8387553041rem);
}
.owl--m:not(.ct-section) > * + *, .ct-section.owl--m .ct-section-inner-wrap > * + * {
margin-block-start: 2.4rem;
margin-block-start: calc(2rem + (0.6 * ((100vw - 32rem) / 96)));
margin-block-start: clamp(2rem, calc(0.625vw + 1.8rem), 2.6rem);
}
.owl--l:not(.ct-section) > * + *, .ct-section.owl--l .ct-section-inner-wrap > * + * {
margin-block-start: 2.7rem;
margin-block-start: calc(2.666rem + (1.0104 * ((100vw - 32rem) / 96)));
margin-block-start: clamp(2.666rem, calc(1.0525vw + 2.3292rem), 3.6764rem);
}
.owl--xl:not(.ct-section) > * + *, .ct-section.owl--xl .ct-section-inner-wrap > * + * {
margin-block-start: 3.038rem;
margin-block-start: calc(3.553778rem + (1.6446516 * ((100vw - 32rem) / 96)));
margin-block-start: clamp(3.553778rem, calc(1.71317875vw + 3.0055608rem), 5.1984296rem);
}
.owl--xxl:not(.ct-section) > * + *, .ct-section.owl--xxl .ct-section-inner-wrap > * + * {
margin-block-start: 3.42rem;
margin-block-start: calc(4.737186074rem + (2.6133933804 * ((100vw - 32rem) / 96)));
margin-block-start: clamp(4.737186074rem, calc(2.7222847713vw + 3.8660549472rem), 7.3505794544rem);
}
.text--xs.text--larger {
font-size: 1.56rem;
font-size: calc(1.32rem + (0.33 * ((100vw - 32rem) / 96)));
font-size: clamp(1.32rem, calc(0.34375vw + 1.21rem), 1.65rem);
}
.text--s.text--larger {
font-size: 1.68rem;
font-size: calc(1.44rem + (0.36 * ((100vw - 32rem) / 96)));
font-size: clamp(1.44rem, calc(0.375vw + 1.32rem), 1.8rem);
}
.text--m.text--larger {
font-size: 2.16rem;
font-size: calc(1.68rem + (0.72 * ((100vw - 32rem) / 96)));
font-size: clamp(1.68rem, calc(0.75vw + 1.44rem), 2.4rem);
}
.text--l.text--larger {
font-size: 2.4rem;
font-size: calc(2.016rem + (1.1832 * ((100vw - 32rem) / 96)));
font-size: clamp(2.016rem, calc(1.2325vw + 1.6216rem), 3.1992rem);
}
.text--xl.text--larger {
font-size: 2.76rem;
font-size: calc(2.4192rem + (1.8453336 * ((100vw - 32rem) / 96)));
font-size: clamp(2.4192rem, calc(1.9222225vw + 1.8040888rem), 4.2645336rem);
}
.text--xxl.text--larger {
font-size: 3.12rem;
font-size: calc(4.32rem + (7.68 * ((100vw - 32rem) / 96)));
font-size: clamp(4.32rem, calc(8vw + 1.76rem), 12rem);
}
h1.text--larger {
font-size: 3.12rem;
font-size: calc(3.31776rem + (3.0774411999 * ((100vw - 32rem) / 96)));
font-size: clamp(3.31776rem, calc(3.2056679166vw + 2.2919462667rem), 6.3952011999rem);
}
h2.text--larger {
font-size: 2.76rem;
font-size: calc(2.7648rem + (2.0328003 * ((100vw - 32rem) / 96)));
font-size: clamp(2.7648rem, calc(2.1175003125vw + 2.0871999rem), 4.7976003rem);
}
h3.text--larger {
font-size: 2.4rem;
font-size: calc(2.304rem + (1.2951 * ((100vw - 32rem) / 96)));
font-size: clamp(2.304rem, calc(1.3490625vw + 1.8723rem), 3.5991rem);
}
h4.text--larger {
font-size: 2.16rem;
font-size: calc(1.92rem + (0.78 * ((100vw - 32rem) / 96)));
font-size: clamp(1.92rem, calc(0.8125vw + 1.66rem), 2.7rem);
}
h5.text--larger {
font-size: 1.68rem;
font-size: calc(1.44rem + (0.36 * ((100vw - 32rem) / 96)));
font-size: clamp(1.44rem, calc(0.375vw + 1.32rem), 1.8rem);
}
h6.text--larger {
font-size: 1.56rem;
font-size: calc(1.32rem + (0.33 * ((100vw - 32rem) / 96)));
font-size: clamp(1.32rem, calc(0.34375vw + 1.21rem), 1.65rem);
}.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}button,
hr,
input {
overflow: visible;
}
audio,
canvas,
progress,
video {
display: inline-block;
}
progress,
sub,
sup {
vertical-align: baseline;
}
[type="checkbox"],
[type="radio"],
legend {
box-sizing: border-box;
padding: 0;
}
html {
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body,
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section {
display: block;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bolder;
}
dfn {
font-style: italic;
}
mark {
background-color: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
audio:not([controls]) {
display: none;
height: 0;
}
img {
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
select {
text-transform: none;
}
[type="reset"],
[type="submit"],
button,
html [type="button"] {
-webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
outline: ButtonText dotted 1px;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
color: inherit;
display: table;
max-width: 100%;
white-space: normal;
}
textarea {
overflow: auto;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
summary {
display: list-item;
}
[hidden],
template {
display: none;
} html {
box-sizing: border-box;
}
body {
font-size: 16px;
color: rgba(64, 64, 64, 1);
}
body.oxygen-aos-enabled {
overflow-x: hidden;
}
*,
::after,
::before {
box-sizing: inherit;
}
.ct-section-inner-wrap {
margin-left: auto;
margin-right: auto;
height: 100%;
min-height: inherit;
}
.ct-section-with-shape-divider {
position: relative !important;
}
.oxygen-unslider-container:not(.unslider-fade) > ul {
list-style: none;
width: 0px;
}
.oxygen-unslider-container:not(.unslider-fade):not(.unslider-horizontal) > ul > li {
opacity: 0;
}
.oxygen-unslider-container.unslider-fade > ul > li:not(.unslider-active) {
opacity: 0;
}
div.ct-svg-icon > svg,
svg.ct-svg-icon {
height: 1em !important;
fill: currentColor;
}
.ct-columns-inner-wrap {
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.ct-column {
float: left !important;
word-break: break-word;
}
svg.ct-svg-icon {
display: inline-block;
width: 1em !important;
}
div.ct-svg-icon {
display: inline-block;
box-sizing: content-box;
border-radius: 50%;
width: auto;
}
div.ct-svg-icon > svg {
width: 1em !important;
display: block;
}
div.ct-fancy-icon {
display: inline-flex;
border-radius: 50%;
}
.ct-fancy-icon > svg {
fill: currentColor;
}
.ct-columns-inner-wrap > .ct-column:first-child {
margin-left: 0 !important;
}
.ct-columns-inner-wrap > .ct-column:last-child {
margin-right: 0 !important;
}
.ct-video {
width: 100%;
}
.ct-video > .oxygen-vsb-responsive-video-wrapper {
position: relative;
}
.ct-video > .oxygen-vsb-responsive-video-wrapper > iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.oxy-nav-menu-list {
display: flex;
padding: 0;
margin: 0;
}
.oxy-nav-menu .oxy-nav-menu-list li.menu-item {
list-style-type: none;
display: flex;
flex-direction: column;
}
.oxy-nav-menu .oxy-nav-menu-list li.menu-item a {
text-decoration: none;
border-style: solid;
border-width: 0;
transition-timing-function: ease-in-out;
transition-property: background-color, color, border-color;
border-color: transparent;
}
.oxy-nav-menu .oxy-nav-menu-list li.current-menu-item > a,
.oxy-nav-menu .oxy-nav-menu-list li.menu-item:focus-within > a,
.oxy-nav-menu .oxy-nav-menu-list li.menu-item:hover > a {
border-color: currentColor;
}
.oxy-nav-menu .menu-item,
.oxy-nav-menu .sub-menu {
position: relative;
}
.oxy-nav-menu .menu-item .sub-menu {
padding: 0;
flex-direction: column;
white-space: nowrap;
transition-timing-function: ease-in-out;
transition-property: visibility, opacity;
visibility: hidden;
opacity: 0;
display: flex;
position: absolute;
top: 100%;
}
.oxy-nav-menu .sub-menu .sub-menu,
.oxy-nav-menu.oxy-nav-menu-vertical .sub-menu {
left: 100%;
top: 0;
}
.oxy-nav-menu .menu-item:hover > .sub-menu,
.oxy-nav-menu .menu-item:focus-within > .sub-menu {
visibility: visible;
opacity: 1;
}
.oxy-nav-menu .sub-menu li.menu-item {
flex-direction: column;
}
@keyframes oxy_sticky_header_fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.oxy-sticky-header-fade-in {
animation-name: oxy_sticky_header_fadein;
animation-duration: 0.5s;
animation-iteration-count: 1;
}
.oxy-sticky-header .oxygen-show-in-sticky-only {
display:  none;
}
.oxy-sticky-header.oxy-sticky-header-active .oxygen-show-in-sticky-only {
display: block;
}
.oxy-header-wrapper {
position: relative;
}
.oxy-header-row {
width: 100%;
display: block;
}
.oxy-header-container {
height: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
}
.oxy-header-center,
.oxy-header-left,
.oxy-header-right {
display: flex;
align-items: center;
}
.oxy-header .oxygen-only-show-in-overlay,
.oxy-video-container {
display: none;
}
.oxy-header-left {
justify-content: flex-start;
}
.oxy-header-center {
flex-grow: 1;
justify-content: center;
}
.oxy-header-right {
justify-content: flex-end;
}
.admin-bar .oxy-sticky-header-active {
top: 32px !important;
}
@media screen and (max-width: 782px) {
.admin-bar .oxy-sticky-header-active {
top: 46px !important;
}
}
@media screen and (max-width: 600px) {
.admin-bar .oxy-sticky-header-active {
top: 0 !important;
}
}
.oxy-video-background {
position: relative;
z-index: 1;
}
.oxy-video-background .oxy-video-container {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
z-index: -1;
}
.oxy-video-background .oxy-video-container video {
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
top: 50%;
left: 50%;
position: absolute;
transform: translate(-50%, -50%);
}
.oxy-video-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.oxy-map iframe {
width: 100%;
height: 100%;
display: block;
}
.unslider .unslider-fade ul li.unslider-active {
position: relative;
}
.oxy-menu-toggle {
cursor: pointer;
display: none;
}
.oxy-nav-menu.oxy-nav-menu-open {
width: 100%;
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
overflow: auto;
z-index: 2147483642 !important;
background-color: #fff;
}
.oxy-nav-menu.oxy-nav-menu-open > div:last-child {
max-height: 100%;
overflow: auto;
padding-top: 2em;
padding-bottom: 2em;
width: 100%;
}
.oxy-nav-menu-prevent-overflow {
overflow: hidden;
height: 100%;
}
.oxy-nav-menu.oxy-nav-menu-open .oxy-menu-toggle {
display: initial;
}
.oxy-nav-menu.oxy-nav-menu-open .oxy-nav-menu-list {
flex-direction: column !important;
width: 100%;
}
.oxy-nav-menu.oxy-nav-menu-open .oxy-nav-menu-list .menu-item a {
text-align: center;
border: 0 !important;
background-color: transparent !important;
justify-content: center;
}
.oxy-nav-menu.oxy-nav-menu-open .oxy-nav-menu-hamburger-wrap {
position: absolute;
top: 20px;
right: 20px;
z-index: 1;
}
.oxy-nav-menu:not(.oxy-nav-menu-open) .sub-menu {
background-color: #fff;
z-index: 2147483641;
}
.oxy-nav-menu.oxy-nav-menu-open .menu-item .sub-menu,
.oxy-nav-menu.oxy-nav-menu-open .menu-item-has-children > a::after {
display: none;
}
.oxy-nav-menu.oxy-nav-menu-open.oxy-nav-menu-responsive-dropdowns
.menu-item
.sub-menu {
display: flex;
position: static;
animation-name: none;
visibility: visible;
opacity: 1;
transition-duration: 0s !important;
}
.oxy-nav-menu.oxy-nav-menu-open a:not([href]) {
display: none;
}
.oxy-nav-menu-hamburger-wrap {
display: flex;
align-items: center;
justify-content: center;
}
.oxy-nav-menu-hamburger {
display: flex;
justify-content: space-between;
flex-direction: column;
}
.oxy-nav-menu-hamburger-line {
border-radius: 2px;
}
.oxy-nav-menu-open .oxy-nav-menu-hamburger {
transform: rotate(45deg);
}
.oxy-nav-menu-open .oxy-nav-menu-hamburger .oxy-nav-menu-hamburger-line {
display: none;
}
.oxy-nav-menu-open
.oxy-nav-menu-hamburger
.oxy-nav-menu-hamburger-line:first-child {
display: initial;
position: relative;
}
.oxy-nav-menu-open
.oxy-nav-menu-hamburger
.oxy-nav-menu-hamburger-line:last-child {
display: initial;
position: relative;
transform: rotate(90deg);
}
.oxy-nav-menu .menu-item a {
display: flex;
align-items: center;
}
.oxy-nav-menu.oxy-nav-menu-vertical .menu-item a {
flex-direction: row;
}
.oxy-nav-menu-dropdowns.oxy-nav-menu-dropdown-arrow
.menu-item-has-children
> a::after {
width: 0.35em;
height: 0.35em;
margin-left: 0.5em;
border-right: 0.1em solid;
border-top: 0.1em solid;
transform: rotate(135deg);
content: "";
}
.oxy-nav-menu-dropdowns.oxy-nav-menu-dropdown-arrow
.sub-menu
.menu-item-has-children
> a::after,
.oxy-nav-menu-dropdowns.oxy-nav-menu-dropdown-arrow.oxy-nav-menu-vertical
.menu-item-has-children
> a::after {
transform: rotate(45deg);
}
.oxy-social-icons {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
}
.oxy-social-icons a {
line-height: 1;
width: 1em;
height: 1em;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
}
.oxy-social-icons a svg {
stroke-width: 0;
stroke: currentColor;
fill: currentColor;
}
.oxy-soundcloud {
min-width: 300px;
min-height: 120px;
}
.oxy-soundcloud iframe {
width: 100%;
height: 100%;
}
.comment-body .alignleft,
.oxy-stock-content-styles .alignleft {
margin-right: 1em;
float: left;
}
.comment-body .alignright,
.oxy-stock-content-styles .alignright {
margin-left: 1em;
float: right;
}
.comment-body .aligncenter,
.oxy-stock-content-styles .aligncenter {
margin-left: auto;
margin-right: auto;
}
.comment-body img,
.oxy-stock-content-styles img {
max-width: 100%;
}
.oxy-comment-form .comment-reply-title {
margin-bottom: 0.5em;
}
.oxy-comment-form .logged-in-as {
margin-bottom: 1em;
font-size: 0.75em;
}
.oxy-comment-form #submit {
padding: 1em 2em;
background-color: #000;
color: #fff;
cursor: pointer;
margin-top: 0.5em;
border: none;
font-weight: 700;
}
.oxy-comment-form input,
.oxy-comment-form textarea {
padding: 0.5em;
border-radius: 0;
border: 1px solid #000;
color: gray;
width: 100%;
}
.oxy-comment-form label {
font-weight: 700;
}
.oxy-comment-form .comment-form > p {
margin-top: 0;
margin-bottom: 1em;
}
.oxy-comments h3.comments-title {
margin-bottom: 1em;
}
.oxy-comments ol.children,
.oxy-comments ol.comments-list {
list-style: none;
margin: 0;
padding: 0;
}
.oxy-comments ol.children {
margin-left: 50px;
}
.oxy-comments li.comment .comment-body {
margin-left: 0;
margin-right: 0;
margin-bottom: 50px;
}
.oxy-comments li.comment .comment-body .comment-content {
margin-bottom: 1em;
}
.oxy-comments .comment-meta .comment-author {
display: flex;
flex-direction: row;
align-items: center;
}
.oxy-comments .comment-meta .comment-author .avatar {
max-width: 64px;
max-height: 64px;
margin-right: 0.5em;
}
.oxy-comments .comment-meta .comment-author span.says::before {
content: " ";
white-space: pre;
}
.oxy-progress-bar-overlay-percent,
.oxy-progress-bar-overlay-text {
line-height: 1;
white-space: nowrap;
color: #fff;
}
.oxy-comments .comment-meta .comment-metadata {
font-size: 0.75em;
margin-top: 0.75em;
}
.oxy-comments .comment-meta .edit-link {
margin-left: 0.5em;
}
.oxy-comments .reply {
display: flex;
}
.oxy-comments .reply .comment-reply-link {
font-size: 0.75em;
}
.oxy-comments .comment-meta {
flex-wrap: wrap;
}
.oxy-comments .comment-awaiting-moderation {
flex-basis: 100%;
}
.oxy-login-form p {
display: flex;
flex-direction: column;
}
.oxy-login-form input {
padding: 0.5em;
border-radius: 0;
border: 1px solid #000;
}
.oxy-login-form input[type="submit"] {
padding: 1em 2em;
background-color: #000;
color: #fff;
cursor: pointer;
border: none;
font-weight: 700;
}
.oxy-search-form input {
padding: 0.5em;
border-radius: 0;
border: 1px solid #000;
}
.oxy-search-form input[type="submit"] {
padding: calc(0.5em + 1px) 1em;
background-color: #000;
color: #fff;
cursor: pointer;
border: none;
}
.oxy-search-form label.screen-reader-text {
display: none;
}
.oxy-icon-box-icon {
display: flex;
flex-shrink: 0;
flex-grow: 0;
}
.oxy-icon-box-content {
flex-grow: 1;
width: 100%;
}
.oxy-icon-box-heading,
.oxy-icon-box-text {
margin: 0;
}
.oxy-icon-box {
display: flex;
align-items: flex-start;
}
.oxy-pricing-box {
display: flex;
flex-direction: column;
position: relative;
overflow: hidden;
}
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
order: 10;
display: flex;
flex-direction: row;
}
.oxy-pricing-box-graphic > img {
max-width: 100%;
display: block;
}
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-title {
order: 20;
}
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
order: 30;
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: baseline;
justify-content: center;
}
.oxy-pricing-box-amount {
display: flex;
align-items: baseline;
flex-direction: row;
}
.oxy-pricing-box-currency {
align-self: flex-start;
}
.oxy-pricing-box-amount-decimal {
align-self: baseline;
}
.oxy-pricing-box-term {
margin-left: 0.4em;
}
.oxy-pricing-box-sale-price {
width: 100%;
flex-grow: 0;
flex-shrink: 0;
}
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
order: 40;
}
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
order: 60;
}
@keyframes oxy_progress_bar_width {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@keyframes oxy_progress_bar_stripes {
from {
background-position: 44px 0;
}
to {
background-position: 0 0;
}
}
.oxy-progress-bar-background,
.oxy-progress-bar-progress {
background-position: top left;
background-attachment: fixed;
background-size: 44px 44px;
}
.oxy-progress-bar {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
.oxy-progress-bar-background {
background-color: #d3d3d3;
width: 100%;
}
.oxy-progress-bar-progress {
padding: 20px;
display: flex;
background-color: #a9a9a9;
align-items: center;
}
.oxy-progress-bar-overlay-percent {
margin-left: auto;
padding-left: 1em;
font-size: 0.8em;
}
.oxy-tab,
.oxy-tab-content {
padding: 20px;
}
.oxy-progress-bar-overlay-percent:empty {
display: none;
}
.oxy-superbox {
display: inline-flex;
}
.oxy-superbox-primary,
.oxy-superbox-secondary,
.oxy-tabs-wrapper {
display: flex;
}
.oxy-superbox-wrap {
position: relative;
overflow: hidden;
display: flex;
width: 100%;
}
.oxy-superbox-primary {
position: relative;
top: 0;
left: 0;
width: 100%;
}
.oxy-superbox-secondary {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.oxy-tab {
cursor: pointer;
}
.oxy-tabs-contents-content-hidden {
display: none !important;
}
.oxy-testimonial {
display: flex;
width: 100%;
}
.oxy-testimonial .oxy-testimonial-photo-wrap {
display: flex;
flex-direction: column;
}
.oxy-testimonial .oxy-testimonial-photo {
border-radius: 50%;
}
.oxy-testimonial .oxy-testimonial-content-wrap {
display: flex;
flex-direction: column;
order: 2;
}
.oxy-testimonial .oxy-testimonial-author-wrap {
display: flex;
flex-direction: column;
}
.oxy-testimonial .oxy-testimonial-author,
.oxy-testimonial .oxy-testimonial-author-info {
display: flex;
}
.oxy-toggle {
display: flex;
flex-direction: row;
cursor: pointer;
}
.oxy-toggle-content {
align-self: stretch;
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.oxy-expand-collapse-icon {
align-self: center;
flex-shrink: 0;
flex-grow: 0;
margin-right: 0.4em;
text-align: initial;
width: 1em;
height: 1em;
position: relative;
display: inline-block;
}
.oxy-expand-collapse-icon::after,
.oxy-expand-collapse-icon::before {
content: "";
background-color: #000;
position: absolute;
width: 1em;
height: 0.16em;
top: calc((1em / 2) - 0.08em);
transition: 0.3s ease-in-out all;
border-radius: 0.03em;
}
.oxy-expand-collapse-icon::after {
transform: rotate(-90deg) scale(0);
}
.oxy-eci-collapsed.oxy-expand-collapse-icon::after {
transform: rotate(-180deg);
}
.oxy-eci-collapsed.oxy-expand-collapse-icon::before {
transform: rotate(-90deg);
}
[data-aos][data-aos=""] {
transition-duration: 0s !important;
}
body.oxy-modal-active {
height: 100vh;
overflow-y: hidden;
position: fixed;
right: 0;
left: 0;
}
.oxy-modal-backdrop {
display: flex;
align-items: center;
justify-content: center;
}
body:not(.oxygen-builder-body) .oxy-modal-backdrop {
display: none;
}
body.oxygen-builder-body .oxy-modal-backdrop {
height: 100vh;
}
.oxy-modal-backdrop.live {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 1400;
}
.oxy-modal-backdrop.hidden {
display: none;
}
.oxy-modal-backdrop.left {
flex-direction: column;
align-items: flex-start;
}
.oxy-modal-backdrop.right {
flex-direction: column;
align-items: flex-end;
}
.oxy-modal-backdrop.top {
flex-direction: row;
align-items: flex-start;
}
.oxy-modal-backdrop.bottom {
flex-direction: row;
align-items: flex-end;
}
.oxy-modal-backdrop.upper_left {
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
}
.oxy-modal-backdrop.upper_right {
flex-direction: row;
align-items: flex-start;
justify-content: flex-end;
}
.oxy-modal-backdrop.bottom_left {
flex-direction: row;
align-items: flex-end;
justify-content: flex-start;
}
.oxy-modal-backdrop.bottom_right {
flex-direction: row;
align-items: flex-end;
justify-content: flex-end;
}
.oxy-modal-backdrop .ct-modal {
background-color: white;
max-height: 100vh;
overflow-y: auto;
}
div.oxy-dynamic-list div.oxy-product-images.oxy-woo-element {
align-self: stretch;
}
div.oxy-repeater-pages,
div.oxy-repeater-pages-wrap {
display: flex;
}
.oxy-rich-text p:first-child {
margin-block-start: 0;
}
.oxy-rich-text p:last-child {
margin-block-end: 0;
} :-webkit-any(li, div._important),
:is(li, div._important) {
display: list-item;
}
:-webkit-any(table, div._important),
:is(table, div._important){
display: table;
}
:is(thead, div._important),
:-webkit-any(thead, div._important){
display: table-header-group;
}
:is(tr, div._important),
:-webkit-any(tr, div._important) {
display: table-row;
}
:is(tbody, div._important),
:-webkit-any(tbody, div._important) {
display: table-row-group;
}
:is(th, td, div._important),
:-webkit-any(th, td, div._important) {
display: table-cell;
}
:is(caption, div._important),
:-webkit-any(caption, div._important) {
display: table-caption;
}
:is(colgroup, div._important),
:-webkit-any(colgroup, div._important){
display: table-column-group;
}
:is(col, div._important),
:-webkit-any(col, div._important){
display: table-column;
}
:is(tfoot, div._important),
:-webkit-any(tfoot, div._important){
display: table-footer-group;
}:root{--joinchat-ico:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M3.516 3.516c4.686-4.686 12.284-4.686 16.97 0s4.686 12.283 0 16.97a12 12 0 0 1-13.754 2.299l-5.814.735a.392.392 0 0 1-.438-.44l.748-5.788A12 12 0 0 1 3.517 3.517zm3.61 17.043.3.158a9.85 9.85 0 0 0 11.534-1.758c3.843-3.843 3.843-10.074 0-13.918s-10.075-3.843-13.918 0a9.85 9.85 0 0 0-1.747 11.554l.16.303-.51 3.942a.196.196 0 0 0 .219.22zm6.534-7.003-.933 1.164a9.84 9.84 0 0 1-3.497-3.495l1.166-.933a.79.79 0 0 0 .23-.94L9.561 6.96a.79.79 0 0 0-.924-.445l-2.023.524a.797.797 0 0 0-.588.88 11.754 11.754 0 0 0 10.005 10.005.797.797 0 0 0 .88-.587l.525-2.023a.79.79 0 0 0-.445-.923L14.6 13.327a.79.79 0 0 0-.94.23z'/%3E%3C/svg%3E");--joinchat-font:-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen-sans,ubuntu,cantarell,"Helvetica Neue",sans-serif}.joinchat{--bottom:20px;--sep:20px;--s:60px;--header:calc(var(--s)*1.16667);--vh:100vh;--red:37;--green:211;--blue:102;--rgb:var(--red) var(--green) var(--blue);--color:rgb(var(--rgb));--dark:rgb(calc(var(--red) - 75) calc(var(--green) - 75) calc(var(--blue) - 75));--hover:rgb(calc(var(--red) + 50) calc(var(--green) + 50) calc(var(--blue) + 50));--bg:rgb(var(--rgb)/4%);--bw:100;--text:hsl(0deg 0% clamp(0%,var(--bw)*1%,100%)/clamp(70%,var(--bw)*1%,100%));--msg:var(--color);color:var(--text);display:none;position:fixed;z-index:9000;right:var(--sep);bottom:var(--bottom);font:normal normal normal 16px/1.625em var(--joinchat-font);letter-spacing:0;animation:joinchat_show .5s cubic-bezier(.18,.89,.32,1.28) 10ms both;transform:scale3d(0,0,0);transform-origin:calc(var(--s)/-2) calc(var(--s)/-4);-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgb(0 0 0/0)}.joinchat *,.joinchat :after,.joinchat :before{box-sizing:border-box}.joinchat--show{display:block;transform:scaleX(1)}.joinchat--left{right:auto;left:var(--sep)}.joinchat--dark{--msg:var(--dark)}.joinchat--noanim{animation:none}.joinchat--chatbox:not(.joinchat--noanim){transform-origin:0 0;animation-timing-function:ease-in-out}.joinchat--hidden{display:none!important}@supports not (width:clamp(1px,1%,10px)){.joinchat{--text:hsl(0deg 0% calc(var(--bw)*1%)/90%)}}.joinchat__button{display:flex;flex-direction:row;position:absolute;z-index:2;bottom:8px;right:8px;height:var(--s);min-width:var(--s);background:#25d366;color:inherit;border-radius:calc(var(--s)/2);box-shadow:1px 6px 24px 0 rgba(7,94,84,.24);cursor:pointer;transition:background-color .2s linear}[dir=rtl] .joinchat__button{flex-direction:row-reverse}.joinchat__button:hover{background:#128c7e;transition-duration:1.5s}.joinchat__button:active{background:#128c7e;transition:none}.joinchat--left .joinchat__button{right:auto;left:8px;flex-direction:row-reverse}[dir=rtl] .joinchat--left .joinchat__button{flex-direction:row}.joinchat--btn .joinchat__button:hover{transition-duration:.2s}.joinchat--chatbox .joinchat__button{background:var(--color);transition-duration:.2s;box-shadow:0 1px 2px 0 rgba(0,0,0,.3)}.joinchat--chatbox .joinchat__button:active,.joinchat--chatbox .joinchat__button:hover{background:var(--hover)}.joinchat--optout.joinchat--chatbox .joinchat__button{background-color:#999;pointer-events:none}.joinchat--optout.joinchat--chatbox .joinchat__button .joinchat_svg__plain{stroke-dasharray:0;animation:none}.joinchat--optout.joinchat--chatbox .joinchat__button .joinchat_svg__chat{animation:none}.joinchat__button__open{width:var(--s);height:var(--s);border-radius:50%;background:rgb(0 0 0/0) var(--joinchat-ico) 50% no-repeat;background-size:60%;overflow:hidden}.joinchat--chatbox .joinchat__button__open{display:none}.joinchat__button__image{position:absolute;top:1px;right:1px;width:calc(var(--s) - 2px);height:calc(var(--s) - 2px);border-radius:50%;overflow:hidden;opacity:0}.joinchat__button__image img{display:block;width:100%;height:100%;object-fit:cover}.joinchat--show .joinchat__button__image{animation:joinchat_image_loop 20s linear 5s infinite normal both}.joinchat--image .joinchat__button__image{opacity:1;animation:none}.joinchat--chatbox .joinchat__button__image{display:none}.joinchat__button__send{display:none;flex-shrink:0;width:var(--s);height:var(--s);max-width:var(--s);padding:calc(var(--s)*0.18);margin:0;overflow:hidden}.joinchat--chatbox .joinchat__button__send{display:block}.joinchat__button__send path{fill:none!important;stroke:var(--text)!important}.joinchat__button__send .joinchat_svg__plain{stroke-dasharray:1097;stroke-dashoffset:1097;animation:joinchat_plain 6s .2s ease-in-out infinite}.joinchat__button__send .joinchat_svg__chat{stroke-dasharray:1020;stroke-dashoffset:1020;animation:joinchat_chat 6s 3.2s ease-in-out infinite}.joinchat__button__sendtext{padding:0;max-width:0;border-radius:var(--s);font-weight:600;line-height:var(--s);white-space:nowrap;opacity:0;overflow:hidden;text-overflow:ellipsis;transition:none}.joinchat--chatbox .joinchat__button__sendtext{padding:0 4px 0 24px;max-width:min(400px - 16px - var(--s),100vw - 16px - var(--s) - 2*var(--sep));opacity:1;transition:max-width .2s linear,opacity .4s ease-out .2s}.joinchat--chatbox.joinchat--left .joinchat__button__sendtext{padding:0 24px 0 4px}.joinchat__badge{position:absolute;top:-4px;right:-4px;width:20px;height:20px;border:none;border-radius:50%;background:#e82c0c;color:#fff;font-size:12px;font-weight:600;line-height:20px;text-align:center;box-shadow:none;opacity:0;pointer-events:none}.joinchat__badge.joinchat__badge--in{animation:joinchat_badge_in .5s cubic-bezier(.27,.9,.41,1.28) 1 both}.joinchat__badge.joinchat__badge--out{animation:joinchat_badge_out .4s cubic-bezier(.215,.61,.355,1) 1 both}.joinchat__tooltip{position:absolute;top:calc(var(--s)/2 - 16px);right:calc(var(--s) + 16px);max-width:calc(100vw - var(--s) - 45px);height:32px;padding:0 14px;border:none;border-radius:16px;background:#fff;color:rgba(0,0,0,.8);line-height:31px;white-space:nowrap;opacity:0;transition:opacity .3s ease-out .4s;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4));pointer-events:none}.joinchat__tooltip:after{content:"";display:block;position:absolute;top:10px;right:-6px;border:8px solid transparent;border-width:6px 0 6px 8px;border-left-color:#fff}.joinchat__tooltip div{width:-moz-max-content;width:max-content;max-width:100%;overflow:hidden;text-overflow:ellipsis}.joinchat--tooltip .joinchat__tooltip{animation:joinchat_tootlip 20s linear 5s 1 normal both}.joinchat--chatbox .joinchat__tooltip{display:none}.joinchat--left .joinchat__tooltip{right:auto;left:calc(var(--s) + 16px)}.joinchat--left .joinchat__tooltip:after{left:-6px;right:auto;border-color:transparent;border-width:6px 8px 6px 0;border-right-color:#fff}.joinchat__qr{position:absolute;bottom:calc(var(--s) + 16px);right:0;display:none;flex-direction:column-reverse;width:228px;min-height:200px;padding:14px 14px 10px;border:none;border-radius:16px;background:#fff;color:rgba(0,0,0,.8);text-align:center;white-space:nowrap;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4));animation:joinchat_badge_in .4s cubic-bezier(.11,.84,.83,1.01) .5s both;pointer-events:none}.joinchat__qr:after{content:"";display:block;position:absolute;bottom:-6px;right:calc(var(--s)/2 - 6px);border:8px solid transparent;border-width:8px 6px 0;border-top-color:#fff}.joinchat--left .joinchat__qr{left:0;right:auto}.joinchat--left .joinchat__qr:after{left:calc(var(--s)/2 - 6px);right:auto}.joinchat__qr div{font-size:14px;color:#4a4a4a;overflow:hidden;text-overflow:ellipsis}.joinchat__qr canvas{display:block;width:200px;height:200px;margin:0}.joinchat__box{display:flex;flex-direction:column;position:absolute;bottom:0;right:0;z-index:1;width:calc(100vw - var(--sep)*2);max-width:400px;max-height:calc(var(--vh) - var(--bottom) - var(--sep));border-radius:calc(var(--s)/2 + 2px);background:#fff linear-gradient(180deg,var(--color),var(--color) var(--header),var(--bg) var(--header),var(--bg));box-shadow:0 2px 6px 0 rgba(0,0,0,.5);text-align:left;overflow:hidden;transform:scale3d(0,0,0);opacity:0;transition:max-height .2s ease-out,opacity .4s ease-out,transform 0s linear .3s}[dir=rtl] .joinchat__box{text-align:right}.joinchat--chatbox .joinchat__box{opacity:1;transform:scaleX(1);transition:max-height .2s ease-out,opacity .2s ease-out,transform 0s linear}.joinchat--left .joinchat__box{right:auto;left:0}.joinchat--dark .joinchat__box{background:#1a1a1a linear-gradient(180deg,var(--dark),var(--dark) var(--header),var(--bg) var(--header),var(--bg))}.joinchat__header{display:flex;flex-flow:row;align-items:center;position:relative;flex-shrink:0;height:var(--header);min-height:50px;padding:0 70px 0 26px;margin:0}[dir=rtl] .joinchat__header{padding:0 26px 0 70px}.joinchat__header__text{font-size:19px;font-weight:600;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.8}.joinchat__powered{font-size:11px;line-height:18px;color:inherit!important;text-decoration:none!important;fill:currentcolor;opacity:.8}.joinchat__powered svg{display:inline-block;width:auto;height:18px;vertical-align:-30%}.joinchat__powered:active,.joinchat__powered:hover{color:inherit!important;text-decoration:none!important;opacity:.9;filter:drop-shadow(0 1px 3px rgba(0,0,0,.3))}.joinchat__wa{height:28px;width:auto;fill:currentcolor;opacity:.8}.joinchat__close{--size:34px;position:absolute;top:calc(50% - var(--size)/2);right:24px;width:var(--size);height:var(--size);border-radius:50%;background:rgba(0,0,0,.4) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M24 2.4 21.6 0 12 9.6 2.4 0 0 2.4 9.6 12 0 21.6 2.4 24l9.6-9.6 9.6 9.6 2.4-2.4-9.6-9.6z'/%3E%3C/svg%3E") 50% no-repeat;background-size:12px;cursor:pointer;transition:background-color .3s ease-out}.joinchat__close:hover{background-color:rgba(0,0,0,.6)}.joinchat__close:active{background-color:rgba(0,0,0,.7)}[dir=rtl] .joinchat__close{right:auto;left:24px}.joinchat__box__scroll{overflow:hidden scroll;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.joinchat__box__scroll::-webkit-scrollbar{width:4px;background:rgb(0 0 0/0)}.joinchat__box__scroll::-webkit-scrollbar-thumb{border-radius:2px;background:rgb(0 0 0/0)}.joinchat--blur .joinchat__box__scroll{background:rgba(var(--rgb)/2%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.joinchat__box__scroll:hover::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2)}.joinchat__box__content{width:calc(100% + 4px);padding:20px 0 calc(var(--s) + 16px)}.joinchat__optin{padding:0 16px;margin-bottom:16px;color:#4a4a4a;font-size:13px;line-height:1.33}.joinchat__optin a{display:inline;padding:0;color:inherit!important;text-decoration:underline}.joinchat__optin a:hover{text-decoration-thickness:2px}.joinchat__optin input{position:absolute;visibility:hidden}.joinchat__optin label{position:relative;display:block;margin:0;padding:0 0 0 30px;color:inherit;font:inherit;cursor:pointer}.joinchat__optin label:before{content:"";display:block;position:absolute;top:min(50% - 11px,5px);left:0;width:22px;height:22px;border:3px solid var(--color);border-radius:4px;background:#fff;box-shadow:0 0 0 1px var(--text);transition:box-shadow .3s ease-in-out}.joinchat--dark .joinchat__optin label:before{background:#000}.joinchat__optin label:after{content:"";display:none;position:absolute;top:min(50% - 8px,8px);left:8px;width:6px;height:14px;border:solid var(--text);border-width:0 3px 3px 0;transform:rotate(45deg)}[dir=rtl] .joinchat__optin label{padding:0 30px 0 0}[dir=rtl] .joinchat__optin label:before{left:auto;right:0}[dir=rtl] .joinchat__optin label:after{left:auto;right:8px}.joinchat__optin input:checked+label:before{box-shadow:0 0 0 1px var(--text),inset 0 0 0 10px var(--color)}.joinchat__optin input:checked+label:after{display:block}.joinchat--dark .joinchat__optin{color:#d8d8d8}.joinchat{--peak:url(#joinchat__peak_l)}[dir=rtl] .joinchat{--peak:url(#joinchat__peak_r)}.joinchat__message{position:relative;min-height:56px;padding:15px 20px;margin:0 26px 26px;border-radius:26px;background:#fff;color:#4a4a4a;word-break:break-word;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));transform:translateZ(0)}.joinchat__message:before{content:"";display:block;position:absolute;bottom:18px;left:-15px;width:17px;height:25px;background:inherit;-webkit-clip-path:var(--peak);clip-path:var(--peak)}[dir=rtl] .joinchat__message:before{left:auto;right:-15px}.joinchat--dark .joinchat__message{background:#505050;color:#d8d8d8}@keyframes joinchat_show{0%{transform:scale3d(0,0,0)}to{transform:scaleX(1)}}@keyframes joinchat_badge_in{0%{opacity:0;transform:translate3d(0,50px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes joinchat_badge_out{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-20px,0)}}@keyframes joinchat_plain{0%,50%,to{stroke-dashoffset:1097}5%,45%{stroke-dashoffset:0}}@keyframes joinchat_chat{0%,50%,to{stroke-dashoffset:1020}5%,45%{stroke-dashoffset:0}}@keyframes joinchat_image_loop{0%{opacity:0}3%,20%{opacity:1}25%,to{opacity:0}}@keyframes joinchat_tootlip{0%{opacity:0;transform:scaleY(0)}1%,20%{opacity:1;transform:scaleX(1)}25%,to{opacity:0;transform:scaleX(1)}}.joinchat__woo-btn__wrapper{clear:both}.joinchat__woo-btn{--s:40px;display:inline-block;box-sizing:border-box;height:var(--s);max-width:100%;padding:0 calc(var(--s)/2) 0 var(--s);background:#25d366 var(--joinchat-ico) calc(var(--s)*0.2) 50% no-repeat;background-size:calc(var(--s)*0.6);color:#fff;border-radius:calc(var(--s)/2);font:700 normal calc(var(--s)*0.35)/var(--s) var(--joinchat-font);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;transition:background-color .2s}.joinchat__woo-btn:empty{padding-right:0}.joinchat__woo-btn:hover{background-color:#128c7e}@media (orientation:landscape) and (height >= 481px),(orientation:portrait) and (width >= 481px){.joinchat--mobile{display:none!important}}@media (width <= 767px){.joinchat--footer-bar{--bottom:76px!important}}@media (orientation:landscape) and (height <= 480px),(width <= 480px){.joinchat{--bottom:6px;--sep:6px;--header:calc(var(--s)*0.91667)}.joinchat__header__text{font-size:17px}.joinchat__close{--size:28px}.joinchat__box__scroll{padding-top:15px}.joinchat__message{padding:18px 16px;line-height:24px;margin:0 20px 20px}}@media (hover:hover){.joinchat__button:hover .joinchat__tooltip{opacity:1;animation:none;transition:opacity .2s}.joinchat--btn .joinchat__button:hover .joinchat__qr,.joinchat--chatbox .joinchat__button:hover .joinchat__qr{display:flex}}@media (prefers-color-scheme:dark){.joinchat--dark-auto{--msg:var(--dark)}.joinchat--dark-auto .joinchat__box{background:#1a1a1a linear-gradient(180deg,var(--dark),var(--dark) var(--header),var(--bg) var(--header),var(--bg))}.joinchat--dark-auto .joinchat__optin label:before{background:#000}.joinchat--dark-auto .joinchat__optin{color:#d8d8d8}.joinchat--dark-auto .joinchat__message{background:#505050;color:#d8d8d8}}@media (prefers-reduced-motion){.joinchat{animation:none}.joinchat__button__send .joinchat_svg__plain{stroke-dasharray:0;animation:none}.joinchat__button__send .joinchat_svg__chat{animation:none}.joinchat__button__sendtext{transition:none!important}}