/* AHL compiled stylesheet: the parts of Automatic.css used on ahlmw.com. Generated 8 Nov 2026 by Mbuna Inc. */
/* from automatic.css */
:root, .color-scheme--main { --action-hex: #cda423; --action-hsl: 46 71% 47%; --action-rgb: 205 164 35; --action-r: 205; --action-g: 164; --action-b: 35; --action-h: 46; --action-s: 71%; --action-l: 47%; --action-hover-h: 46; --action-hover-s: 71%; --action-hover-l: 54%; --action-ultra-light-h: 46; --action-ultra-light-s: 71%; --action-ultra-light-l: 95%; --action-light-h: 46; --action-light-s: 71%; --action-light-l: 85%; --action-semi-light-h: 46; --action-semi-light-s: 71%; --action-semi-light-l: 65%; --action-semi-dark-h: 46; --action-semi-dark-s: 71%; --action-semi-dark-l: 35%; --action-dark-h: 46; --action-dark-s: 71%; --action-dark-l: 25%; --action-ultra-dark-h: 46; --action-ultra-dark-s: 71%; --action-ultra-dark-l: 10%; --action-comp-h: 226; --action-medium-h: 46; --action-medium-s: 71%; --action-medium-l: 50%; --primary-hex: #9C7059; --primary-hsl: 21 27% 48%; --primary-rgb: 156 112 89; --primary-r: 156; --primary-g: 112; --primary-b: 89; --primary-h: 21; --primary-s: 27%; --primary-l: 48%; --primary-hover-h: 21; --primary-hover-s: 27%; --primary-hover-l: 55%; --primary-ultra-light-h: 21; --primary-ultra-light-s: 27%; --primary-ultra-light-l: 95%; --primary-light-h: 21; --primary-light-s: 27%; --primary-light-l: 85%; --primary-semi-light-h: 21; --primary-semi-light-s: 27%; --primary-semi-light-l: 65%; --primary-semi-dark-h: 21; --primary-semi-dark-s: 27%; --primary-semi-dark-l: 35%; --primary-dark-h: 21; --primary-dark-s: 27%; --primary-dark-l: 25%; --primary-ultra-dark-h: 21; --primary-ultra-dark-s: 27%; --primary-ultra-dark-l: 10%; --primary-comp-h: 201; --primary-medium-h: 21; --primary-medium-s: 27%; --primary-medium-l: 50%; --secondary-hex: #208027; --secondary-hsl: 124 60% 31%; --secondary-rgb: 32 128 39; --secondary-r: 32; --secondary-g: 128; --secondary-b: 39; --secondary-h: 124; --secondary-s: 60%; --secondary-l: 31%; --secondary-hover-h: 124; --secondary-hover-s: 60%; --secondary-hover-l: 36%; --secondary-ultra-light-h: 124; --secondary-ultra-light-s: 60%; --secondary-ultra-light-l: 95%; --secondary-light-h: 124; --secondary-light-s: 60%; --secondary-light-l: 85%; --secondary-semi-light-h: 124; --secondary-semi-light-s: 60%; --secondary-semi-light-l: 65%; --secondary-semi-dark-h: 124; --secondary-semi-dark-s: 60%; --secondary-semi-dark-l: 35%; --secondary-dark-h: 124; --secondary-dark-s: 60%; --secondary-dark-l: 25%; --secondary-ultra-dark-h: 124; --secondary-ultra-dark-s: 60%; --secondary-ultra-dark-l: 10%; --secondary-comp-h: 304; --secondary-medium-h: 124; --secondary-medium-s: 60%; --secondary-medium-l: 50%; --accent-hex: #bcc8a2; --accent-hsl: 79 26% 71%; --accent-rgb: 188 200 162; --accent-r: 188; --accent-g: 200; --accent-b: 162; --accent-h: 79; --accent-s: 26%; --accent-l: 71%; --accent-hover-h: 79; --accent-hover-s: 26%; --accent-hover-l: 81.65%; --accent-ultra-light-h: 79; --accent-ultra-light-s: 26%; --accent-ultra-light-l: 95%; --accent-light-h: 79; --accent-light-s: 26%; --accent-light-l: 85%; --accent-semi-light-h: 79; --accent-semi-light-s: 26%; --accent-semi-light-l: 65%; --accent-semi-dark-h: 79; --accent-semi-dark-s: 26%; --accent-semi-dark-l: 35%; --accent-dark-h: 79; --accent-dark-s: 26%; --accent-dark-l: 25%; --accent-ultra-dark-h: 79; --accent-ultra-dark-s: 26%; --accent-ultra-dark-l: 10%; --accent-comp-h: 259; --accent-medium-h: 79; --accent-medium-s: 26%; --accent-medium-l: 50%; --base-hex: #0a2434; --base-hsl: 203 68% 12%; --base-rgb: 10 36 52; --base-r: 10; --base-g: 36; --base-b: 52; --base-h: 203; --base-s: 68%; --base-l: 12%; --base-hover-h: 203; --base-hover-s: 68%; --base-hover-l: 13.8%; --base-ultra-light-h: 203; --base-ultra-light-s: 68%; --base-ultra-light-l: 95%; --base-light-h: 203; --base-light-s: 68%; --base-light-l: 85%; --base-semi-light-h: 203; --base-semi-light-s: 68%; --base-semi-light-l: 65%; --base-semi-dark-h: 203; --base-semi-dark-s: 68%; --base-semi-dark-l: 35%; --base-dark-h: 203; --base-dark-s: 68%; --base-dark-l: 25%; --base-ultra-dark-h: 203; --base-ultra-dark-s: 68%; --base-ultra-dark-l: 10%; --base-comp-h: 383; --base-medium-h: 203; --base-medium-s: 68%; --base-medium-l: 50%; --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: 0%; --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-semi-light-h: 0; --shade-semi-light-s: 0%; --shade-semi-light-l: 65%; --shade-semi-dark-h: 0; --shade-semi-dark-s: 0%; --shade-semi-dark-l: 35%; --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; --shade-medium-h: 0; --shade-medium-s: 0%; --shade-medium-l: 50%; --neutral-hex: #1d1c21; --neutral-hsl: 252 8% 12%; --neutral-rgb: 29 28 33; --neutral-r: 29; --neutral-g: 28; --neutral-b: 33; --neutral-h: 252; --neutral-s: 8%; --neutral-l: 12%; --neutral-hover-h: 252; --neutral-hover-s: 8%; --neutral-hover-l: 13.8%; --neutral-ultra-light-h: 252; --neutral-ultra-light-s: 8%; --neutral-ultra-light-l: 95%; --neutral-light-h: 252; --neutral-light-s: 8%; --neutral-light-l: 85%; --neutral-semi-light-h: 252; --neutral-semi-light-s: 8%; --neutral-semi-light-l: 65%; --neutral-semi-dark-h: 252; --neutral-semi-dark-s: 8%; --neutral-semi-dark-l: 35%; --neutral-dark-h: 252; --neutral-dark-s: 8%; --neutral-dark-l: 25%; --neutral-ultra-dark-h: 252; --neutral-ultra-dark-s: 8%; --neutral-ultra-dark-l: 10%; --neutral-comp-h: 432; --neutral-medium-h: 252; --neutral-medium-s: 8%; --neutral-medium-l: 50%; --danger-hex: #DC3545; --danger-hsl: 354 70% 54%; --danger-rgb: 220 53 69; --danger-r: 220; --danger-g: 53; --danger-b: 69; --danger-h: 354; --danger-s: 70%; --danger-l: 54%; --danger-hover-h: 354; --danger-hover-s: 71%; --danger-hover-l: 62.1%; --danger-ultra-light-h: 354; --danger-ultra-light-s: 70%; --danger-ultra-light-l: 95%; --danger-light-h: 354; --danger-light-s: 71%; --danger-light-l: 85%; --danger-semi-light-h: 354; --danger-semi-light-s: 70%; --danger-semi-light-l: 65%; --danger-semi-dark-h: 354; --danger-semi-dark-s: 70%; --danger-semi-dark-l: 35%; --danger-dark-h: 354; --danger-dark-s: 71%; --danger-dark-l: 15%; --danger-ultra-dark-h: 354; --danger-ultra-dark-s: 70%; --danger-ultra-dark-l: 10%; --danger-comp-h: 534; --danger-medium-h: 354; --danger-medium-s: 70%; --danger-medium-l: 50%; --warning-hex: #FFC10A; --warning-hsl: 45 100% 52%; --warning-rgb: 255 193 10; --warning-r: 255; --warning-g: 193; --warning-b: 10; --warning-h: 45; --warning-s: 100%; --warning-l: 52%; --warning-hover-h: 45; --warning-hover-s: 100%; --warning-hover-l: 59.8%; --warning-ultra-light-h: 45; --warning-ultra-light-s: 100%; --warning-ultra-light-l: 95%; --warning-light-h: 45; --warning-light-s: 100%; --warning-light-l: 85%; --warning-semi-light-h: 45; --warning-semi-light-s: 100%; --warning-semi-light-l: 65%; --warning-semi-dark-h: 45; --warning-semi-dark-s: 100%; --warning-semi-dark-l: 35%; --warning-dark-h: 45; --warning-dark-s: 100%; --warning-dark-l: 15%; --warning-ultra-dark-h: 45; --warning-ultra-dark-s: 100%; --warning-ultra-dark-l: 10%; --warning-comp-h: 225; --warning-medium-h: 45; --warning-medium-s: 100%; --warning-medium-l: 50%; --info-hex: #18A2B8; --info-hsl: 188 77% 41%; --info-rgb: 24 162 184; --info-r: 24; --info-g: 162; --info-b: 184; --info-h: 188; --info-s: 77%; --info-l: 41%; --info-hover-h: 188; --info-hover-s: 77%; --info-hover-l: 47.15%; --info-ultra-light-h: 188; --info-ultra-light-s: 77%; --info-ultra-light-l: 95%; --info-light-h: 188; --info-light-s: 77%; --info-light-l: 85%; --info-semi-light-h: 188; --info-semi-light-s: 77%; --info-semi-light-l: 65%; --info-semi-dark-h: 188; --info-semi-dark-s: 77%; --info-semi-dark-l: 35%; --info-dark-h: 188; --info-dark-s: 77%; --info-dark-l: 15%; --info-ultra-dark-h: 188; --info-ultra-dark-s: 77%; --info-ultra-dark-l: 10%; --info-comp-h: 368; --info-medium-h: 188; --info-medium-s: 77%; --info-medium-l: 50%; --success-hex: #29A745; --success-hsl: 133 61% 41%; --success-rgb: 41 167 69; --success-r: 41; --success-g: 167; --success-b: 69; --success-h: 133; --success-s: 61%; --success-l: 41%; --success-hover-h: 133; --success-hover-s: 61%; --success-hover-l: 47.15%; --success-ultra-light-h: 133; --success-ultra-light-s: 61%; --success-ultra-light-l: 95%; --success-light-h: 133; --success-light-s: 61%; --success-light-l: 85%; --success-semi-light-h: 133; --success-semi-light-s: 61%; --success-semi-light-l: 65%; --success-semi-dark-h: 133; --success-semi-dark-s: 61%; --success-semi-dark-l: 35%; --success-dark-h: 133; --success-dark-s: 61%; --success-dark-l: 15%; --success-ultra-dark-h: 133; --success-ultra-dark-s: 61%; --success-ultra-dark-l: 10%; --success-comp-h: 313; --success-medium-h: 133; --success-medium-s: 61%; --success-medium-l: 50%; --action: #cda423; --action-hover: #ddb636; --action-ultra-light: #fbf7e9; --action-light: #f4e7be; --action-semi-light: #e5c866; --action-semi-dark: #997b1a; --action-dark: #6d5812; --action-ultra-dark: #2c2307; --action-comp: #234acd; --action-medium: #dab025; --primary: #9C7059; --primary-hover: #ab836d; --primary-ultra-light: #f6f1ef; --primary-light: #e3d6ce; --primary-semi-light: #be9f8e; --primary-semi-dark: #715241; --primary-dark: #513b2f; --primary-ultra-dark: #201713; --primary-comp: #59849b; --primary-medium: #a2755d; --secondary: #208027; --secondary-hover: #25932c; --secondary-ultra-light: #ebfaec; --secondary-light: #c2f0c5; --secondary-semi-light: #70db77; --secondary-semi-dark: #248f2b; --secondary-dark: #1a661f; --secondary-ultra-dark: #0a290c; --secondary-comp: #7e2078; --secondary-medium: #33cc3d; --accent: #bcc8a2; --accent-hover: #d5dcc4; --accent-ultra-light: #f3f6ef; --accent-light: #dce3cf; --accent-semi-light: #aebd8f; --accent-semi-dark: #627042; --accent-dark: #46502f; --accent-ultra-dark: #1c2013; --accent-comp: #aea2c8; --accent-medium: #8ca15e; --base: #0a2434; --base-hover: #0b293b; --base-ultra-light: #eaf4fb; --base-light: #bfdff3; --base-semi-light: #69b4e2; --base-semi-dark: #1d6796; --base-dark: #144a6b; --base-ultra-dark: #081e2b; --base-comp: #331a0a; --base-medium: #2994d6; --shade: #000000; --shade-hover: black; --shade-ultra-light: #f2f2f2; --shade-light: #d9d9d9; --shade-semi-light: #a6a6a6; --shade-semi-dark: #595959; --shade-dark: #404040; --shade-ultra-dark: #1a1a1a; --shade-comp: black; --shade-medium: gray; --neutral: #1d1c21; --neutral-hover: #222026; --neutral-ultra-light: #f2f1f3; --neutral-light: #d7d6dc; --neutral-semi-light: #a19fad; --neutral-semi-dark: #555260; --neutral-dark: #3d3b45; --neutral-ultra-dark: #18171c; --neutral-comp: #20211c; --neutral-medium: #79758a; --white: #fff; --black: #000; --danger: #DC3545; --danger-hover: #e35a67; --danger-ultra-light: #fbe9eb; --danger-light: #f4bec3; --danger-semi-light: #e46774; --danger-semi-dark: #981b27; --danger-dark: #410b11; --danger-ultra-dark: #2b080b; --danger-comp: #38dccb; --danger-medium: #d92638; --warning: #FFC10A; --warning-hover: #ffcc32; --warning-ultra-light: #fff9e6; --warning-light: #ffecb3; --warning-semi-light: #ffd24d; --warning-semi-dark: #b38600; --warning-dark: #4d3900; --warning-ultra-dark: #332600; --warning-comp: #0a47ff; --warning-medium: #ffbf00; --info: #18A2B8; --info-hover: #1cbcd5; --info-ultra-light: #e8f9fc; --info-light: #bbeef6; --info-semi-light: #61d8ea; --info-semi-dark: #158c9e; --info-dark: #093c44; --info-ultra-dark: #06282d; --info-comp: #b92e18; --info-medium: #1dc7e2; --success: #29A745; --success-hover: #2fc24f; --success-ultra-light: #eafaee; --success-light: #c1f0cc; --success-semi-light: #6fdc87; --success-semi-dark: #23903a; --success-dark: #0f3e19; --success-ultra-dark: #0a2911; --success-comp: #a8298d; --success-medium: #32cd53; --action-trans-10: rgba(205, 164, 35, 0.1); --action-trans-20: rgba(205, 164, 35, 0.2); --action-trans-30: rgba(205, 164, 35, 0.3); --action-trans-40: rgba(205, 164, 35, 0.4); --action-trans-50: rgba(205, 164, 35, 0.5); --action-trans-60: rgba(205, 164, 35, 0.6); --action-trans-70: rgba(205, 164, 35, 0.7); --action-trans-80: rgba(205, 164, 35, 0.8); --action-trans-90: rgba(205, 164, 35, 0.9); --action-light-trans-10: rgba(244, 231, 190, 0.1); --action-light-trans-20: rgba(244, 231, 190, 0.2); --action-light-trans-30: rgba(244, 231, 190, 0.3); --action-light-trans-40: rgba(244, 231, 190, 0.4); --action-light-trans-50: rgba(244, 231, 190, 0.5); --action-light-trans-60: rgba(244, 231, 190, 0.6); --action-light-trans-70: rgba(244, 231, 190, 0.7); --action-light-trans-80: rgba(244, 231, 190, 0.8); --action-light-trans-90: rgba(244, 231, 190, 0.9); --action-dark-trans-10: rgba(109, 88, 18, 0.1); --action-dark-trans-20: rgba(109, 88, 18, 0.2); --action-dark-trans-30: rgba(109, 88, 18, 0.3); --action-dark-trans-40: rgba(109, 88, 18, 0.4); --action-dark-trans-50: rgba(109, 88, 18, 0.5); --action-dark-trans-60: rgba(109, 88, 18, 0.6); --action-dark-trans-70: rgba(109, 88, 18, 0.7); --action-dark-trans-80: rgba(109, 88, 18, 0.8); --action-dark-trans-90: rgba(109, 88, 18, 0.9); --action-ultra-dark-trans-10: rgba(44, 35, 7, 0.1); --action-ultra-dark-trans-20: rgba(44, 35, 7, 0.2); --action-ultra-dark-trans-30: rgba(44, 35, 7, 0.3); --action-ultra-dark-trans-40: rgba(44, 35, 7, 0.4); --action-ultra-dark-trans-50: rgba(44, 35, 7, 0.5); --action-ultra-dark-trans-60: rgba(44, 35, 7, 0.6); --action-ultra-dark-trans-70: rgba(44, 35, 7, 0.7); --action-ultra-dark-trans-80: rgba(44, 35, 7, 0.8); --action-ultra-dark-trans-90: rgba(44, 35, 7, 0.9); --primary-trans-10: rgba(156, 112, 89, 0.1); --primary-trans-20: rgba(156, 112, 89, 0.2); --primary-trans-30: rgba(156, 112, 89, 0.3); --primary-trans-40: rgba(156, 112, 89, 0.4); --primary-trans-50: rgba(156, 112, 89, 0.5); --primary-trans-60: rgba(156, 112, 89, 0.6); --primary-trans-70: rgba(156, 112, 89, 0.7); --primary-trans-80: rgba(156, 112, 89, 0.8); --primary-trans-90: rgba(156, 112, 89, 0.9); --primary-light-trans-10: rgba(227, 214, 206, 0.1); --primary-light-trans-20: rgba(227, 214, 206, 0.2); --primary-light-trans-30: rgba(227, 214, 206, 0.3); --primary-light-trans-40: rgba(227, 214, 206, 0.4); --primary-light-trans-50: rgba(227, 214, 206, 0.5); --primary-light-trans-60: rgba(227, 214, 206, 0.6); --primary-light-trans-70: rgba(227, 214, 206, 0.7); --primary-light-trans-80: rgba(227, 214, 206, 0.8); --primary-light-trans-90: rgba(227, 214, 206, 0.9); --primary-dark-trans-10: rgba(81, 59, 47, 0.1); --primary-dark-trans-20: rgba(81, 59, 47, 0.2); --primary-dark-trans-30: rgba(81, 59, 47, 0.3); --primary-dark-trans-40: rgba(81, 59, 47, 0.4); --primary-dark-trans-50: rgba(81, 59, 47, 0.5); --primary-dark-trans-60: rgba(81, 59, 47, 0.6); --primary-dark-trans-70: rgba(81, 59, 47, 0.7); --primary-dark-trans-80: rgba(81, 59, 47, 0.8); --primary-dark-trans-90: rgba(81, 59, 47, 0.9); --primary-ultra-dark-trans-10: rgba(32, 23, 19, 0.1); --primary-ultra-dark-trans-20: rgba(32, 23, 19, 0.2); --primary-ultra-dark-trans-30: rgba(32, 23, 19, 0.3); --primary-ultra-dark-trans-40: rgba(32, 23, 19, 0.4); --primary-ultra-dark-trans-50: rgba(32, 23, 19, 0.5); --primary-ultra-dark-trans-60: rgba(32, 23, 19, 0.6); --primary-ultra-dark-trans-70: rgba(32, 23, 19, 0.7); --primary-ultra-dark-trans-80: rgba(32, 23, 19, 0.8); --primary-ultra-dark-trans-90: rgba(32, 23, 19, 0.9); --secondary-trans-10: rgba(32, 128, 39, 0.1); --secondary-trans-20: rgba(32, 128, 39, 0.2); --secondary-trans-30: rgba(32, 128, 39, 0.3); --secondary-trans-40: rgba(32, 128, 39, 0.4); --secondary-trans-50: rgba(32, 128, 39, 0.5); --secondary-trans-60: rgba(32, 128, 39, 0.6); --secondary-trans-70: rgba(32, 128, 39, 0.7); --secondary-trans-80: rgba(32, 128, 39, 0.8); --secondary-trans-90: rgba(32, 128, 39, 0.9); --secondary-light-trans-10: rgba(194, 240, 197, 0.1); --secondary-light-trans-20: rgba(194, 240, 197, 0.2); --secondary-light-trans-30: rgba(194, 240, 197, 0.3); --secondary-light-trans-40: rgba(194, 240, 197, 0.4); --secondary-light-trans-50: rgba(194, 240, 197, 0.5); --secondary-light-trans-60: rgba(194, 240, 197, 0.6); --secondary-light-trans-70: rgba(194, 240, 197, 0.7); --secondary-light-trans-80: rgba(194, 240, 197, 0.8); --secondary-light-trans-90: rgba(194, 240, 197, 0.9); --secondary-dark-trans-10: rgba(26, 102, 31, 0.1); --secondary-dark-trans-20: rgba(26, 102, 31, 0.2); --secondary-dark-trans-30: rgba(26, 102, 31, 0.3); --secondary-dark-trans-40: rgba(26, 102, 31, 0.4); --secondary-dark-trans-50: rgba(26, 102, 31, 0.5); --secondary-dark-trans-60: rgba(26, 102, 31, 0.6); --secondary-dark-trans-70: rgba(26, 102, 31, 0.7); --secondary-dark-trans-80: rgba(26, 102, 31, 0.8); --secondary-dark-trans-90: rgba(26, 102, 31, 0.9); --secondary-ultra-dark-trans-10: rgba(10, 41, 12, 0.1); --secondary-ultra-dark-trans-20: rgba(10, 41, 12, 0.2); --secondary-ultra-dark-trans-30: rgba(10, 41, 12, 0.3); --secondary-ultra-dark-trans-40: rgba(10, 41, 12, 0.4); --secondary-ultra-dark-trans-50: rgba(10, 41, 12, 0.5); --secondary-ultra-dark-trans-60: rgba(10, 41, 12, 0.6); --secondary-ultra-dark-trans-70: rgba(10, 41, 12, 0.7); --secondary-ultra-dark-trans-80: rgba(10, 41, 12, 0.8); --secondary-ultra-dark-trans-90: rgba(10, 41, 12, 0.9); --accent-trans-10: rgba(188, 200, 162, 0.1); --accent-trans-20: rgba(188, 200, 162, 0.2); --accent-trans-30: rgba(188, 200, 162, 0.3); --accent-trans-40: rgba(188, 200, 162, 0.4); --accent-trans-50: rgba(188, 200, 162, 0.5); --accent-trans-60: rgba(188, 200, 162, 0.6); --accent-trans-70: rgba(188, 200, 162, 0.7); --accent-trans-80: rgba(188, 200, 162, 0.8); --accent-trans-90: rgba(188, 200, 162, 0.9); --accent-light-trans-10: rgba(220, 227, 207, 0.1); --accent-light-trans-20: rgba(220, 227, 207, 0.2); --accent-light-trans-30: rgba(220, 227, 207, 0.3); --accent-light-trans-40: rgba(220, 227, 207, 0.4); --accent-light-trans-50: rgba(220, 227, 207, 0.5); --accent-light-trans-60: rgba(220, 227, 207, 0.6); --accent-light-trans-70: rgba(220, 227, 207, 0.7); --accent-light-trans-80: rgba(220, 227, 207, 0.8); --accent-light-trans-90: rgba(220, 227, 207, 0.9); --accent-dark-trans-10: rgba(70, 80, 47, 0.1); --accent-dark-trans-20: rgba(70, 80, 47, 0.2); --accent-dark-trans-30: rgba(70, 80, 47, 0.3); --accent-dark-trans-40: rgba(70, 80, 47, 0.4); --accent-dark-trans-50: rgba(70, 80, 47, 0.5); --accent-dark-trans-60: rgba(70, 80, 47, 0.6); --accent-dark-trans-70: rgba(70, 80, 47, 0.7); --accent-dark-trans-80: rgba(70, 80, 47, 0.8); --accent-dark-trans-90: rgba(70, 80, 47, 0.9); --accent-ultra-dark-trans-10: rgba(28, 32, 19, 0.1); --accent-ultra-dark-trans-20: rgba(28, 32, 19, 0.2); --accent-ultra-dark-trans-30: rgba(28, 32, 19, 0.3); --accent-ultra-dark-trans-40: rgba(28, 32, 19, 0.4); --accent-ultra-dark-trans-50: rgba(28, 32, 19, 0.5); --accent-ultra-dark-trans-60: rgba(28, 32, 19, 0.6); --accent-ultra-dark-trans-70: rgba(28, 32, 19, 0.7); --accent-ultra-dark-trans-80: rgba(28, 32, 19, 0.8); --accent-ultra-dark-trans-90: rgba(28, 32, 19, 0.9); --base-trans-10: rgba(10, 36, 52, 0.1); --base-trans-20: rgba(10, 36, 52, 0.2); --base-trans-30: rgba(10, 36, 52, 0.3); --base-trans-40: rgba(10, 36, 52, 0.4); --base-trans-50: rgba(10, 36, 52, 0.5); --base-trans-60: rgba(10, 36, 52, 0.6); --base-trans-70: rgba(10, 36, 52, 0.7); --base-trans-80: rgba(10, 36, 52, 0.8); --base-trans-90: rgba(10, 36, 52, 0.9); --base-light-trans-10: rgba(191, 223, 243, 0.1); --base-light-trans-20: rgba(191, 223, 243, 0.2); --base-light-trans-30: rgba(191, 223, 243, 0.3); --base-light-trans-40: rgba(191, 223, 243, 0.4); --base-light-trans-50: rgba(191, 223, 243, 0.5); --base-light-trans-60: rgba(191, 223, 243, 0.6); --base-light-trans-70: rgba(191, 223, 243, 0.7); --base-light-trans-80: rgba(191, 223, 243, 0.8); --base-light-trans-90: rgba(191, 223, 243, 0.9); --base-dark-trans-10: rgba(20, 74, 107, 0.1); --base-dark-trans-20: rgba(20, 74, 107, 0.2); --base-dark-trans-30: rgba(20, 74, 107, 0.3); --base-dark-trans-40: rgba(20, 74, 107, 0.4); --base-dark-trans-50: rgba(20, 74, 107, 0.5); --base-dark-trans-60: rgba(20, 74, 107, 0.6); --base-dark-trans-70: rgba(20, 74, 107, 0.7); --base-dark-trans-80: rgba(20, 74, 107, 0.8); --base-dark-trans-90: rgba(20, 74, 107, 0.9); --base-ultra-dark-trans-10: rgba(8, 30, 43, 0.1); --base-ultra-dark-trans-20: rgba(8, 30, 43, 0.2); --base-ultra-dark-trans-30: rgba(8, 30, 43, 0.3); --base-ultra-dark-trans-40: rgba(8, 30, 43, 0.4); --base-ultra-dark-trans-50: rgba(8, 30, 43, 0.5); --base-ultra-dark-trans-60: rgba(8, 30, 43, 0.6); --base-ultra-dark-trans-70: rgba(8, 30, 43, 0.7); --base-ultra-dark-trans-80: rgba(8, 30, 43, 0.8); --base-ultra-dark-trans-90: rgba(8, 30, 43, 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(29, 28, 33, 0.1); --neutral-trans-20: rgba(29, 28, 33, 0.2); --neutral-trans-30: rgba(29, 28, 33, 0.3); --neutral-trans-40: rgba(29, 28, 33, 0.4); --neutral-trans-50: rgba(29, 28, 33, 0.5); --neutral-trans-60: rgba(29, 28, 33, 0.6); --neutral-trans-70: rgba(29, 28, 33, 0.7); --neutral-trans-80: rgba(29, 28, 33, 0.8); --neutral-trans-90: rgba(29, 28, 33, 0.9); --neutral-light-trans-10: rgba(215, 214, 220, 0.1); --neutral-light-trans-20: rgba(215, 214, 220, 0.2); --neutral-light-trans-30: rgba(215, 214, 220, 0.3); --neutral-light-trans-40: rgba(215, 214, 220, 0.4); --neutral-light-trans-50: rgba(215, 214, 220, 0.5); --neutral-light-trans-60: rgba(215, 214, 220, 0.6); --neutral-light-trans-70: rgba(215, 214, 220, 0.7); --neutral-light-trans-80: rgba(215, 214, 220, 0.8); --neutral-light-trans-90: rgba(215, 214, 220, 0.9); --neutral-dark-trans-10: rgba(61, 59, 69, 0.1); --neutral-dark-trans-20: rgba(61, 59, 69, 0.2); --neutral-dark-trans-30: rgba(61, 59, 69, 0.3); --neutral-dark-trans-40: rgba(61, 59, 69, 0.4); --neutral-dark-trans-50: rgba(61, 59, 69, 0.5); --neutral-dark-trans-60: rgba(61, 59, 69, 0.6); --neutral-dark-trans-70: rgba(61, 59, 69, 0.7); --neutral-dark-trans-80: rgba(61, 59, 69, 0.8); --neutral-dark-trans-90: rgba(61, 59, 69, 0.9); --neutral-ultra-dark-trans-10: rgba(24, 23, 28, 0.1); --neutral-ultra-dark-trans-20: rgba(24, 23, 28, 0.2); --neutral-ultra-dark-trans-30: rgba(24, 23, 28, 0.3); --neutral-ultra-dark-trans-40: rgba(24, 23, 28, 0.4); --neutral-ultra-dark-trans-50: rgba(24, 23, 28, 0.5); --neutral-ultra-dark-trans-60: rgba(24, 23, 28, 0.6); --neutral-ultra-dark-trans-70: rgba(24, 23, 28, 0.7); --neutral-ultra-dark-trans-80: rgba(24, 23, 28, 0.8); --neutral-ultra-dark-trans-90: rgba(24, 23, 28, 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); --danger-trans-10: rgba(220, 53, 69, 0.1); --danger-trans-20: rgba(220, 53, 69, 0.2); --danger-trans-30: rgba(220, 53, 69, 0.3); --danger-trans-40: rgba(220, 53, 69, 0.4); --danger-trans-50: rgba(220, 53, 69, 0.5); --danger-trans-60: rgba(220, 53, 69, 0.6); --danger-trans-70: rgba(220, 53, 69, 0.7); --danger-trans-80: rgba(220, 53, 69, 0.8); --danger-trans-90: rgba(220, 53, 69, 0.9); --danger-light-trans-10: rgba(244, 190, 195, 0.1); --danger-light-trans-20: rgba(244, 190, 195, 0.2); --danger-light-trans-30: rgba(244, 190, 195, 0.3); --danger-light-trans-40: rgba(244, 190, 195, 0.4); --danger-light-trans-50: rgba(244, 190, 195, 0.5); --danger-light-trans-60: rgba(244, 190, 195, 0.6); --danger-light-trans-70: rgba(244, 190, 195, 0.7); --danger-light-trans-80: rgba(244, 190, 195, 0.8); --danger-light-trans-90: rgba(244, 190, 195, 0.9); --danger-dark-trans-10: rgba(65, 11, 17, 0.1); --danger-dark-trans-20: rgba(65, 11, 17, 0.2); --danger-dark-trans-30: rgba(65, 11, 17, 0.3); --danger-dark-trans-40: rgba(65, 11, 17, 0.4); --danger-dark-trans-50: rgba(65, 11, 17, 0.5); --danger-dark-trans-60: rgba(65, 11, 17, 0.6); --danger-dark-trans-70: rgba(65, 11, 17, 0.7); --danger-dark-trans-80: rgba(65, 11, 17, 0.8); --danger-dark-trans-90: rgba(65, 11, 17, 0.9); --danger-ultra-dark-trans-10: rgba(43, 8, 11, 0.1); --danger-ultra-dark-trans-20: rgba(43, 8, 11, 0.2); --danger-ultra-dark-trans-30: rgba(43, 8, 11, 0.3); --danger-ultra-dark-trans-40: rgba(43, 8, 11, 0.4); --danger-ultra-dark-trans-50: rgba(43, 8, 11, 0.5); --danger-ultra-dark-trans-60: rgba(43, 8, 11, 0.6); --danger-ultra-dark-trans-70: rgba(43, 8, 11, 0.7); --danger-ultra-dark-trans-80: rgba(43, 8, 11, 0.8); --danger-ultra-dark-trans-90: rgba(43, 8, 11, 0.9); --warning-trans-10: rgba(255, 193, 10, 0.1); --warning-trans-20: rgba(255, 193, 10, 0.2); --warning-trans-30: rgba(255, 193, 10, 0.3); --warning-trans-40: rgba(255, 193, 10, 0.4); --warning-trans-50: rgba(255, 193, 10, 0.5); --warning-trans-60: rgba(255, 193, 10, 0.6); --warning-trans-70: rgba(255, 193, 10, 0.7); --warning-trans-80: rgba(255, 193, 10, 0.8); --warning-trans-90: rgba(255, 193, 10, 0.9); --warning-light-trans-10: rgba(255, 236, 179, 0.1); --warning-light-trans-20: rgba(255, 236, 179, 0.2); --warning-light-trans-30: rgba(255, 236, 179, 0.3); --warning-light-trans-40: rgba(255, 236, 179, 0.4); --warning-light-trans-50: rgba(255, 236, 179, 0.5); --warning-light-trans-60: rgba(255, 236, 179, 0.6); --warning-light-trans-70: rgba(255, 236, 179, 0.7); --warning-light-trans-80: rgba(255, 236, 179, 0.8); --warning-light-trans-90: rgba(255, 236, 179, 0.9); --warning-dark-trans-10: rgba(77, 57, 0, 0.1); --warning-dark-trans-20: rgba(77, 57, 0, 0.2); --warning-dark-trans-30: rgba(77, 57, 0, 0.3); --warning-dark-trans-40: rgba(77, 57, 0, 0.4); --warning-dark-trans-50: rgba(77, 57, 0, 0.5); --warning-dark-trans-60: rgba(77, 57, 0, 0.6); --warning-dark-trans-70: rgba(77, 57, 0, 0.7); --warning-dark-trans-80: rgba(77, 57, 0, 0.8); --warning-dark-trans-90: rgba(77, 57, 0, 0.9); --warning-ultra-dark-trans-10: rgba(51, 38, 0, 0.1); --warning-ultra-dark-trans-20: rgba(51, 38, 0, 0.2); --warning-ultra-dark-trans-30: rgba(51, 38, 0, 0.3); --warning-ultra-dark-trans-40: rgba(51, 38, 0, 0.4); --warning-ultra-dark-trans-50: rgba(51, 38, 0, 0.5); --warning-ultra-dark-trans-60: rgba(51, 38, 0, 0.6); --warning-ultra-dark-trans-70: rgba(51, 38, 0, 0.7); --warning-ultra-dark-trans-80: rgba(51, 38, 0, 0.8); --warning-ultra-dark-trans-90: rgba(51, 38, 0, 0.9); --info-trans-10: rgba(24, 162, 184, 0.1); --info-trans-20: rgba(24, 162, 184, 0.2); --info-trans-30: rgba(24, 162, 184, 0.3); --info-trans-40: rgba(24, 162, 184, 0.4); --info-trans-50: rgba(24, 162, 184, 0.5); --info-trans-60: rgba(24, 162, 184, 0.6); --info-trans-70: rgba(24, 162, 184, 0.7); --info-trans-80: rgba(24, 162, 184, 0.8); --info-trans-90: rgba(24, 162, 184, 0.9); --info-light-trans-10: rgba(187, 238, 246, 0.1); --info-light-trans-20: rgba(187, 238, 246, 0.2); --info-light-trans-30: rgba(187, 238, 246, 0.3); --info-light-trans-40: rgba(187, 238, 246, 0.4); --info-light-trans-50: rgba(187, 238, 246, 0.5); --info-light-trans-60: rgba(187, 238, 246, 0.6); --info-light-trans-70: rgba(187, 238, 246, 0.7); --info-light-trans-80: rgba(187, 238, 246, 0.8); --info-light-trans-90: rgba(187, 238, 246, 0.9); --info-dark-trans-10: rgba(9, 60, 68, 0.1); --info-dark-trans-20: rgba(9, 60, 68, 0.2); --info-dark-trans-30: rgba(9, 60, 68, 0.3); --info-dark-trans-40: rgba(9, 60, 68, 0.4); --info-dark-trans-50: rgba(9, 60, 68, 0.5); --info-dark-trans-60: rgba(9, 60, 68, 0.6); --info-dark-trans-70: rgba(9, 60, 68, 0.7); --info-dark-trans-80: rgba(9, 60, 68, 0.8); --info-dark-trans-90: rgba(9, 60, 68, 0.9); --info-ultra-dark-trans-10: rgba(6, 40, 45, 0.1); --info-ultra-dark-trans-20: rgba(6, 40, 45, 0.2); --info-ultra-dark-trans-30: rgba(6, 40, 45, 0.3); --info-ultra-dark-trans-40: rgba(6, 40, 45, 0.4); --info-ultra-dark-trans-50: rgba(6, 40, 45, 0.5); --info-ultra-dark-trans-60: rgba(6, 40, 45, 0.6); --info-ultra-dark-trans-70: rgba(6, 40, 45, 0.7); --info-ultra-dark-trans-80: rgba(6, 40, 45, 0.8); --info-ultra-dark-trans-90: rgba(6, 40, 45, 0.9); --success-trans-10: rgba(41, 167, 69, 0.1); --success-trans-20: rgba(41, 167, 69, 0.2); --success-trans-30: rgba(41, 167, 69, 0.3); --success-trans-40: rgba(41, 167, 69, 0.4); --success-trans-50: rgba(41, 167, 69, 0.5); --success-trans-60: rgba(41, 167, 69, 0.6); --success-trans-70: rgba(41, 167, 69, 0.7); --success-trans-80: rgba(41, 167, 69, 0.8); --success-trans-90: rgba(41, 167, 69, 0.9); --success-light-trans-10: rgba(193, 240, 204, 0.1); --success-light-trans-20: rgba(193, 240, 204, 0.2); --success-light-trans-30: rgba(193, 240, 204, 0.3); --success-light-trans-40: rgba(193, 240, 204, 0.4); --success-light-trans-50: rgba(193, 240, 204, 0.5); --success-light-trans-60: rgba(193, 240, 204, 0.6); --success-light-trans-70: rgba(193, 240, 204, 0.7); --success-light-trans-80: rgba(193, 240, 204, 0.8); --success-light-trans-90: rgba(193, 240, 204, 0.9); --success-dark-trans-10: rgba(15, 62, 25, 0.1); --success-dark-trans-20: rgba(15, 62, 25, 0.2); --success-dark-trans-30: rgba(15, 62, 25, 0.3); --success-dark-trans-40: rgba(15, 62, 25, 0.4); --success-dark-trans-50: rgba(15, 62, 25, 0.5); --success-dark-trans-60: rgba(15, 62, 25, 0.6); --success-dark-trans-70: rgba(15, 62, 25, 0.7); --success-dark-trans-80: rgba(15, 62, 25, 0.8); --success-dark-trans-90: rgba(15, 62, 25, 0.9); --success-ultra-dark-trans-10: rgba(10, 41, 17, 0.1); --success-ultra-dark-trans-20: rgba(10, 41, 17, 0.2); --success-ultra-dark-trans-30: rgba(10, 41, 17, 0.3); --success-ultra-dark-trans-40: rgba(10, 41, 17, 0.4); --success-ultra-dark-trans-50: rgba(10, 41, 17, 0.5); --success-ultra-dark-trans-60: rgba(10, 41, 17, 0.6); --success-ultra-dark-trans-70: rgba(10, 41, 17, 0.7); --success-ultra-dark-trans-80: rgba(10, 41, 17, 0.8); --success-ultra-dark-trans-90: rgba(10, 41, 17, 0.9); --shade-white: #fff; --shade-black: #000; --bg-ultra-light: var(--white); --bg-light: var(--neutral-ultra-light); --bg-dark: var(--neutral-ultra-dark); --bg-ultra-dark: var(--black); --text-light: var(--white); --text-light-muted: var(--neutral-light); --text-dark: var(--black); --text-dark-muted: var(--neutral-dark); --body-bg-color: var(--white); --body-color: var(--neutral); --heading-color: var(--neutral); }
:root { --on: initial; --off: ; --section-padding-x: 2.4rem; --section-padding-block: var(--section-space-m); --section-gutter: 2.4rem; --gutter: 2.4rem; --text-xs: 1.26rem; --text-s: 1.42rem; --text-m: 1.8rem; --text-l: 2.025rem; --text-xl: 2.28rem; --text-xxl: 2.565rem; --root-font-size: 62.5%; --h6: 1.26rem; --h5: 1.42rem; --h4: 1.8rem; --h3: 2.025rem; --h2: 2.28rem; --h1: 2.565rem; --space-xs: 1.896rem; --space-s: 2.133rem; --space-m: 2.4rem; --space-l: 2.7rem; --space-xl: 3.038rem; --space-xxl: 3.42rem; --section-space-xs: 3.84rem; --section-space-s: 4.8rem; --section-space-m: 6rem; --section-space-l: 7.5rem; --section-space-xl: 9.375rem; --section-space-xxl: 11.719rem; --content-width: 128rem; --content-width-safe: min(var(--content-width), calc(100% - var(--gutter) * 2)); --width-xs: calc(var(--content-width) * 0.1); --width-s: calc(var(--content-width) * 0.2); --width-m: calc(var(--content-width) * 0.4); --width-l: calc(var(--content-width) * 0.6); --width-xl: calc(var(--content-width) * 0.8); --width-xxl: calc(var(--content-width) * 0.9); --width-vp-max: calc(var(--content-width) * 1); --width-content: calc(var(--content-width) * 1); --width-full: calc(var(--content-width) * 100%); --width-10: calc(var(--content-width) * 0.1); --width-20: calc(var(--content-width) * 0.2); --width-30: calc(var(--content-width) * 0.3); --width-40: calc(var(--content-width) * 0.4); --width-50: calc(var(--content-width) * 0.5); --width-60: calc(var(--content-width) * 0.6); --width-70: calc(var(--content-width) * 0.7); --width-80: calc(var(--content-width) * 0.8); --width-90: calc(var(--content-width) * 0.9); --focus-color: var(--action); --focus-width: 0.2rem; --focus-offset: 0.25em; --box-shadow-m: 0 4px 4px -10px rgba(29, 28, 33, 0.04), 0 13px 13px -10px rgba(29, 28, 33, 0.06), 0 40px 60px -10px rgba(29, 28, 33, 0.08); --box-shadow-l: 0 2.7px 3.6px -5px rgba(29, 28, 33, 0.04), 0 7.5px 10px -5px rgba(29, 28, 33, 0.06), 0 18px 24.1px -5px rgba(29, 28, 33, 0.08), 0 60px 80px -5px rgba(29, 28, 33, 0.1); --box-shadow-xl: 2.8px 2.8px 2.2px rgba(29, 28, 33, 0.02), 0 6.7px 5.3px -5px rgba(29, 28, 33, 0.04), 0 12.5px 10px -5px rgba(29, 28, 33, 0.06), 0 22.3px 17.9px -5px rgba(29, 28, 33, 0.08), 0 41.8px 33.4px -5px rgba(29, 28, 33, 0.1), 0 80px 80px -5px rgba(29, 28, 33, 0.105); --box-shadow-1: 0 4px 4px -10px rgba(29, 28, 33, 0.04), 0 13px 13px -10px rgba(29, 28, 33, 0.06), 0 40px 60px -10px rgba(29, 28, 33, 0.08); --box-shadow-2: 0 2.7px 3.6px -5px rgba(29, 28, 33, 0.04), 0 7.5px 10px -5px rgba(29, 28, 33, 0.06), 0 18px 24.1px -5px rgba(29, 28, 33, 0.08), 0 60px 80px -5px rgba(29, 28, 33, 0.1); --box-shadow-3: 2.8px 2.8px 2.2px rgba(29, 28, 33, 0.02), 0 6.7px 5.3px -5px rgba(29, 28, 33, 0.04), 0 12.5px 10px -5px rgba(29, 28, 33, 0.06), 0 22.3px 17.9px -5px rgba(29, 28, 33, 0.08), 0 41.8px 33.4px -5px rgba(29, 28, 33, 0.1), 0 80px 80px -5px rgba(29, 28, 33, 0.105); --admin-bar-height: var(--wp-admin--admin-bar--height, 0px); --text-xxl-line-height: 1.5; --text-xxl-max-width: 20ch; --text-xl-line-height: 1.5; --text-l-line-height: 1.5; --text-m-line-height: calc(6px + 2ex); --text-m-max-width: 100%; --text-s-line-height: 1.5; --text-xs-line-height: 1.5; --base-text-lh: calc(6px + 2ex); --heading-font-family: book antiqua; --heading-color: var(--neutral); --heading-line-height: calc(4px + 2ex); --heading-font-weight: 600; --heading-text-wrap: pretty; --base-heading-lh: calc(4px + 2ex); --h1-font-family: book antiqua; --h1-line-height: 1.2; --h1-max-width: 100%; --h2-font-family: book antiqua; --h2-line-height: 1.2; --h3-font-family: book antiqua; --h3-line-height: 1.2; --h4-font-family: book antiqua; --h4-line-height: calc(4px + 2ex); --h5-font-family: book antiqua; --h5-line-height: 1.2; --h6-font-family: book antiqua; --h6-line-height: 1.2; --text-font-family: Poppins, san-serif; --text-color: var(--neutral); --text-line-height: calc(6px + 2ex); --text-text-wrap: pretty; }
:root { --grid-1: repeat(1, minmax(0, 1fr)); --grid-2: repeat(2, minmax(0, 1fr)); --grid-3: repeat(3, minmax(0, 1fr)); --grid-4: repeat(4, minmax(0, 1fr)); --grid-5: repeat(5, minmax(0, 1fr)); --grid-6: repeat(6, minmax(0, 1fr)); --grid-7: repeat(7, minmax(0, 1fr)); --grid-8: repeat(8, minmax(0, 1fr)); --grid-9: repeat(9, minmax(0, 1fr)); --grid-10: repeat(10, minmax(0, 1fr)); --grid-11: repeat(11, minmax(0, 1fr)); --grid-12: repeat(12, minmax(0, 1fr)); --grid-1-2: minmax(0, 1fr) minmax(0, 2fr); --grid-1-3: minmax(0, 1fr) minmax(0, 3fr); --grid-2-1: minmax(0, 2fr) minmax(0, 1fr); --grid-2-3: minmax(0, 2fr) minmax(0, 3fr); --grid-3-1: minmax(0, 3fr) minmax(0, 1fr); --grid-3-2: minmax(0, 3fr) minmax(0, 2fr); }
:root { --grid-auto-2: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((2 - 1) * var(--grid-gap))) / 2) * 0.7, (100% - (2 - 1) * var(--grid-gap)) / 2)), 1fr)); --grid-auto-3: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((3 - 1) * var(--grid-gap))) / 3) * 0.7, (100% - (3 - 1) * var(--grid-gap)) / 3)), 1fr)); --grid-auto-4: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((4 - 1) * var(--grid-gap))) / 4) * 0.7, (100% - (4 - 1) * var(--grid-gap)) / 4)), 1fr)); --grid-auto-5: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((5 - 1) * var(--grid-gap))) / 5) * 0.7, (100% - (5 - 1) * var(--grid-gap)) / 5)), 1fr)); --grid-auto-6: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((6 - 1) * var(--grid-gap))) / 6) * 0.7, (100% - (6 - 1) * var(--grid-gap)) / 6)), 1fr)); --grid-auto-7: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((7 - 1) * var(--grid-gap))) / 7) * 0.7, (100% - (7 - 1) * var(--grid-gap)) / 7)), 1fr)); --grid-auto-8: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((8 - 1) * var(--grid-gap))) / 8) * 0.7, (100% - (8 - 1) * var(--grid-gap)) / 8)), 1fr)); --grid-auto-9: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((9 - 1) * var(--grid-gap))) / 9) * 0.7, (100% - (9 - 1) * var(--grid-gap)) / 9)), 1fr)); --grid-auto-10: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((10 - 1) * var(--grid-gap))) / 10) * 0.7, (100% - (10 - 1) * var(--grid-gap)) / 10)), 1fr)); --grid-auto-11: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((11 - 1) * var(--grid-gap))) / 11) * 0.7, (100% - (11 - 1) * var(--grid-gap)) / 11)), 1fr)); --grid-auto-12: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((12 - 1) * var(--grid-gap))) / 12) * 0.7, (100% - (12 - 1) * var(--grid-gap)) / 12)), 1fr)); --auto-grid-aggressiveness: 0.7; }
:root { --header-height: 0rem; --header-height-xl: 0rem; --header-height-l: 0rem; --header-height-m: 0rem; --header-height-s: 0rem; }
@media (max-width: 1366px){
:root { --header-height: var(--header-height-xl); }
}
@media (max-width: 992px){
:root { --header-height: var(--header-height-l); }
}
@media (max-width: 768px){
:root { --header-height: var(--header-height-m); }
}
@media (max-width: 480px){
:root { --header-height: var(--header-height-s); }
}
:root { --option-primary-btn-outline: on; --option-secondary-btn-outline: on; --btn-padding-block: 0.7em; --btn-padding-inline: 1.2em; --btn-min-width: 0rem; --btn-line-height: 1; --btn-font-weight: 600; --btn-font-style: normal; --btn-text-decoration: none; --btn-text-decoration-hover: none; --btn-letter-spacing: 0; --btn-text-transform: inherit; --btn-border-width: 0.125rem; --btn-outline-border-width: 0.125rem; --btn-border-style: solid; --btn-border-radius: 0.3em; --btn-justify-content: center; --btn-text-align: center; }
:root { --btn-border-size: 0.125rem; --btn-radius: 0.3em; --outline-btn-border-size: 0.125rem; --btn-pad-x: 1.2em; --btn-pad-y: 0.7em; --btn-text-style: normal; --btn-weight: 600; --btn-width: 0; }
:root { --link-color: var(--action); --link-color-hover: var(--action-hover); --link-transition: var(--transition); --link-decoration: inherit; --link-decoration-hover: inherit; --link-underline-offset: 0; --link-weight: inherit; }
: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); --bg-ultra-light-text: var(--text-dark); --bg-light-text: var(--text-dark); --bg-dark-text: var(--text-light); --bg-ultra-dark-text: var(--text-light); --bg-ultra-light-heading: var(--text-dark); --bg-light-heading: var(--text-dark); --bg-dark-heading: var(--text-light); --bg-ultra-dark-heading: var(--text-light); --bg-ultra-light-button: primary; --bg-light-button: primary; --bg-dark-button: primary; --bg-ultra-dark-button: primary; }
:root { --radius: 0; --radius-50: 50%; --radius-circle: 50vw; --radius-none: 0; --radius-xs: 0; --radius-s: 0; --radius-m: 0; --radius-l: 0; --radius-xl: 0; --radius-xxl: 0; --border-size: 1px; --border-width: 1px; --border-style: solid; --border-color-dark: var(--black-trans-20); --border-color-light: var(--white-trans-20); --border: var(--border-size) var(--border-style) var(--border-color-dark); --border-light: var(--border-size) var(--border-style) var(--border-color-light); --border-dark: var(--border-size) var(--border-style) var(--border-color-dark); }
:root { --divider-size: 1px; --divider-style: solid; --divider-inline-size: 100%; --divider-gap: var(--content-gap); --divider-color-dark: var(--black-trans-20); --divider-color-light: var(--white-trans-20); --divider: var(--divider-size) var(--divider-style) var(--divider-color-dark); --divider-light: var(--divider-size) var(--divider-style) var(--divider-color-light); --divider-dark: var(--divider-size) var(--divider-style) var(--divider-color-dark); }
:root { --transition-duration: 0.3s; --transition-timing: ease-in-out; --transition-delay: 0s; --transition: background var(--transition-duration) var(--transition-timing) var(--transition-delay), color var(--transition-duration) var(--transition-timing) var(--transition-delay), border var(--transition-duration) var(--transition-timing) var(--transition-delay); }
body.boxed-layout { inline-size: 100%; max-inline-size: var(--body-max-width, 1920px); box-shadow: var(--body-box-shadow, 0 0 80px 0 var(--neutral-ultra-dark-trans-20)); border-color: var(--body-border-color, transparent); border-style: var(--body-border-style, none); border-width: var(--body-border-width, 0); border-radius: var(--body-border-radius, 0); margin-block-start: var(--body-margin-top, 0) !important; margin-inline: auto !important; }
body.boxed-layout header.sticky > *, body.boxed-layout #brx-header.sticky.sticky > * { width: var(--boxed-width); margin-inline: auto; }
[id] { scroll-margin-top: var(--offset, 0); }
html { font-size: var(--root-font-size) !important; }
:root { interpolate-size: allow-keywords; }
*, ::before, ::after { box-sizing: border-box; }
body { min-block-size: 100vh; }
input, button, textarea, select { font: inherit; }
.focus-parent:focus-within:not(:has(:focus-visible)) { outline: none; outline-offset: 0px; }
.focus-parent--shadow:focus-within:not(:has(:focus-visible)) { box-shadow: none; }
.focus-parent--outline:focus-within:not(:has(:focus-visible)) { outline: none; outline-offset: 0px; }
@media (prefers-reduced-motion: reduce){
html:focus-within { scroll-behavior: auto; }
*, ::before, ::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}
body:not(:has([data-sticky-header="0"]), .content-offset--off) .acss-offset-content:not(.panel-content) > :first-child > :first-child:not(.bricks-shape-divider) { margin-block-start: var(--header-height); }
:where(section:not(section section)) { padding-block: var(--section-padding-block); padding-inline: var(--gutter); }
:root, .color-scheme--main { --bg-ultra-light-text: var(--text-dark); --bg-light-text: var(--text-dark); --bg-dark-text: var(--text-light); --bg-ultra-dark-text: var(--text-light); --bg-ultra-light-heading: var(--text-dark); --bg-light-heading: var(--text-dark); --bg-dark-heading: var(--text-light); --bg-ultra-dark-heading: var(--text-light); }
.text--white.text--white, .text--white.text--white :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--white); }
.sticky.sticky { position: sticky; inset-block-start: var(--sticky-offset, var(--offset, 0)); }
[class*="col-"] > * { break-inside: avoid; }
@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.6rem + (0.2 * ((100vw - 32rem) / 96))); --text-l: calc(1.92rem + (0.4794 * ((100vw - 32rem) / 96))); --text-xl: calc(2.304rem + (0.8944002 * ((100vw - 32rem) / 96))); --text-xxl: calc(2.7648rem + (1.4986674666 * ((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: 1367px){
:root { --text-xs: 1.1rem; --text-s: 1.2rem; --text-m: 1.8rem; --text-l: 2.3994rem; --text-xl: 3.1984002rem; --text-xxl: 4.2634674666rem; --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.6rem, calc(0.2083333333vw + 1.5333333333rem), 1.8rem); --text-l: clamp(1.92rem, calc(0.499375vw + 1.7602rem), 2.3994rem); --text-xl: clamp(2.304rem, calc(0.931666875vw + 2.0058666rem), 3.1984002rem); --text-xxl: clamp(2.7648rem, calc(1.5611119444vw + 2.2652441778rem), 4.2634674666rem); --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.3506752532rem + (-0.0173419199 * ((100vw - 32rem) / 96))); --space-s: calc(1.8004501125rem + (0.1995498875 * ((100vw - 32rem) / 96))); --space-m: calc(2.4rem + (0.6 * ((100vw - 32rem) / 96))); --space-l: calc(3.1992rem + (1.3008 * ((100vw - 32rem) / 96))); --space-xl: calc(4.2645336rem + (2.4854664 * ((100vw - 32rem) / 96))); --space-xxl: calc(5.6846232888rem + (4.4403767112 * ((100vw - 32rem) / 96))); --section-space-xs: calc(4.0520257596rem + (1.2813075737 * ((100vw - 32rem) / 96))); --section-space-s: calc(5.4013503376rem + (2.5986496624 * ((100vw - 32rem) / 96))); --section-space-m: calc(7.2rem + (4.8 * ((100vw - 32rem) / 96))); --section-space-l: calc(9.5976rem + (8.4024 * ((100vw - 32rem) / 96))); --section-space-xl: calc(12.7936008rem + (14.2063992 * ((100vw - 32rem) / 96))); --section-space-xxl: calc(17.0538698664rem + (23.4461301336 * ((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: 1367px){
:root { --space-xs: 1.3333333333rem; --space-s: 2rem; --space-m: 3rem; --space-l: 4.5rem; --space-xl: 6.75rem; --space-xxl: 10.125rem; --section-space-xs: 5.3333333333rem; --section-space-s: 8rem; --section-space-m: 12rem; --section-space-l: 18rem; --section-space-xl: 27rem; --section-space-xxl: 40.5rem; --section-padding-x: 3rem; --gutter: 3rem; }
}
}
@supports (padding: clamp(1vw, 2vw, 3vw)){
:root { --space-xs: clamp(1.3506752532rem, calc(-0.0180644999vw + 1.3564558932rem), 1.3333333333rem); --space-s: clamp(1.8004501125rem, calc(0.2078644661vw + 1.7339334834rem), 2rem); --space-m: clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem); --space-l: clamp(3.1992rem, calc(1.355vw + 2.7656rem), 4.5rem); --space-xl: clamp(4.2645336rem, calc(2.5890275vw + 3.4360448rem), 6.75rem); --space-xxl: clamp(5.6846232888rem, calc(4.6253924075vw + 4.2044977184rem), 10.125rem); --section-space-xs: clamp(4.0520257596rem, calc(1.3346953893vw + 3.6249232351rem), 5.3333333333rem); --section-space-s: clamp(5.4013503376rem, calc(2.7069267317vw + 4.5351337834rem), 8rem); --section-space-m: clamp(7.2rem, calc(5vw + 5.6rem), 12rem); --section-space-l: clamp(9.5976rem, calc(8.7525vw + 6.7968rem), 18rem); --section-space-xl: clamp(12.7936008rem, calc(14.7983325vw + 8.0581344rem), 27rem); --section-space-xxl: clamp(17.0538698664rem, calc(24.4230522225vw + 9.2384931552rem), 40.5rem); --section-padding-x: clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem); --gutter: clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem); }
}
section:where(:not(.bricks-shape-divider)) { display: flex; flex-direction: column; align-items: center; gap: var(--container-gap); }
section > div:where(:not(.bricks-shape-divider)) { display: flex; flex-direction: column; align-items: flex-start; gap: var(--content-gap); }
:where(:where(.brxe-block)) { gap: var(--content-gap); }
:where(:where(.brxe-div)) { gap: var(--content-gap); }
:root { --f-label-size: clamp(1.4rem, calc(0.2083333333vw + 1.3333333333rem), 1.6rem); --f-label-font-weight: 400; --f-label-line-height: 1; --f-label-padding-x: 0; --f-label-padding-y: 0; --f-label-margin-bottom: 0.5em; --f-label-text-transform: none; --f-label-inside-position-left: 1.5em; --f-label-inside-position-top: 0; --f-label-inside-scale: 1; --f-legend-text-weight: 400; --f-legend-size: clamp(1.4rem, calc(0.2083333333vw + 1.3333333333rem), 1.6rem); --f-legend-margin-bottom: 1em; --f-legend-border: none; --f-legend-line-height: 1.2; --f-help-text-weight: 400; --f-help-size: clamp(1.2rem, calc(0.2083333333vw + 1.1333333333rem), 1.4rem); --f-help-line-height: 1.4; --f-help-margin-block: 0.5em 0; --f-field-margin-bottom: 1.5em; --f-fieldset-margin-bottom: 1.5em; --f-grid-gutter: 2rem; --f-input-border-style: solid; --f-input-border-top-size: 0.1rem; --f-input-border-right-size: 0.1rem; --f-input-border-bottom-size: 0.1rem; --f-input-border-left-size: 0.1rem; --f-input-border-radius: var(--btn-radius); --f-input-size: clamp(1.4rem, calc(0.4166666667vw + 1.2666666667rem), 1.8rem); --f-input-font-weight: 400; --f-input-line-height: 1; --f-input-height: 5rem; --f-input-padding-x: 1em; --f-input-padding-y: 0.5em; --f-btn-border-style: solid; --f-btn-border-width: var(--btn-border-width); --f-btn-border-radius: var(--btn-radius); --f-btn-text-size: clamp(1.4rem, calc(0.4166666667vw + 1.2666666667rem), 1.8rem); --f-btn-font-weight: 400; --f-btn-line-height: 1; --f-btn-padding-y: 0.75em; --f-btn-padding-x: 1.5em; --f-btn-margin-top: 0; --f-btn-text-decoration: none; --f-btn-text-transform: none; --f-option-label-font-weight: 400; --f-option-label-size: clamp(1.4rem, calc(0.2083333333vw + 1.3333333333rem), 1.6rem); --f-option-label-spacing: 0.5em; --f-option-label-line-height: 1.4; --f-progress-height: 3rem; --f-progress-bar-radius: var(--btn-radius); --f-tab-border-size: 0; --f-tab-border-style: solid; --f-tab-border-radius: 0; --f-tab-text-size: clamp(1.6rem, calc(0.2083333333vw + 1.5333333333rem), 1.8rem); --f-tab-text-weight: 400; --f-tab-text-line-height: 1; --f-tab-text-align: center; --f-tab-text-transform: none; --f-tab-text-decoration: none; --f-tab-padding-y: 0.75em; --f-tab-padding-x: 1.5em; --f-tab-margin-x: 0; --f-tab-width: auto; --f-tab-active-border-bottom-size: 3px; --f-tab-active-text-weight: 600; --f-tab-active-border-size: 0; --f-tab-active-border-style: solid; --f-tab-group-padding-y: 0; --f-tab-group-padding-x: 0; --f-tab-group-border-bottom-size: 2px; --f-tab-group-border-bottom-style: solid; --f-tab-group-margin-bottom: 3rem; }
.form--dark .wsf-form .wsf-label-position-inside input.wsf-field[placeholder]:hover:placeholder-shown:not(:focus) + label, .form--dark .wsf-form .wsf-label-position-inside input.wsf-field[placeholder]:hover:not(:focus):placeholder-shown + label, .form--dark .wsf-form .wsf-label-position-inside input.wsf-field[placeholder]:hover:placeholder-shown:not(:focus) + .wsf-input-group-append + label, .form--dark .wsf-form .wsf-label-position-inside input.wsf-field[placeholder]:hover:not(:focus):placeholder-shown + .wsf-input-group-append + label, .form--dark .wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder]:hover:placeholder-shown:not(:focus) + label, .form--dark .wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder]:hover:not(:focus):placeholder-shown + label, .form--dark .wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder]:hover:placeholder-shown:not(:focus) + .wsf-input-group-append + label, .form--dark .wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder]:hover:not(:focus):placeholder-shown + .wsf-input-group-append + label { color: var(--f-dark-input-placeholder-color-hover, var(--neutral-ultra-light)); }
.form--dark .wsf-form .wsf-label-position-inside input.wsf-field[placeholder]:placeholder-shown + label, .form--dark .wsf-form .wsf-label-position-inside input.wsf-field[placeholder]:placeholder-shown + .wsf-input-group-append + label, .form--dark .wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder]:placeholder-shown + label { opacity: var(--f-dark-input-placeholder-opacity, 0.5); }
.form--dark .wsf-form .wsf-label-position-inside input.wsf-field[placeholder]:focus:placeholder-shown + label, .form--dark .wsf-form .wsf-label-position-inside input.wsf-field[placeholder]:focus:placeholder-shown + .wsf-input-group-append + label, .form--dark .wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder]:focus:placeholder-shown + label { background-color: var(--f-dark-label-inside-background-color-focus, transparent); opacity: 1; }
.form--light .wsf-form .wsf-label-position-inside input.wsf-field[placeholder]:hover:placeholder-shown:not(:focus) + label, .form--light .wsf-form .wsf-label-position-inside input.wsf-field[placeholder]:hover:not(:focus):placeholder-shown + label, .form--light .wsf-form .wsf-label-position-inside input.wsf-field[placeholder]:hover:placeholder-shown:not(:focus) + .wsf-input-group-append + label, .form--light .wsf-form .wsf-label-position-inside input.wsf-field[placeholder]:hover:not(:focus):placeholder-shown + .wsf-input-group-append + label, .form--light .wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder]:hover:placeholder-shown:not(:focus) + label, .form--light .wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder]:hover:not(:focus):placeholder-shown + label, .form--light .wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder]:hover:placeholder-shown:not(:focus) + .wsf-input-group-append + label, .form--light .wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder]:hover:not(:focus):placeholder-shown + .wsf-input-group-append + label { color: var(--f-light-input-placeholder-color-hover, var(--neutral-dark)); }
.form--light .wsf-form .wsf-label-position-inside input.wsf-field[placeholder]:placeholder-shown + label, .form--light .wsf-form .wsf-label-position-inside input.wsf-field[placeholder]:placeholder-shown + .wsf-input-group-append + label, .form--light .wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder]:placeholder-shown + label { opacity: var(--f-light-input-placeholder-opacity, 0.5); }
.form--light .wsf-form .wsf-label-position-inside input.wsf-field[placeholder]:focus:placeholder-shown + label, .form--light .wsf-form .wsf-label-position-inside input.wsf-field[placeholder]:focus:placeholder-shown + .wsf-input-group-append + label, .form--light .wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder]:focus:placeholder-shown + label { background-color: var(--f-light-label-inside-background-color, transparent); opacity: 1; }
:where(img), :where(figure:not(figure:has(img))) { border-radius: var(--radius); }
/* from automatic-gutenberg.css */
:root { --wp-page-block-width: 100%; --wp-post-block-width: 767px; }
.btn--primary { --btn-background: var(--action); --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); --focus-color: var(--primary-dark); }
.btn--primary-light { --btn-background: var(--primary-ultra-light); --btn-background-hover: var(--primary-light); --btn-text-color: var(--primary); --btn-text-color-hover: var(--primary-ultra-dark); --btn-border-color: var(--primary-ultra-light); --btn-border-color-hover: var(--primary-light); --focus-color: var(--primary-light); }
.btn--primary.btn--outline { --btn-background: transparent; --btn-background-hover: var(--primary-hover); --btn-text-color: var(--primary); --btn-text-color-hover: var(--primary-ultra-light); --btn-border-width: 0.125rem; --btn-border-color: var(--primary); --btn-border-color-hover: var(--primary-hover); --focus-color: var(--primary-dark); }
.btn--primary-light.btn--outline { --btn-background: transparent; --btn-background-hover: var(--primary-light); --btn-text-color: var(--primary-light); --btn-text-color-hover: var(--primary-dark); --btn-border-width: 0.125rem; --btn-border-color: var(--primary-light); --btn-border-color-hover: var(--primary-light); --focus-color: var(--primary-dark); }
.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); --focus-color: var(--action-dark); }
.btn--white { --btn-background: var(--white); --btn-background-hover: var(--action-hover); --btn-text-color: var(--primary); --btn-text-color-hover: var(--white); --btn-border-color: var(--white); --btn-border-color-hover: var(--primary); --focus-color: var(--action); }
.btn--white.btn--outline { --btn-background: transparent; --btn-background-hover: var(--white); --btn-text-color: var(--white); --btn-text-color-hover: var(--primary); --btn-border-width: 0.125rem; --btn-border-color: var(--white); --btn-border-color-hover: var(--white); --focus-color: var(--action); }
[class*="btn--"]:not(.btn--none, .wp-block-button), .wp-block-button[class*="btn--"] > .wp-block-button__link, .wp-block-button[class*="btn--"] > a { background: var(--btn-background); color: var(--btn-text-color); 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, var(--text-m)); font-weight: var(--btn-font-weight); font-style: var(--btn-font-style); text-transform: var(--btn-text-transform); letter-spacing: var(--btn-letter-spacing); text-decoration: var(--btn-text-decoration); border-width: var(--btn-border-width); border-style: var(--btn-border-style); border-radius: var(--btn-radius); border-color: var(--btn-border-color); transition: var(--btn-transition, var(--transition)); justify-content: var(--btn-justify-content, center); text-align: var(--btn-text-align, center); }
@media (hover: hover) and (pointer: fine){
[class*="btn--"]:not(.btn--none, .wp-block-button):hover, .wp-block-button[class*="btn--"] > .wp-block-button__link:hover, .wp-block-button[class*="btn--"] > a:hover { background: var(--btn-background-hover); color: var(--btn-text-color-hover); border-color: var(--btn-border-color-hover); text-decoration: var(--btn-text-decoration-hover); }
}
[class*="btn--"]:not(.btn--none, .wp-block-button):focus, .wp-block-button[class*="btn--"] > .wp-block-button__link:focus, .wp-block-button[class*="btn--"] > a:focus { outline-style: solid; outline-color: var(--focus-color); outline-width: var(--focus-width); outline-offset: var(--focus-offset); }
a[class*="btn--"] { display: inline-flex; }
.btn--clear.btn--clear, .btn--none.btn--none { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
/* from automatic-bricks.css */
body.bricks-is-frontend.bricks-is-frontend :focus { outline: none; box-shadow: none; }
body.bricks-is-frontend.bricks-is-frontend :focus-visible { outline-style: solid; outline-color: var(--focus-color); outline-width: var(--focus-width); outline-offset: var(--focus-offset); }
@supports not selector(:focus-visible){
body.bricks-is-frontend.bricks-is-frontend :focus { outline-style: solid; outline-color: var(--focus-color); outline-width: var(--focus-width); outline-offset: var(--focus-offset); }
}
body.bricks-is-frontend.bricks-is-frontend :focus.focus--action { --focus-color: var(--action); }
body.bricks-is-frontend.bricks-is-frontend .focus--action :focus, body.bricks-is-frontend.bricks-is-frontend .focus--action:focus-within { --focus-color: var(--action); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--action-hover { --focus-color: var(--action-hover); }
body.bricks-is-frontend.bricks-is-frontend .focus--action-hover :focus, body.bricks-is-frontend.bricks-is-frontend .focus--action-hover:focus-within { --focus-color: var(--action-hover); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--action-ultra-light { --focus-color: var(--action-ultra-light); }
body.bricks-is-frontend.bricks-is-frontend .focus--action-ultra-light :focus, body.bricks-is-frontend.bricks-is-frontend .focus--action-ultra-light:focus-within { --focus-color: var(--action-ultra-light); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--action-light { --focus-color: var(--action-light); }
body.bricks-is-frontend.bricks-is-frontend .focus--action-light :focus, body.bricks-is-frontend.bricks-is-frontend .focus--action-light:focus-within { --focus-color: var(--action-light); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--action-semi-light { --focus-color: var(--action-semi-light); }
body.bricks-is-frontend.bricks-is-frontend .focus--action-semi-light :focus, body.bricks-is-frontend.bricks-is-frontend .focus--action-semi-light:focus-within { --focus-color: var(--action-semi-light); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--action-semi-dark { --focus-color: var(--action-semi-dark); }
body.bricks-is-frontend.bricks-is-frontend .focus--action-semi-dark :focus, body.bricks-is-frontend.bricks-is-frontend .focus--action-semi-dark:focus-within { --focus-color: var(--action-semi-dark); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--action-dark { --focus-color: var(--action-dark); }
body.bricks-is-frontend.bricks-is-frontend .focus--action-dark :focus, body.bricks-is-frontend.bricks-is-frontend .focus--action-dark:focus-within { --focus-color: var(--action-dark); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--action-ultra-dark { --focus-color: var(--action-ultra-dark); }
body.bricks-is-frontend.bricks-is-frontend .focus--action-ultra-dark :focus, body.bricks-is-frontend.bricks-is-frontend .focus--action-ultra-dark:focus-within { --focus-color: var(--action-ultra-dark); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--action-comp { --focus-color: var(--action-comp); }
body.bricks-is-frontend.bricks-is-frontend .focus--action-comp :focus, body.bricks-is-frontend.bricks-is-frontend .focus--action-comp:focus-within { --focus-color: var(--action-comp); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--action-medium { --focus-color: var(--action-medium); }
body.bricks-is-frontend.bricks-is-frontend .focus--action-medium :focus, body.bricks-is-frontend.bricks-is-frontend .focus--action-medium:focus-within { --focus-color: var(--action-medium); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--primary { --focus-color: var(--primary); }
body.bricks-is-frontend.bricks-is-frontend .focus--primary :focus, body.bricks-is-frontend.bricks-is-frontend .focus--primary:focus-within { --focus-color: var(--primary); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--primary-hover { --focus-color: var(--primary-hover); }
body.bricks-is-frontend.bricks-is-frontend .focus--primary-hover :focus, body.bricks-is-frontend.bricks-is-frontend .focus--primary-hover:focus-within { --focus-color: var(--primary-hover); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--primary-ultra-light { --focus-color: var(--primary-ultra-light); }
body.bricks-is-frontend.bricks-is-frontend .focus--primary-ultra-light :focus, body.bricks-is-frontend.bricks-is-frontend .focus--primary-ultra-light:focus-within { --focus-color: var(--primary-ultra-light); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--primary-light { --focus-color: var(--primary-light); }
body.bricks-is-frontend.bricks-is-frontend .focus--primary-light :focus, body.bricks-is-frontend.bricks-is-frontend .focus--primary-light:focus-within { --focus-color: var(--primary-light); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--primary-semi-light { --focus-color: var(--primary-semi-light); }
body.bricks-is-frontend.bricks-is-frontend .focus--primary-semi-light :focus, body.bricks-is-frontend.bricks-is-frontend .focus--primary-semi-light:focus-within { --focus-color: var(--primary-semi-light); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--primary-semi-dark { --focus-color: var(--primary-semi-dark); }
body.bricks-is-frontend.bricks-is-frontend .focus--primary-semi-dark :focus, body.bricks-is-frontend.bricks-is-frontend .focus--primary-semi-dark:focus-within { --focus-color: var(--primary-semi-dark); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--primary-dark { --focus-color: var(--primary-dark); }
body.bricks-is-frontend.bricks-is-frontend .focus--primary-dark :focus, body.bricks-is-frontend.bricks-is-frontend .focus--primary-dark:focus-within { --focus-color: var(--primary-dark); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--primary-ultra-dark { --focus-color: var(--primary-ultra-dark); }
body.bricks-is-frontend.bricks-is-frontend .focus--primary-ultra-dark :focus, body.bricks-is-frontend.bricks-is-frontend .focus--primary-ultra-dark:focus-within { --focus-color: var(--primary-ultra-dark); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--primary-comp { --focus-color: var(--primary-comp); }
body.bricks-is-frontend.bricks-is-frontend .focus--primary-comp :focus, body.bricks-is-frontend.bricks-is-frontend .focus--primary-comp:focus-within { --focus-color: var(--primary-comp); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--primary-medium { --focus-color: var(--primary-medium); }
body.bricks-is-frontend.bricks-is-frontend .focus--primary-medium :focus, body.bricks-is-frontend.bricks-is-frontend .focus--primary-medium:focus-within { --focus-color: var(--primary-medium); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--secondary { --focus-color: var(--secondary); }
body.bricks-is-frontend.bricks-is-frontend .focus--secondary :focus, body.bricks-is-frontend.bricks-is-frontend .focus--secondary:focus-within { --focus-color: var(--secondary); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--secondary-hover { --focus-color: var(--secondary-hover); }
body.bricks-is-frontend.bricks-is-frontend .focus--secondary-hover :focus, body.bricks-is-frontend.bricks-is-frontend .focus--secondary-hover:focus-within { --focus-color: var(--secondary-hover); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--secondary-ultra-light { --focus-color: var(--secondary-ultra-light); }
body.bricks-is-frontend.bricks-is-frontend .focus--secondary-ultra-light :focus, body.bricks-is-frontend.bricks-is-frontend .focus--secondary-ultra-light:focus-within { --focus-color: var(--secondary-ultra-light); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--secondary-light { --focus-color: var(--secondary-light); }
body.bricks-is-frontend.bricks-is-frontend .focus--secondary-light :focus, body.bricks-is-frontend.bricks-is-frontend .focus--secondary-light:focus-within { --focus-color: var(--secondary-light); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--secondary-semi-light { --focus-color: var(--secondary-semi-light); }
body.bricks-is-frontend.bricks-is-frontend .focus--secondary-semi-light :focus, body.bricks-is-frontend.bricks-is-frontend .focus--secondary-semi-light:focus-within { --focus-color: var(--secondary-semi-light); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--secondary-semi-dark { --focus-color: var(--secondary-semi-dark); }
body.bricks-is-frontend.bricks-is-frontend .focus--secondary-semi-dark :focus, body.bricks-is-frontend.bricks-is-frontend .focus--secondary-semi-dark:focus-within { --focus-color: var(--secondary-semi-dark); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--secondary-dark { --focus-color: var(--secondary-dark); }
body.bricks-is-frontend.bricks-is-frontend .focus--secondary-dark :focus, body.bricks-is-frontend.bricks-is-frontend .focus--secondary-dark:focus-within { --focus-color: var(--secondary-dark); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--secondary-ultra-dark { --focus-color: var(--secondary-ultra-dark); }
body.bricks-is-frontend.bricks-is-frontend .focus--secondary-ultra-dark :focus, body.bricks-is-frontend.bricks-is-frontend .focus--secondary-ultra-dark:focus-within { --focus-color: var(--secondary-ultra-dark); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--secondary-comp { --focus-color: var(--secondary-comp); }
body.bricks-is-frontend.bricks-is-frontend .focus--secondary-comp :focus, body.bricks-is-frontend.bricks-is-frontend .focus--secondary-comp:focus-within { --focus-color: var(--secondary-comp); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--secondary-medium { --focus-color: var(--secondary-medium); }
body.bricks-is-frontend.bricks-is-frontend .focus--secondary-medium :focus, body.bricks-is-frontend.bricks-is-frontend .focus--secondary-medium:focus-within { --focus-color: var(--secondary-medium); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--accent { --focus-color: var(--accent); }
body.bricks-is-frontend.bricks-is-frontend .focus--accent :focus, body.bricks-is-frontend.bricks-is-frontend .focus--accent:focus-within { --focus-color: var(--accent); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--accent-hover { --focus-color: var(--accent-hover); }
body.bricks-is-frontend.bricks-is-frontend .focus--accent-hover :focus, body.bricks-is-frontend.bricks-is-frontend .focus--accent-hover:focus-within { --focus-color: var(--accent-hover); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--accent-ultra-light { --focus-color: var(--accent-ultra-light); }
body.bricks-is-frontend.bricks-is-frontend .focus--accent-ultra-light :focus, body.bricks-is-frontend.bricks-is-frontend .focus--accent-ultra-light:focus-within { --focus-color: var(--accent-ultra-light); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--accent-light { --focus-color: var(--accent-light); }
body.bricks-is-frontend.bricks-is-frontend .focus--accent-light :focus, body.bricks-is-frontend.bricks-is-frontend .focus--accent-light:focus-within { --focus-color: var(--accent-light); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--accent-semi-light { --focus-color: var(--accent-semi-light); }
body.bricks-is-frontend.bricks-is-frontend .focus--accent-semi-light :focus, body.bricks-is-frontend.bricks-is-frontend .focus--accent-semi-light:focus-within { --focus-color: var(--accent-semi-light); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--accent-semi-dark { --focus-color: var(--accent-semi-dark); }
body.bricks-is-frontend.bricks-is-frontend .focus--accent-semi-dark :focus, body.bricks-is-frontend.bricks-is-frontend .focus--accent-semi-dark:focus-within { --focus-color: var(--accent-semi-dark); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--accent-dark { --focus-color: var(--accent-dark); }
body.bricks-is-frontend.bricks-is-frontend .focus--accent-dark :focus, body.bricks-is-frontend.bricks-is-frontend .focus--accent-dark:focus-within { --focus-color: var(--accent-dark); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--accent-ultra-dark { --focus-color: var(--accent-ultra-dark); }
body.bricks-is-frontend.bricks-is-frontend .focus--accent-ultra-dark :focus, body.bricks-is-frontend.bricks-is-frontend .focus--accent-ultra-dark:focus-within { --focus-color: var(--accent-ultra-dark); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--accent-comp { --focus-color: var(--accent-comp); }
body.bricks-is-frontend.bricks-is-frontend .focus--accent-comp :focus, body.bricks-is-frontend.bricks-is-frontend .focus--accent-comp:focus-within { --focus-color: var(--accent-comp); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--accent-medium { --focus-color: var(--accent-medium); }
body.bricks-is-frontend.bricks-is-frontend .focus--accent-medium :focus, body.bricks-is-frontend.bricks-is-frontend .focus--accent-medium:focus-within { --focus-color: var(--accent-medium); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--base { --focus-color: var(--base); }
body.bricks-is-frontend.bricks-is-frontend .focus--base :focus, body.bricks-is-frontend.bricks-is-frontend .focus--base:focus-within { --focus-color: var(--base); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--base-hover { --focus-color: var(--base-hover); }
body.bricks-is-frontend.bricks-is-frontend .focus--base-hover :focus, body.bricks-is-frontend.bricks-is-frontend .focus--base-hover:focus-within { --focus-color: var(--base-hover); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--base-ultra-light { --focus-color: var(--base-ultra-light); }
body.bricks-is-frontend.bricks-is-frontend .focus--base-ultra-light :focus, body.bricks-is-frontend.bricks-is-frontend .focus--base-ultra-light:focus-within { --focus-color: var(--base-ultra-light); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--base-light { --focus-color: var(--base-light); }
body.bricks-is-frontend.bricks-is-frontend .focus--base-light :focus, body.bricks-is-frontend.bricks-is-frontend .focus--base-light:focus-within { --focus-color: var(--base-light); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--base-semi-light { --focus-color: var(--base-semi-light); }
body.bricks-is-frontend.bricks-is-frontend .focus--base-semi-light :focus, body.bricks-is-frontend.bricks-is-frontend .focus--base-semi-light:focus-within { --focus-color: var(--base-semi-light); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--base-semi-dark { --focus-color: var(--base-semi-dark); }
body.bricks-is-frontend.bricks-is-frontend .focus--base-semi-dark :focus, body.bricks-is-frontend.bricks-is-frontend .focus--base-semi-dark:focus-within { --focus-color: var(--base-semi-dark); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--base-dark { --focus-color: var(--base-dark); }
body.bricks-is-frontend.bricks-is-frontend .focus--base-dark :focus, body.bricks-is-frontend.bricks-is-frontend .focus--base-dark:focus-within { --focus-color: var(--base-dark); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--base-ultra-dark { --focus-color: var(--base-ultra-dark); }
body.bricks-is-frontend.bricks-is-frontend .focus--base-ultra-dark :focus, body.bricks-is-frontend.bricks-is-frontend .focus--base-ultra-dark:focus-within { --focus-color: var(--base-ultra-dark); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--base-comp { --focus-color: var(--base-comp); }
body.bricks-is-frontend.bricks-is-frontend .focus--base-comp :focus, body.bricks-is-frontend.bricks-is-frontend .focus--base-comp:focus-within { --focus-color: var(--base-comp); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--base-medium { --focus-color: var(--base-medium); }
body.bricks-is-frontend.bricks-is-frontend .focus--base-medium :focus, body.bricks-is-frontend.bricks-is-frontend .focus--base-medium:focus-within { --focus-color: var(--base-medium); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--shade { --focus-color: var(--shade); }
body.bricks-is-frontend.bricks-is-frontend .focus--shade :focus, body.bricks-is-frontend.bricks-is-frontend .focus--shade:focus-within { --focus-color: var(--shade); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--shade-hover { --focus-color: var(--shade-hover); }
body.bricks-is-frontend.bricks-is-frontend .focus--shade-hover :focus, body.bricks-is-frontend.bricks-is-frontend .focus--shade-hover:focus-within { --focus-color: var(--shade-hover); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--shade-ultra-light { --focus-color: var(--shade-ultra-light); }
body.bricks-is-frontend.bricks-is-frontend .focus--shade-ultra-light :focus, body.bricks-is-frontend.bricks-is-frontend .focus--shade-ultra-light:focus-within { --focus-color: var(--shade-ultra-light); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--shade-light { --focus-color: var(--shade-light); }
body.bricks-is-frontend.bricks-is-frontend .focus--shade-light :focus, body.bricks-is-frontend.bricks-is-frontend .focus--shade-light:focus-within { --focus-color: var(--shade-light); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--shade-semi-light { --focus-color: var(--shade-semi-light); }
body.bricks-is-frontend.bricks-is-frontend .focus--shade-semi-light :focus, body.bricks-is-frontend.bricks-is-frontend .focus--shade-semi-light:focus-within { --focus-color: var(--shade-semi-light); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--shade-semi-dark { --focus-color: var(--shade-semi-dark); }
body.bricks-is-frontend.bricks-is-frontend .focus--shade-semi-dark :focus, body.bricks-is-frontend.bricks-is-frontend .focus--shade-semi-dark:focus-within { --focus-color: var(--shade-semi-dark); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--shade-dark { --focus-color: var(--shade-dark); }
body.bricks-is-frontend.bricks-is-frontend .focus--shade-dark :focus, body.bricks-is-frontend.bricks-is-frontend .focus--shade-dark:focus-within { --focus-color: var(--shade-dark); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--shade-ultra-dark { --focus-color: var(--shade-ultra-dark); }
body.bricks-is-frontend.bricks-is-frontend .focus--shade-ultra-dark :focus, body.bricks-is-frontend.bricks-is-frontend .focus--shade-ultra-dark:focus-within { --focus-color: var(--shade-ultra-dark); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--shade-comp { --focus-color: var(--shade-comp); }
body.bricks-is-frontend.bricks-is-frontend .focus--shade-comp :focus, body.bricks-is-frontend.bricks-is-frontend .focus--shade-comp:focus-within { --focus-color: var(--shade-comp); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--shade-medium { --focus-color: var(--shade-medium); }
body.bricks-is-frontend.bricks-is-frontend .focus--shade-medium :focus, body.bricks-is-frontend.bricks-is-frontend .focus--shade-medium:focus-within { --focus-color: var(--shade-medium); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--neutral { --focus-color: var(--neutral); }
body.bricks-is-frontend.bricks-is-frontend .focus--neutral :focus, body.bricks-is-frontend.bricks-is-frontend .focus--neutral:focus-within { --focus-color: var(--neutral); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--neutral-hover { --focus-color: var(--neutral-hover); }
body.bricks-is-frontend.bricks-is-frontend .focus--neutral-hover :focus, body.bricks-is-frontend.bricks-is-frontend .focus--neutral-hover:focus-within { --focus-color: var(--neutral-hover); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--neutral-ultra-light { --focus-color: var(--neutral-ultra-light); }
body.bricks-is-frontend.bricks-is-frontend .focus--neutral-ultra-light :focus, body.bricks-is-frontend.bricks-is-frontend .focus--neutral-ultra-light:focus-within { --focus-color: var(--neutral-ultra-light); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--neutral-light { --focus-color: var(--neutral-light); }
body.bricks-is-frontend.bricks-is-frontend .focus--neutral-light :focus, body.bricks-is-frontend.bricks-is-frontend .focus--neutral-light:focus-within { --focus-color: var(--neutral-light); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--neutral-semi-light { --focus-color: var(--neutral-semi-light); }
body.bricks-is-frontend.bricks-is-frontend .focus--neutral-semi-light :focus, body.bricks-is-frontend.bricks-is-frontend .focus--neutral-semi-light:focus-within { --focus-color: var(--neutral-semi-light); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--neutral-semi-dark { --focus-color: var(--neutral-semi-dark); }
body.bricks-is-frontend.bricks-is-frontend .focus--neutral-semi-dark :focus, body.bricks-is-frontend.bricks-is-frontend .focus--neutral-semi-dark:focus-within { --focus-color: var(--neutral-semi-dark); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--neutral-dark { --focus-color: var(--neutral-dark); }
body.bricks-is-frontend.bricks-is-frontend .focus--neutral-dark :focus, body.bricks-is-frontend.bricks-is-frontend .focus--neutral-dark:focus-within { --focus-color: var(--neutral-dark); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--neutral-ultra-dark { --focus-color: var(--neutral-ultra-dark); }
body.bricks-is-frontend.bricks-is-frontend .focus--neutral-ultra-dark :focus, body.bricks-is-frontend.bricks-is-frontend .focus--neutral-ultra-dark:focus-within { --focus-color: var(--neutral-ultra-dark); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--neutral-comp { --focus-color: var(--neutral-comp); }
body.bricks-is-frontend.bricks-is-frontend .focus--neutral-comp :focus, body.bricks-is-frontend.bricks-is-frontend .focus--neutral-comp:focus-within { --focus-color: var(--neutral-comp); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--neutral-medium { --focus-color: var(--neutral-medium); }
body.bricks-is-frontend.bricks-is-frontend .focus--neutral-medium :focus, body.bricks-is-frontend.bricks-is-frontend .focus--neutral-medium:focus-within { --focus-color: var(--neutral-medium); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--white { --focus-color: var(--white); }
body.bricks-is-frontend.bricks-is-frontend .focus--white :focus, body.bricks-is-frontend.bricks-is-frontend .focus--white:focus-within { --focus-color: var(--white); }
body.bricks-is-frontend.bricks-is-frontend :focus.focus--black { --focus-color: var(--black); }
body.bricks-is-frontend.bricks-is-frontend .focus--black :focus, body.bricks-is-frontend.bricks-is-frontend .focus--black:focus-within { --focus-color: var(--black); }
.skip-link, .link--skip { position: absolute; inset-block-start: 1rem; inset-inline-start: 1rem; transform: translateY(-250%); --btn-min-width: fit-content; background: var(--btn-background); color: var(--btn-text-color); 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, var(--text-m)); font-weight: var(--btn-font-weight); font-style: var(--btn-font-style); text-transform: var(--btn-text-transform); letter-spacing: var(--btn-letter-spacing); text-decoration: var(--btn-text-decoration); border-width: var(--btn-border-width); border-style: var(--btn-border-style); border-radius: var(--btn-radius); border-color: var(--btn-border-color); transition: var(--btn-transition, var(--transition)); justify-content: var(--btn-justify-content, center); text-align: var(--btn-text-align, center); --btn-background: var(--action); --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); --focus-color: var(--primary-dark); }
@media (hover: hover) and (pointer: fine){
.skip-link:hover, .link--skip:hover { background: var(--btn-background-hover); color: var(--btn-text-color-hover); border-color: var(--btn-border-color-hover); text-decoration: var(--btn-text-decoration-hover); }
}
.skip-link:focus, .link--skip:focus { outline-style: solid; outline-color: var(--focus-color); outline-width: var(--focus-width); outline-offset: var(--focus-offset); }
.skip-link:focus, .link--skip:focus { transform: translateY(0px); }
body { color: var(--body-color, var(--neutral)); background-color: var(--body-bg-color, var(--white)); }
html:has(body.boxed-layout) { background-color: var(--device-bg-color, var(--white)); }
body { font-size: var(--default-font-size, var(--text-m)); font-family: var(--text-font-family); color: var(--text-color); line-height: var(--text-line-height); text-wrap: var(--text-text-wrap); }
p, li { line-height: var(--text-line-height, calc(6px + 2ex)); }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .h--1, .h--2, .h--3, .h--4, .h--5, .h--6 { font-family: var(--heading-font-family); color: var(--heading-color); line-height: var(--heading-line-height); font-weight: var(--heading-font-weight); text-wrap: var(--heading-text-wrap); }
h1 { font-size: var(--h1); font-family: var(--h1-font-family); line-height: var(--h1-line-height); max-width: var(--h1-max-width); }
h2 { font-size: var(--h2); font-family: var(--h2-font-family); line-height: var(--h2-line-height); }
h3 { font-size: var(--h3); font-family: var(--h3-font-family); line-height: var(--h3-line-height); }
body a:where(:not([class*="btn--"])) { color: var(--link-color, var(--action)); font-weight: var(--link-weight, inherit); text-decoration: var(--link-decoration, inherit); text-underline-offset: var(--link-underline-offset, 0); transition: var(--link-transition, var(--transition)); }
@media (hover: hover) and (pointer: fine){
body a:where(:not([class*="btn--"])):hover { color: var(--link-color-hover, var(--action-hover)); }
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; text-decoration: inherit; color: currentcolor; text-underline-offset: var(--link-underline-offset, 0); }
@media (hover: hover) and (pointer: fine){
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: currentcolor; }
}
body:where(.bricks-is-frontend), body:where(:not(.bricks-is-frontend)) { color: var(--body-color, var(--neutral)); }
.btn--primary { --btn-background: var(--action); --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); --focus-color: var(--primary-dark); }
.btn--primary-light { --btn-background: var(--primary-ultra-light); --btn-background-hover: var(--primary-light); --btn-text-color: var(--primary); --btn-text-color-hover: var(--primary-ultra-dark); --btn-border-color: var(--primary-ultra-light); --btn-border-color-hover: var(--primary-light); --focus-color: var(--primary-light); }
.btn--primary.btn--outline { --btn-background: transparent; --btn-background-hover: var(--primary-hover); --btn-text-color: var(--primary); --btn-text-color-hover: var(--primary-ultra-light); --btn-border-width: 0.125rem; --btn-border-color: var(--primary); --btn-border-color-hover: var(--primary-hover); --focus-color: var(--primary-dark); }
.btn--primary-light.btn--outline { --btn-background: transparent; --btn-background-hover: var(--primary-light); --btn-text-color: var(--primary-light); --btn-text-color-hover: var(--primary-dark); --btn-border-width: 0.125rem; --btn-border-color: var(--primary-light); --btn-border-color-hover: var(--primary-light); --focus-color: var(--primary-dark); }
.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); --focus-color: var(--action-dark); }
.btn--white { --btn-background: var(--white); --btn-background-hover: var(--action-hover); --btn-text-color: var(--primary); --btn-text-color-hover: var(--white); --btn-border-color: var(--white); --btn-border-color-hover: var(--primary); --focus-color: var(--action); }
.btn--white.btn--outline { --btn-background: transparent; --btn-background-hover: var(--white); --btn-text-color: var(--white); --btn-text-color-hover: var(--primary); --btn-border-width: 0.125rem; --btn-border-color: var(--white); --btn-border-color-hover: var(--white); --focus-color: var(--action); }
[class*="btn--"]:where(:not(.btn--none, .wp-block-button)) { background: var(--btn-background); color: var(--btn-text-color); 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, var(--text-m)); font-weight: var(--btn-font-weight); font-style: var(--btn-font-style); text-transform: var(--btn-text-transform); letter-spacing: var(--btn-letter-spacing); text-decoration: var(--btn-text-decoration); border-width: var(--btn-border-width); border-style: var(--btn-border-style); border-radius: var(--btn-radius); border-color: var(--btn-border-color); transition: var(--btn-transition, var(--transition)); justify-content: var(--btn-justify-content, center); text-align: var(--btn-text-align, center); }
@media (hover: hover) and (pointer: fine){
[class*="btn--"]:where(:not(.btn--none, .wp-block-button)):hover { background: var(--btn-background-hover); color: var(--btn-text-color-hover); border-color: var(--btn-border-color-hover); text-decoration: var(--btn-text-decoration-hover); }
}
[class*="btn--"]:where(:not(.btn--none, .wp-block-button)):focus { outline-style: solid; outline-color: var(--focus-color); outline-width: var(--focus-width); outline-offset: var(--focus-offset); }
.btn--clear.btn--clear, .btn--none.btn--none { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }