@font-face { font-family: "Bebas Neue"; font-weight: 400; font-style: normal; src: url(https://trainieren-mit-sinn.at/wp-content/uploads/font-hero/google-fonts/bebas-neue/bebas-neue-regular-normal-latin.woff2) format("woff2"); font-display: swap; }@font-face { font-family: Inter; font-weight: 400; font-style: normal; src: url(https://trainieren-mit-sinn.at/wp-content/uploads/font-hero/google-fonts/inter/inter-regular-normal-latin.woff2) format("woff2"); font-display: swap; }@font-face { font-family: Inter; font-weight: 700; font-style: normal; src: url(https://trainieren-mit-sinn.at/wp-content/uploads/font-hero/google-fonts/inter/inter-bold-normal-latin.woff2) format("woff2"); font-display: swap; }:root { --fh-bebas-neue: 'Bebas Neue'; --fh-inter: 'Inter'; }.overflow-detection :not(#wpadminbar, #wpadminbar *), .overflow-detection :not(#wpadminbar, #wpadminbar *)::before, .overflow-detection :not(#wpadminbar, #wpadminbar *)::after { outline: crimson solid 2px !important; background: color-mix(in oklab, crimson 3%, transparent) !important; }:root, .color-scheme--main { --primary-hex: #006894; --primary-hsl: 198 100% 29%; --primary-rgb: 0 104 148; --primary-r: 0; --primary-g: 104; --primary-b: 148; --primary-h: 198; --primary-s: 100%; --primary-l: 29%; --primary-hover-h: 0; --primary-hover-s: 0%; --primary-hover-l: 37.95%; --primary-ultra-light-h: 0; --primary-ultra-light-s: 0%; --primary-ultra-light-l: 95%; --primary-light-h: 0; --primary-light-s: 0%; --primary-light-l: 85%; --primary-semi-light-h: 0; --primary-semi-light-s: 70%; --primary-semi-light-l: 0%; --primary-semi-dark-h: 0; --primary-semi-dark-s: 0%; --primary-semi-dark-l: 35%; --primary-dark-h: 0; --primary-dark-s: 0%; --primary-dark-l: 25%; --primary-ultra-dark-h: 0; --primary-ultra-dark-s: 0%; --primary-ultra-dark-l: 10%; --primary-comp-h: 378; --primary-medium-h: 0; --primary-medium-s: 0%; --primary-medium-l: 50%; --base-hex: #4e5455; --base-hsl: 189 4% 32%; --base-rgb: 78 84 85; --base-r: 78; --base-g: 84; --base-b: 85; --base-h: 189; --base-s: 4%; --base-l: 32%; --base-hover-h: 189; --base-hover-s: 4%; --base-hover-l: 37%; --base-ultra-light-h: 189; --base-ultra-light-s: 4%; --base-ultra-light-l: 95%; --base-light-h: 189; --base-light-s: 4%; --base-light-l: 85%; --base-semi-light-h: 189; --base-semi-light-s: 4%; --base-semi-light-l: 65%; --base-semi-dark-h: 189; --base-semi-dark-s: 4%; --base-semi-dark-l: 35%; --base-dark-h: 189; --base-dark-s: 4%; --base-dark-l: 25%; --base-ultra-dark-h: 189; --base-ultra-dark-s: 4%; --base-ultra-dark-l: 10%; --base-comp-h: 369; --base-medium-h: 189; --base-medium-s: 4%; --base-medium-l: 50%; --primary: #006894; --primary-hover: #616161; --primary-ultra-light: #f2f2f2; --primary-light: #d9d9d9; --primary-semi-light: black; --primary-semi-dark: #595959; --primary-dark: #404040; --primary-ultra-dark: #1a1a1a; --primary-comp: #942c00; --primary-medium: gray; --base: #4e5455; --base-hover: #5b6162; --base-ultra-light: #f2f3f3; --base-light: #d7dada; --base-semi-light: #a2a8a9; --base-semi-dark: #565c5d; --base-dark: #3d4242; --base-ultra-dark: #181a1b; --base-comp: #554f4e; --base-medium: #7a8385; --white: #fff; --black: #000; --primary-trans-10: rgba(0, 104, 148, 0.1); --primary-trans-20: rgba(0, 104, 148, 0.2); --primary-trans-30: rgba(0, 104, 148, 0.3); --primary-trans-40: rgba(0, 104, 148, 0.4); --primary-trans-50: rgba(0, 104, 148, 0.5); --primary-trans-60: rgba(0, 104, 148, 0.6); --primary-trans-70: rgba(0, 104, 148, 0.7); --primary-trans-80: rgba(0, 104, 148, 0.8); --primary-trans-90: rgba(0, 104, 148, 0.9); --primary-light-trans-10: rgba(217, 217, 217, 0.1); --primary-light-trans-20: rgba(217, 217, 217, 0.2); --primary-light-trans-30: rgba(217, 217, 217, 0.3); --primary-light-trans-40: rgba(217, 217, 217, 0.4); --primary-light-trans-50: rgba(217, 217, 217, 0.5); --primary-light-trans-60: rgba(217, 217, 217, 0.6); --primary-light-trans-70: rgba(217, 217, 217, 0.7); --primary-light-trans-80: rgba(217, 217, 217, 0.8); --primary-light-trans-90: rgba(217, 217, 217, 0.9); --primary-dark-trans-10: rgba(64, 64, 64, 0.1); --primary-dark-trans-20: rgba(64, 64, 64, 0.2); --primary-dark-trans-30: rgba(64, 64, 64, 0.3); --primary-dark-trans-40: rgba(64, 64, 64, 0.4); --primary-dark-trans-50: rgba(64, 64, 64, 0.5); --primary-dark-trans-60: rgba(64, 64, 64, 0.6); --primary-dark-trans-70: rgba(64, 64, 64, 0.7); --primary-dark-trans-80: rgba(64, 64, 64, 0.8); --primary-dark-trans-90: rgba(64, 64, 64, 0.9); --primary-ultra-dark-trans-10: rgba(26, 26, 26, 0.1); --primary-ultra-dark-trans-20: rgba(26, 26, 26, 0.2); --primary-ultra-dark-trans-30: rgba(26, 26, 26, 0.3); --primary-ultra-dark-trans-40: rgba(26, 26, 26, 0.4); --primary-ultra-dark-trans-50: rgba(26, 26, 26, 0.5); --primary-ultra-dark-trans-60: rgba(26, 26, 26, 0.6); --primary-ultra-dark-trans-70: rgba(26, 26, 26, 0.7); --primary-ultra-dark-trans-80: rgba(26, 26, 26, 0.8); --primary-ultra-dark-trans-90: rgba(26, 26, 26, 0.9); --base-trans-10: rgba(78, 84, 85, 0.1); --base-trans-20: rgba(78, 84, 85, 0.2); --base-trans-30: rgba(78, 84, 85, 0.3); --base-trans-40: rgba(78, 84, 85, 0.4); --base-trans-50: rgba(78, 84, 85, 0.5); --base-trans-60: rgba(78, 84, 85, 0.6); --base-trans-70: rgba(78, 84, 85, 0.7); --base-trans-80: rgba(78, 84, 85, 0.8); --base-trans-90: rgba(78, 84, 85, 0.9); --base-light-trans-10: rgba(215, 218, 218, 0.1); --base-light-trans-20: rgba(215, 218, 218, 0.2); --base-light-trans-30: rgba(215, 218, 218, 0.3); --base-light-trans-40: rgba(215, 218, 218, 0.4); --base-light-trans-50: rgba(215, 218, 218, 0.5); --base-light-trans-60: rgba(215, 218, 218, 0.6); --base-light-trans-70: rgba(215, 218, 218, 0.7); --base-light-trans-80: rgba(215, 218, 218, 0.8); --base-light-trans-90: rgba(215, 218, 218, 0.9); --base-dark-trans-10: rgba(61, 66, 66, 0.1); --base-dark-trans-20: rgba(61, 66, 66, 0.2); --base-dark-trans-30: rgba(61, 66, 66, 0.3); --base-dark-trans-40: rgba(61, 66, 66, 0.4); --base-dark-trans-50: rgba(61, 66, 66, 0.5); --base-dark-trans-60: rgba(61, 66, 66, 0.6); --base-dark-trans-70: rgba(61, 66, 66, 0.7); --base-dark-trans-80: rgba(61, 66, 66, 0.8); --base-dark-trans-90: rgba(61, 66, 66, 0.9); --base-ultra-dark-trans-10: rgba(24, 26, 27, 0.1); --base-ultra-dark-trans-20: rgba(24, 26, 27, 0.2); --base-ultra-dark-trans-30: rgba(24, 26, 27, 0.3); --base-ultra-dark-trans-40: rgba(24, 26, 27, 0.4); --base-ultra-dark-trans-50: rgba(24, 26, 27, 0.5); --base-ultra-dark-trans-60: rgba(24, 26, 27, 0.6); --base-ultra-dark-trans-70: rgba(24, 26, 27, 0.7); --base-ultra-dark-trans-80: rgba(24, 26, 27, 0.8); --base-ultra-dark-trans-90: rgba(24, 26, 27, 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(--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(--base-ultra-dark); --body-color: var(--white); }:root { --on: initial; --off: ; --section-padding-x: 2rem; --section-padding-block: var(--section-space-m); --section-gutter: 2rem; --gutter: 2rem; --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: 135rem; --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(--neutral); --focus-width: 0.15rem; --focus-offset: 0.15em; --box-shadow-m: 0px 0px 10px 2px var(--black-trans-10); --box-shadow-l: 0 0 60px var(--black-trans-20); --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: 0px 0px 10px 2px var(--black-trans-10); --box-shadow-2: 0 0 60px var(--black-trans-20); --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); --text-xxl-line-height: 1.5; --text-xxl-max-width: 100%; --text-xl-line-height: 1.5; --text-xl-max-width: 100%; --text-l-line-height: 1.5; --text-l-max-width: 100%; --text-m-line-height: calc(6px + 2ex); --text-m-max-width: 100%; --text-s-line-height: 1.5; --text-s-max-width: 100%; --text-xs-line-height: 1.5; --text-xs-max-width: 100%; --base-text-lh: calc(6px + 2ex); --heading-line-height: calc(4px + 2ex); --heading-font-weight: 700; --heading-letter-spacing: 2px; --heading-max-width: 45ch; --heading-text-wrap: balance; --base-heading-lh: calc(4px + 2ex); --h1-line-height: 1.2; --h1-max-width: 100%; --h2-line-height: 1.2; --h2-max-width: 100%; --h3-line-height: 1.2; --h3-max-width: 100%; --h4-line-height: calc(4px + 2ex); --h4-max-width: 100%; --h5-line-height: 1.2; --h5-max-width: 100%; --h6-line-height: 1.2; --h6-max-width: 100%; --text-color: var(--white); --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; }:root { --offset: 2rem; }:root { --option-secondary-btn-outline: on; --btn-padding-block: 0.75em; --btn-padding-inline: 1.5em; --btn-min-width: 20rem; --btn-line-height: 1; --btn-font-weight: 700; --btn-font-style: normal; --btn-text-decoration: none; --btn-text-decoration-hover: none; --btn-letter-spacing: 0; --btn-text-transform: none; --btn-border-width: 0.25rem; --btn-outline-border-width: 0.25rem; --btn-border-style: solid; --btn-border-radius: var(--radius-xs); --btn-justify-content: center; --btn-text-align: center; }:root { --btn-border-size: 0.25rem; --btn-radius: var(--radius-xs); --outline-btn-border-size: 0.25rem; --btn-pad-x: 1.5em; --btn-pad-y: 0.75em; --btn-text-style: normal; --btn-weight: 700; --btn-width: 20; }:root { --link-color: var(--black); --link-color-hover: var(--black); --link-transition: var(--transition); --link-decoration: none; --link-decoration-hover: inherit; --link-underline-offset: auto; --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(--black); --bg-light-text: var(--black); --bg-dark-text: var(--white); --bg-ultra-dark-text: var(--white); --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-link: var(--primary); --bg-ultra-light-link-hover: var(--primary-hover); --bg-light-link: var(--primary); --bg-light-link-hover: var(--primary-hover); --bg-dark-link: var(--primary); --bg-dark-link-hover: var(--primary-hover); --bg-ultra-dark-link: var(--primary); --bg-ultra-dark-link-hover: var(--primary-hover); --bg-ultra-light-button: primary; --bg-light-button: primary; --bg-dark-button: primary; --bg-ultra-dark-button: primary; }:root { --radius: 0.5rem; --radius-50: 50%; --radius-circle: 50vw; --radius-none: 0; --radius-xs: 0.125rem; --radius-s: 0.25rem; --radius-m: 0.5rem; --radius-l: 1rem; --radius-xl: 2rem; --radius-xxl: 4rem; --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); }[id] { scroll-margin-top: var(--offset, 0); }.color-scheme--alt { --white: #000; --black: #fff; --white-trans-10: rgba(0, 0, 0, 0.1); --white-trans-20: rgba(0, 0, 0, 0.2); --white-trans-30: rgba(0, 0, 0, 0.3); --white-trans-40: rgba(0, 0, 0, 0.4); --white-trans-50: rgba(0, 0, 0, 0.5); --white-trans-60: rgba(0, 0, 0, 0.6); --white-trans-70: rgba(0, 0, 0, 0.7); --white-trans-80: rgba(0, 0, 0, 0.8); --white-trans-90: rgba(0, 0, 0, 0.9); --black-trans-10: rgba(255, 255, 255, 0.1); --black-trans-20: rgba(255, 255, 255, 0.2); --black-trans-30: rgba(255, 255, 255, 0.3); --black-trans-40: rgba(255, 255, 255, 0.4); --black-trans-50: rgba(255, 255, 255, 0.5); --black-trans-60: rgba(255, 255, 255, 0.6); --black-trans-70: rgba(255, 255, 255, 0.7); --black-trans-80: rgba(255, 255, 255, 0.8); --black-trans-90: rgba(255, 255, 255, 0.9); --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(--base-ultra-dark); --body-color: var(--white); }:where(:root, .color-scheme--main) { background-color: var(--body-bg); color: var(--body-color); }:where(:root, .color-scheme--main h1) { color: var(--h1-color, var(--heading-color)); }:where(:root, .color-scheme--main h2) { color: var(--h2-color, var(--heading-color)); }:where(:root, .color-scheme--main h3) { color: var(--h3-color, var(--heading-color)); }:where(:root, .color-scheme--main h4) { color: var(--h4-color, var(--heading-color)); }:where(:root, .color-scheme--main h5) { color: var(--h5-color, var(--heading-color)); }:where(:root, .color-scheme--main h6) { color: var(--h6-color, var(--heading-color)); }html { font-size: var(--root-font-size) !important; scroll-behavior: smooth; }:root { interpolate-size: allow-keywords; }*, ::before, ::after { box-sizing: border-box; }body { min-block-size: 100vh; }input, button, textarea, select { font: inherit; }img { object-fit: var(--object-fit, cover); object-position: var(--object-position, 50% 50%); }.focus-parent--shadow:focus-within:not(:has(:focus-visible)) { box-shadow: none; }.focus-parent--shadow:focus-within { box-shadow: 0 0 0 var(--focus-width) var(--focus-color); }.focus-parent--outline:focus-within:not(:has(:focus-visible)) { outline: none; outline-offset: 0px; }.focus-parent--outline:focus-within { outline: var(--focus-width) solid var(--focus-color); outline-offset: var(--focus-offset); }.hidden-accessible { padding: 0px; margin: -1px; overflow: hidden; white-space: nowrap; border: 0px; position: absolute !important; inline-size: 1px !important; block-size: 1px !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); }.smart-spacing-preview > * + :where(h1, h2, h3, h4, h5, h6), .smart-spacing.smart-spacing > * + :where(h1, h2, h3, h4, h5, h6) { margin-block-start: var(--heading-spacing, var(--flow-spacing, initial)); margin-block-end: 0px; }.smart-spacing-preview > :is(ul, ol) :is(ul, ol) li, .smart-spacing.smart-spacing > :is(ul, ol) :is(ul, ol) li { margin-block-start: var(--nested-list-item-spacing, var(--list-item-spacing, initial)); }.smart-spacing-preview > :is(figure, blockquote, ul, ol) + *, .smart-spacing.smart-spacing > :is(figure, blockquote, ul, ol) + * { --paragraph-spacing: 0; --flow-spacing: 0; }.bg--primary { background-color: var(--primary); }:is(*, img, figure, picture).is-bg { position: var(--bg-position, absolute); inset: var(--bg-inset, 0); inline-size: var(--bg-width, 100%); block-size: var(--bg-height, 100%); object-fit: var(--bg-object-fit, cover); object-position: var(--bg-object-position, center); z-index: var(--bg-z-index, -2); border-radius: var(--bg-radius, 0); }:is(*, img, figure, picture).is-bg > img { object-fit: var(--bg-object-fit, cover); object-position: var(--bg-object-position, center); }.content-grid > :is(*, img, figure, picture).is-bg { grid-column: full; }.text--light.text--light, .text--light.text--light :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--text-light); }.text--light-muted.text--light-muted, .text--light-muted.text--light-muted :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--text-light-muted); }.text--dark.text--dark, .text--dark.text--dark :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--text-dark); }.text--dark-muted.text--dark-muted, .text--dark-muted.text--dark-muted :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--text-dark-muted); }.content-grid { --full: minmax(var(--gutter), 1fr); padding-inline: 0px; 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]; column-gap: 0px !important; display: grid !important; }:is(.content--feature, .content--feature-max, .content--full, .content--full-safe):not(.content-grid--off :is(.content--feature, .content--feature-max, .content--full, .content--full-safe)) { width: 100% !important; max-width: 100%; }:root, .color-scheme--main { --bg-ultra-light-text: var(--black); --bg-light-text: var(--black); --bg-dark-text: var(--white); --bg-ultra-dark-text: var(--white); --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-link: var(--primary); --bg-ultra-light-link-hover: var(--primary-hover); --bg-light-link: var(--primary); --bg-light-link-hover: var(--primary-hover); --bg-dark-link: var(--primary); --bg-dark-link-hover: var(--primary-hover); --bg-ultra-dark-link: var(--primary); --bg-ultra-dark-link-hover: var(--primary-hover); }.color-scheme--alt { --bg-ultra-light-text: var(--black); --bg-light-text: var(--black); --bg-dark-text: var(--white); --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-dark-text: var(--white); --bg-ultra-light-link: var(--primary); --bg-ultra-light-link-hover: var(--primary-hover); --bg-light-link: var(--primary); --bg-light-link-hover: var(--primary-hover); --bg-dark-link: var(--primary); --bg-dark-link-hover: var(--primary-hover); --bg-ultra-dark-link: var(--primary); --bg-ultra-dark-link-hover: var(--primary-hover); }:where(.bg--ultra-light), :where(.bg--ultra-light) :is(h1, h2, h3, h4, h5, h6) { color: var(--bg-ultra-light-text); }:where(.bg--light), :where(.bg--light) :is(h1, h2, h3, h4, h5, h6) { color: var(--bg-light-text); }:where(.bg--dark), :where(.bg--dark) :is(h1, h2, h3, h4, h5, h6) { color: var(--bg-dark-text); }:where(.bg--ultra-dark), :where(.bg--ultra-dark) :is(h1, h2, h3, h4, h5, h6) { color: var(--bg-ultra-dark-text); }.bg--ultra-light :where(h1, h2, h3, h4, h5, h6) { --heading-color: var(--bg-ultra-light-heading); --h1-color: var(--bg-ultra-light-heading); --h2-color: var(--bg-ultra-light-heading); --h3-color: var(--bg-ultra-light-heading); --h4-color: var(--bg-ultra-light-heading); --h5-color: var(--bg-ultra-light-heading); --h6-color: var(--bg-ultra-light-heading); color: var(--bg-ultra-light-heading); }.bg--light :where(h1, h2, h3, h4, h5, h6) { --heading-color: var(--bg-light-heading); --h1-color: var(--bg-light-heading); --h2-color: var(--bg-light-heading); --h3-color: var(--bg-light-heading); --h4-color: var(--bg-light-heading); --h5-color: var(--bg-light-heading); --h6-color: var(--bg-light-heading); color: var(--bg-light-heading); }.bg--dark :where(h1, h2, h3, h4, h5, h6) { --heading-color: var(--bg-dark-heading); --h1-color: var(--bg-dark-heading); --h2-color: var(--bg-dark-heading); --h3-color: var(--bg-dark-heading); --h4-color: var(--bg-dark-heading); --h5-color: var(--bg-dark-heading); --h6-color: var(--bg-dark-heading); color: var(--bg-dark-heading); }.bg--ultra-dark :where(h1, h2, h3, h4, h5, h6) { --heading-color: var(--bg-ultra-dark-heading); --h1-color: var(--bg-ultra-dark-heading); --h2-color: var(--bg-ultra-dark-heading); --h3-color: var(--bg-ultra-dark-heading); --h4-color: var(--bg-ultra-dark-heading); --h5-color: var(--bg-ultra-dark-heading); --h6-color: var(--bg-ultra-dark-heading); color: var(--bg-ultra-dark-heading); }.bg--ultra-light :is(a):where(:not([class*="btn--"], footer, :is(h1, h2, h3, h4, h5, h6) a)) { color: var(--bg-ultra-light-link); }.bg--ultra-light :is(a):where(:not([class*="btn--"], footer, :is(h1, h2, h3, h4, h5, h6) a)):hover { color: var(--bg-ultra-light-link-hover); }.bg--light :is(a):where(:not([class*="btn--"], footer, :is(h1, h2, h3, h4, h5, h6) a)) { color: var(--bg-light-link); }.bg--light :is(a):where(:not([class*="btn--"], footer, :is(h1, h2, h3, h4, h5, h6) a)):hover { color: var(--bg-light-link-hover); }.bg--dark :is(a):where(:not([class*="btn--"], footer, :is(h1, h2, h3, h4, h5, h6) a)) { color: var(--bg-dark-link); }.bg--dark :is(a):where(:not([class*="btn--"], footer, :is(h1, h2, h3, h4, h5, h6) a)):hover { color: var(--bg-dark-link-hover); }.bg--ultra-dark :is(a):where(:not([class*="btn--"], footer, :is(h1, h2, h3, h4, h5, h6) a)) { color: var(--bg-ultra-dark-link); }.bg--ultra-dark :is(a):where(:not([class*="btn--"], footer, :is(h1, h2, h3, h4, h5, h6) a)):hover { color: var(--bg-ultra-dark-link-hover); }.bg--ultra-light [class*="btn--"] { --btn-background: var(--primary); --btn-background-hover: var(--primary); --btn-text-color: var(--white); --btn-text-color-hover: var(--white); --btn-border-color: var(--primary); --btn-border-color-hover: var(--primary); --focus-color: var(--primary); }.bg--light [class*="btn--"] { --btn-background: var(--primary); --btn-background-hover: var(--primary); --btn-text-color: var(--white); --btn-text-color-hover: var(--white); --btn-border-color: var(--primary); --btn-border-color-hover: var(--primary); --focus-color: var(--primary); }.bg--dark [class*="btn--"] { --btn-background: var(--primary); --btn-background-hover: var(--primary); --btn-text-color: var(--white); --btn-text-color-hover: var(--white); --btn-border-color: var(--primary); --btn-border-color-hover: var(--primary); --focus-color: var(--primary); }.bg--ultra-dark [class*="btn--"] { --btn-background: var(--primary); --btn-background-hover: var(--primary); --btn-text-color: var(--white); --btn-text-color-hover: var(--white); --btn-border-color: var(--primary); --btn-border-color-hover: var(--primary); --focus-color: var(--primary); }.pad--none:not(.ct-section) { padding: 0px !important; }figure[class*="overlay--"]::before { z-index: 0; }.text--primary.text--primary, .text--primary.text--primary :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--primary); }.text--primary-hover.text--primary-hover, .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, .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, .text--primary-light.text--primary-light :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--primary-light); }.text--primary-semi-light.text--primary-semi-light, .text--primary-semi-light.text--primary-semi-light :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--primary-semi-light); }.text--primary-semi-dark.text--primary-semi-dark, .text--primary-semi-dark.text--primary-semi-dark :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--primary-semi-dark); }.text--primary-dark.text--primary-dark, .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, .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, .text--primary-comp.text--primary-comp :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--primary-comp); }.text--primary-medium.text--primary-medium, .text--primary-medium.text--primary-medium :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--primary-medium); }.text--base.text--base, .text--base.text--base :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--base); }.text--base-hover.text--base-hover, .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, .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, .text--base-light.text--base-light :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--base-light); }.text--base-semi-light.text--base-semi-light, .text--base-semi-light.text--base-semi-light :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--base-semi-light); }.text--base-semi-dark.text--base-semi-dark, .text--base-semi-dark.text--base-semi-dark :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--base-semi-dark); }.text--base-dark.text--base-dark, .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, .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, .text--base-comp.text--base-comp :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--base-comp); }.text--base-medium.text--base-medium, .text--base-medium.text--base-medium :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--base-medium); }.text--white.text--white, .text--white.text--white :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--white); }.text--black.text--black, .text--black.text--black :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--black); }:is(.text--xxl, .text--xl, .text--l, .text--m, .text--s, .text--xs), :is(.text--xxl, .text--xl, .text--l, .text--m, .text--s, .text--xs) > :is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) { line-height: var(--text-line-height); text-wrap: var(--text-text-wrap); }.text--xxl, .text--xxl > :is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) { font-size: var(--text-xxl); line-height: var(--text-xxl-line-height); }.text--xxl:is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) { max-width: var(--text-xxl-max-width); }.text--xl, .text--xl > :is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) { font-size: var(--text-xl); line-height: var(--text-xl-line-height); }.text--xl:is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) { max-width: var(--text-xl-max-width); }.text--l, .text--l > :is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) { font-size: var(--text-l); line-height: var(--text-l-line-height); }.text--l:is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) { max-width: var(--text-l-max-width); }.text--m, .text--m > :is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) { font-size: var(--text-m); line-height: var(--text-m-line-height); }.text--m:is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) { max-width: var(--text-m-max-width); }.text--s, .text--s > :is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) { font-size: var(--text-s); line-height: var(--text-s-line-height); }.text--s:is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) { max-width: var(--text-s-max-width); }.text--xs, .text--xs > :is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) { font-size: var(--text-xs); line-height: var(--text-xs-line-height); }.text--xs:is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) { max-width: var(--text-xs-max-width); }.line-clamp--1 { --line-count: 1; }.line-clamp--2 { --line-count: 2; }.line-clamp--3 { --line-count: 3; }.line-clamp--4 { --line-count: 4; }.line-clamp--5 { --line-count: 5; }.box-shadow--m { box-shadow: var(--box-shadow-1); }[class*="center--"]:where(:not([class*="self"]))[class*="center--"]:where(:not([class*="self"])) { display: flex; flex-direction: column; align-items: var(--align-items, initial); align-content: var(--align-content, initial); justify-items: var(--justify-items, initial); justify-content: var(--justify-content, initial); text-align: var(--text-align, inherit); }.center--all.center--all { --align-items: center; --align-content: center; --justify-items: center; --justify-content: center; --text-align: center; }.center--y.center--y { --align-items: flex-start; --justify-items: center; --justify-content: center; }.center--x.center--x { --align-items: center; --justify-items: flex-start; --justify-content: flex-start; }.center--left.center--left { --align-items: flex-start; --align-content: flex-start; --justify-items: center; --justify-content: center; --text-align: left; }.center--right.center--right { --align-items: flex-end; --align-content: flex-end; --justify-items: center; --justify-content: center; --text-align: right; }.center--top.center--top { --align-items: center; --align-content: center; --justify-items: flex-start; --justify-content: flex-start; }.center--bottom.center--bottom { --align-items: center; --justify-items: flex-end; --justify-content: flex-end; }.center--self.center--self { margin-left: auto; margin-right: auto; }img.object-fit--cover, .object-fit--cover img { --object-fit: cover; object-fit: cover; }img.object-fit--contain, .object-fit--contain img { --object-fit: contain; object-fit: contain; }.object-fit--top-left { --object-position: 10% 10%; }.object-fit--top-center { --object-position: 50% 10%; }.object-fit--top-right { --object-position: 90% 10%; }.object-fit--center-left { --object-position: 10% 50%; }.object-fit--center-right { --object-position: 90% 50%; }.object-fit--bottom-left { --object-position: 10% 90%; }.object-fit--bottom-center { --object-position: 50% 90%; }.object-fit--bottom-right { --object-position: 90% 90%; }@media (min-width: 1351px){.grid--alternate-xl > .grid--2:nth-of-type(2n) > :last-child { order: -1; }.grid--alternate-xl > .grid--1-2:nth-of-type(2n) { grid-template-columns: minmax(0px, 2fr) minmax(0px, 1fr); }.grid--alternate-xl > .grid--1-2:nth-of-type(2n) > :last-child { order: -1; }.grid--alternate-xl > .grid--1-3:nth-of-type(2n) { grid-template-columns: minmax(0px, 3fr) minmax(0px, 1fr); }.grid--alternate-xl > .grid--1-3:nth-of-type(2n) > :last-child { order: -1; }.grid--alternate-xl > .grid--2-1:nth-of-type(2n) { grid-template-columns: minmax(0px, 1fr) minmax(0px, 2fr); }.grid--alternate-xl > .grid--2-1:nth-of-type(2n) > :last-child { order: -1; }.grid--alternate-xl > .grid--2-3:nth-of-type(2n) { grid-template-columns: minmax(0px, 3fr) minmax(0px, 2fr); }.grid--alternate-xl > .grid--2-3:nth-of-type(2n) > :last-child { order: -1; }.grid--alternate-xl > .grid--3-1:nth-of-type(2n) { grid-template-columns: minmax(0px, 1fr) minmax(0px, 3fr); }.grid--alternate-xl > .grid--3-1:nth-of-type(2n) > :last-child { order: -1; }.grid--alternate-xl > .grid--3-2:nth-of-type(2n) { grid-template-columns: minmax(0px, 2fr) minmax(0px, 3fr); }.grid--alternate-xl > .grid--3-2:nth-of-type(2n) > :last-child { order: -1; }}@media (min-width: 993px){.grid--alternate-l > .grid--2:nth-of-type(2n) > :last-child { order: -1; }.grid--alternate-l > .grid--1-2:nth-of-type(2n) { grid-template-columns: minmax(0px, 2fr) minmax(0px, 1fr); }.grid--alternate-l > .grid--1-2:nth-of-type(2n) > :last-child { order: -1; }.grid--alternate-l > .grid--1-3:nth-of-type(2n) { grid-template-columns: minmax(0px, 3fr) minmax(0px, 1fr); }.grid--alternate-l > .grid--1-3:nth-of-type(2n) > :last-child { order: -1; }.grid--alternate-l > .grid--2-1:nth-of-type(2n) { grid-template-columns: minmax(0px, 1fr) minmax(0px, 2fr); }.grid--alternate-l > .grid--2-1:nth-of-type(2n) > :last-child { order: -1; }.grid--alternate-l > .grid--2-3:nth-of-type(2n) { grid-template-columns: minmax(0px, 3fr) minmax(0px, 2fr); }.grid--alternate-l > .grid--2-3:nth-of-type(2n) > :last-child { order: -1; }.grid--alternate-l > .grid--3-1:nth-of-type(2n) { grid-template-columns: minmax(0px, 1fr) minmax(0px, 3fr); }.grid--alternate-l > .grid--3-1:nth-of-type(2n) > :last-child { order: -1; }.grid--alternate-l > .grid--3-2:nth-of-type(2n) { grid-template-columns: minmax(0px, 2fr) minmax(0px, 3fr); }.grid--alternate-l > .grid--3-2:nth-of-type(2n) > :last-child { order: -1; }}@media (min-width: 769px){.grid--alternate-m > .grid--2:nth-of-type(2n) > :last-child { order: -1; }.grid--alternate-m > .grid--1-2:nth-of-type(2n) { grid-template-columns: minmax(0px, 2fr) minmax(0px, 1fr); }.grid--alternate-m > .grid--1-2:nth-of-type(2n) > :last-child { order: -1; }.grid--alternate-m > .grid--1-3:nth-of-type(2n) { grid-template-columns: minmax(0px, 3fr) minmax(0px, 1fr); }.grid--alternate-m > .grid--1-3:nth-of-type(2n) > :last-child { order: -1; }.grid--alternate-m > .grid--2-1:nth-of-type(2n) { grid-template-columns: minmax(0px, 1fr) minmax(0px, 2fr); }.grid--alternate-m > .grid--2-1:nth-of-type(2n) > :last-child { order: -1; }.grid--alternate-m > .grid--2-3:nth-of-type(2n) { grid-template-columns: minmax(0px, 3fr) minmax(0px, 2fr); }.grid--alternate-m > .grid--2-3:nth-of-type(2n) > :last-child { order: -1; }.grid--alternate-m > .grid--3-1:nth-of-type(2n) { grid-template-columns: minmax(0px, 1fr) minmax(0px, 3fr); }.grid--alternate-m > .grid--3-1:nth-of-type(2n) > :last-child { order: -1; }.grid--alternate-m > .grid--3-2:nth-of-type(2n) { grid-template-columns: minmax(0px, 2fr) minmax(0px, 3fr); }.grid--alternate-m > .grid--3-2:nth-of-type(2n) > :last-child { order: -1; }}@media (min-width: 481px){.grid--alternate-s > .grid--2:nth-of-type(2n) > :last-child { order: -1; }.grid--alternate-s > .grid--1-2:nth-of-type(2n) { grid-template-columns: minmax(0px, 2fr) minmax(0px, 1fr); }.grid--alternate-s > .grid--1-2:nth-of-type(2n) > :last-child { order: -1; }.grid--alternate-s > .grid--1-3:nth-of-type(2n) { grid-template-columns: minmax(0px, 3fr) minmax(0px, 1fr); }.grid--alternate-s > .grid--1-3:nth-of-type(2n) > :last-child { order: -1; }.grid--alternate-s > .grid--2-1:nth-of-type(2n) { grid-template-columns: minmax(0px, 1fr) minmax(0px, 2fr); }.grid--alternate-s > .grid--2-1:nth-of-type(2n) > :last-child { order: -1; }.grid--alternate-s > .grid--2-3:nth-of-type(2n) { grid-template-columns: minmax(0px, 3fr) minmax(0px, 2fr); }.grid--alternate-s > .grid--2-3:nth-of-type(2n) > :last-child { order: -1; }.grid--alternate-s > .grid--3-1:nth-of-type(2n) { grid-template-columns: minmax(0px, 1fr) minmax(0px, 3fr); }.grid--alternate-s > .grid--3-1:nth-of-type(2n) > :last-child { order: -1; }.grid--alternate-s > .grid--3-2:nth-of-type(2n) { grid-template-columns: minmax(0px, 2fr) minmax(0px, 3fr); }.grid--alternate-s > .grid--3-2:nth-of-type(2n) > :last-child { order: -1; }}[class*="grid--auto"]:where(:not([class*="rows"])) { grid-template-columns: var(--grid-template-columns); gap: var(--grid-gap); inline-size: 100%; --grid-template-columns-any: var(--grid-template-columns-fit); --min-formula: min(100%, max(var(--min), (100% - (var(--column-count) - 1) * var(--grid-gap)) / var(--column-count))); --grid-template-columns-fit: repeat(auto-fit, minmax(var(--min-formula), 1fr)); --grid-template-columns-fill: repeat(auto-fill, minmax(var(--min-formula), 1fr)); --grid-template-columns-even-fit: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr)); --grid-template-columns-even-fill: repeat(auto-fill, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr)); display: grid !important; }[class*="grid--auto"]:where(:not([class*="rows"])) > * { min-width: 0px; max-width: 100%; overflow-wrap: break-word; }:is(.grid--auto-2, .grid--auto-3, .grid--auto-4, .grid--auto-5, .grid--auto-6, .grid--auto-7, .grid--auto-8, .grid--auto-9, .grid--auto-10, .grid--auto-11, .grid--auto-12):where(.grid--auto-rows) { --min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7; --column-count: 1; --grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr)); --grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr)); grid-template-columns: var(--grid-template-columns); gap: var(--grid-gap); inline-size: 100%; --min-formula: min(100%, max(var(--min), (100% - (var(--column-count) - 1) * var(--grid-gap)) / var(--column-count))); display: grid !important; }:is(.grid--auto-2, .grid--auto-3, .grid--auto-4, .grid--auto-5, .grid--auto-6, .grid--auto-7, .grid--auto-8, .grid--auto-9, .grid--auto-10, .grid--auto-11, .grid--auto-12):where(.grid--auto-rows) > * { min-width: 0px; max-width: 100%; overflow-wrap: break-word; }.grid--auto-2 { --min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7; --column-count: 2; --grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr)); --grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr)); }.grid--auto-3 { --min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7; --column-count: 3; --grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr)); --grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr)); }.grid--auto-4 { --min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7; --column-count: 4; --grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr)); --grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr)); }.grid--auto-5 { --min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7; --column-count: 5; --grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr)); --grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr)); }.grid--auto-6 { --min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7; --column-count: 6; --grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr)); --grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr)); }.grid--auto-7 { --min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7; --column-count: 7; --grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr)); --grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr)); }.grid--auto-8 { --min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7; --column-count: 8; --grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr)); --grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr)); }.grid--auto-9 { --min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7; --column-count: 9; --grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr)); --grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr)); }.grid--auto-10 { --min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7; --column-count: 10; --grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr)); --grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr)); }.grid--auto-11 { --min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7; --column-count: 11; --grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr)); --grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr)); }.grid--auto-12 { --min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7; --column-count: 12; --grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr)); --grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr)); }.grid--auto-1-2 { --min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7; --column-count: 1; --grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr)); --grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr)); gap: var(--grid-gap); inline-size: 100%; --min-formula: min(100%, max(var(--min), (100% - (var(--column-count) - 1) * var(--grid-gap)) / var(--column-count))); grid-template-columns: minmax(0px, 1fr) minmax(0px, 2fr); display: grid !important; }.grid--auto-1-3 { --min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7; --column-count: 1; --grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr)); --grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr)); gap: var(--grid-gap); inline-size: 100%; --min-formula: min(100%, max(var(--min), (100% - (var(--column-count) - 1) * var(--grid-gap)) / var(--column-count))); grid-template-columns: minmax(0px, 1fr) minmax(0px, 3fr); display: grid !important; }.grid--auto-2-1 { --min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7; --column-count: 1; --grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr)); --grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr)); gap: var(--grid-gap); inline-size: 100%; --min-formula: min(100%, max(var(--min), (100% - (var(--column-count) - 1) * var(--grid-gap)) / var(--column-count))); grid-template-columns: minmax(0px, 2fr) minmax(0px, 1fr); display: grid !important; }.grid--auto-2-3 { --min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7; --column-count: 1; --grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr)); --grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr)); gap: var(--grid-gap); inline-size: 100%; --min-formula: min(100%, max(var(--min), (100% - (var(--column-count) - 1) * var(--grid-gap)) / var(--column-count))); grid-template-columns: minmax(0px, 2fr) minmax(0px, 3fr); display: grid !important; }.grid--auto-3-1 { --min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7; --column-count: 1; --grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr)); --grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr)); gap: var(--grid-gap); inline-size: 100%; --min-formula: min(100%, max(var(--min), (100% - (var(--column-count) - 1) * var(--grid-gap)) / var(--column-count))); grid-template-columns: minmax(0px, 3fr) minmax(0px, 1fr); display: grid !important; }.grid--auto-3-2 { --min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7; --column-count: 1; --grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr)); --grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr)); gap: var(--grid-gap); inline-size: 100%; --min-formula: min(100%, max(var(--min), (100% - (var(--column-count) - 1) * var(--grid-gap)) / var(--column-count))); grid-template-columns: minmax(0px, 3fr) minmax(0px, 2fr); display: grid !important; }.grid--auto-fill { --grid-template-columns: var(--grid-template-columns-fill); }.grid--auto-fit { --grid-template-columns: var(--grid-template-columns-fit); }@media (min-width: 481px){.grid--stack-even { --grid-template-columns: var(--grid-template-columns-even); }.grid--stack-even.grid--auto-fill { --grid-template-columns: var(--grid-template-columns-even-fill); }.grid--stack-even.grid--auto-fit { --grid-template-columns: var(--grid-template-columns-even-fit); }}.grid--stack-any { --grid-template-columns: var(--grid-template-columns-any); }.grid--stack-any.grid--auto-fill { --grid-template-columns: var(--grid-template-columns-fill); }.grid--stack-any.grid--auto-fit { --grid-template-columns: var(--grid-template-columns-fit); }@media (min-width: 1351px){.grid--stack-even-xl { --grid-template-columns: var(--grid-template-columns-even); }.grid--stack-even-xl.grid--auto-fill { --grid-template-columns: var(--grid-template-columns-even-fill); }.grid--stack-even-xl.grid--auto-fit { --grid-template-columns: var(--grid-template-columns-even-fit); }}@media (min-width: 993px){.grid--stack-even-l { --grid-template-columns: var(--grid-template-columns-even); }.grid--stack-even-l.grid--auto-fill { --grid-template-columns: var(--grid-template-columns-even-fill); }.grid--stack-even-l.grid--auto-fit { --grid-template-columns: var(--grid-template-columns-even-fit); }}@media (min-width: 769px){.grid--stack-even-m { --grid-template-columns: var(--grid-template-columns-even); }.grid--stack-even-m.grid--auto-fill { --grid-template-columns: var(--grid-template-columns-even-fill); }.grid--stack-even-m.grid--auto-fit { --grid-template-columns: var(--grid-template-columns-even-fit); }}@media (min-width: 481px){.grid--stack-even-s { --grid-template-columns: var(--grid-template-columns-even); }.grid--stack-even-s.grid--auto-fill { --grid-template-columns: var(--grid-template-columns-even-fill); }.grid--stack-even-s.grid--auto-fit { --grid-template-columns: var(--grid-template-columns-even-fit); }}.flex--row.flex--row { display: flex; flex-direction: row; }.width--full.width--full { inline-size: 100%; max-inline-size: 100%; }.aspect--1-1 { --aspect-ratio: 1 / 1; }.aspect--1-2 { --aspect-ratio: 1 / 2; }.aspect--2-1 { --aspect-ratio: 2 / 1; }.aspect--2-3 { --aspect-ratio: 2 / 3; }.aspect--3-2 { --aspect-ratio: 3 / 2; }.aspect--3-4 { --aspect-ratio: 3 / 4; }.aspect--4-3 { --aspect-ratio: 4 / 3; }.aspect--16-9 { --aspect-ratio: 16 / 9; }.aspect--9-16 { --aspect-ratio: 9 / 16; }ul.list--none, ol.list--none, .list--none > ul, .list--none > ol { list-style: none; padding-inline-start: 0px; margin-block: 0em 0px; }@supports (font-size: calc(1vw + 2vw)) {:root { --text-xs: calc(1.0416666667rem + (-0.0849383623 * ((100vw - 32rem) / 103))); --text-s: calc(1.5rem + (0.1 * ((100vw - 32rem) / 103))); --text-m: calc(1.5rem + (0.2 * ((100vw - 32rem) / 103))); --text-l: calc(1.8rem + (0.4661 * ((100vw - 32rem) / 103))); --text-xl: calc(2.16rem + (0.8607113 * ((100vw - 32rem) / 103))); --text-xxl: calc(2.592rem + (1.4346081629 * ((100vw - 32rem) / 103))); --h6: calc(1.1111111111rem + (0.3521204132 * ((100vw - 32rem) / 103))); --h5: calc(1.3333333333rem + (0.6171542886 * ((100vw - 32rem) / 103))); --h4: calc(1.6rem + (1 * ((100vw - 32rem) / 103))); --h3: calc(1.92rem + (1.5458 * ((100vw - 32rem) / 103))); --h2: calc(2.304rem + (2.3159114 * ((100vw - 32rem) / 103))); --h1: calc(2.7648rem + (3.3935418962 * ((100vw - 32rem) / 103))); } @media (min-width: 1351px){:root { --text-xs: 0.9567283044rem; --text-s: 1.6rem; --text-m: 1.7rem; --text-l: 2.2661rem; --text-xl: 3.0207113rem; --text-xxl: 4.0266081629rem; --h6: 1.4632315243rem; --h5: 1.9504876219rem; --h4: 2.6rem; --h3: 3.4658rem; --h2: 4.6199114rem; --h1: 6.1583418962rem; }}}@supports (font-size: clamp(1vw, 2vw, 3vw)) {:root { --text-xs: clamp(1.0416666667rem, calc(-0.0824644294vw + 1.0680552841rem), 0.9567283044rem); --text-s: clamp(1.5rem, calc(0.0970873786vw + 1.4689320388rem), 1.6rem); --text-m: clamp(1.5rem, calc(0.1941747573vw + 1.4378640777rem), 1.7rem); --text-l: clamp(1.8rem, calc(0.4525242718vw + 1.655192233rem), 2.2661rem); --text-xl: clamp(2.16rem, calc(0.8356420388vw + 1.8925945476rem), 3.0207113rem); --text-xxl: clamp(2.592rem, calc(1.3928234591vw + 2.1462964931rem), 4.0266081629rem); --h6: clamp(1.1111111111rem, calc(0.3418644788vw + 1.0017144779rem), 1.4632315243rem); --h5: clamp(1.3333333333rem, calc(0.5991789209vw + 1.1415960786rem), 1.9504876219rem); --h4: clamp(1.6rem, calc(0.9708737864vw + 1.2893203883rem), 2.6rem); --h3: clamp(1.92rem, calc(1.500776699vw + 1.4397514563rem), 3.4658rem); --h2: clamp(2.304rem, calc(2.2484576699vw + 1.5844935456rem), 4.6199114rem); --h1: clamp(2.7648rem, calc(3.2947008701vw + 1.7104957216rem), 6.1583418962rem); }}@supports (padding: calc(1vw + 2vw)) {:root { --space-xs: calc(1.125562711rem + (0.6522150668 * ((100vw - 32rem) / 103))); --space-s: calc(1.5003750938rem + (1.1662915729 * ((100vw - 32rem) / 103))); --space-m: calc(2rem + (2 * ((100vw - 32rem) / 103))); --space-l: calc(2.666rem + (3.334 * ((100vw - 32rem) / 103))); --space-xl: calc(3.553778rem + (5.446222 * ((100vw - 32rem) / 103))); --space-xxl: calc(4.737186074rem + (8.762813926 * ((100vw - 32rem) / 103))); --section-space-xs: calc(2.251125422rem + (4.8599856891 * ((100vw - 32rem) / 103))); --section-space-s: calc(3.0007501875rem + (7.6659164791 * ((100vw - 32rem) / 103))); --section-space-m: calc(4rem + (12 * ((100vw - 32rem) / 103))); --section-space-l: calc(5.332rem + (18.668 * ((100vw - 32rem) / 103))); --section-space-xl: calc(7.107556rem + (28.892444 * ((100vw - 32rem) / 103))); --section-space-xxl: calc(9.474372148rem + (44.525627852 * ((100vw - 32rem) / 103))); --section-padding-x: calc(2rem + (1 * ((100vw - 32rem) / 103))); --gutter: calc(2rem + (1 * ((100vw - 32rem) / 103))); } @media (min-width: 1351px){:root { --space-xs: 1.7777777778rem; --space-s: 2.6666666667rem; --space-m: 4rem; --space-l: 6rem; --space-xl: 9rem; --space-xxl: 13.5rem; --section-space-xs: 7.1111111111rem; --section-space-s: 10.6666666667rem; --section-space-m: 16rem; --section-space-l: 24rem; --section-space-xl: 36rem; --section-space-xxl: 54rem; --section-padding-x: 3rem; --gutter: 3rem; }}}@supports (padding: clamp(1vw, 2vw, 3vw)) {:root { --space-xs: clamp(1.125562711rem, calc(0.6332185114vw + 0.9229327874rem), 1.7777777778rem); --space-s: clamp(1.5003750938rem, calc(1.1323219154vw + 1.1380320808rem), 2.6666666667rem); --space-m: clamp(2rem, calc(1.9417475728vw + 1.3786407767rem), 4rem); --space-l: clamp(2.666rem, calc(3.2368932039vw + 1.6301941748rem), 6rem); --space-xl: clamp(3.553778rem, calc(5.2875941748vw + 1.8617478641rem), 9rem); --space-xxl: clamp(4.737186074rem, calc(8.5075863359vw + 2.0147584465rem), 13.5rem); --section-space-xs: clamp(2.251125422rem, calc(4.7184327079vw + 0.7412269555rem), 7.1111111111rem); --section-space-s: clamp(3.0007501875rem, calc(7.4426373584vw + 0.6191062329rem), 10.6666666667rem); --section-space-m: clamp(4rem, calc(11.6504854369vw + 0.2718446602rem), 16rem); --section-space-l: clamp(5.332rem, calc(18.1242718447vw + -0.4677669903rem), 24rem); --section-space-xl: clamp(7.107556rem, calc(28.0509165049vw + -1.8687372816rem), 36rem); --section-space-xxl: clamp(9.474372148rem, calc(43.2287649049vw + -4.3588326216rem), 54rem); --section-padding-x: clamp(2rem, calc(0.9708737864vw + 1.6893203883rem), 3rem); --gutter: clamp(2rem, calc(0.9708737864vw + 1.6893203883rem), 3rem); }}.gap--xs.gap--xs { gap: var(--space-xs); --row-gap: var(--space-xs); --col-gap: var(--space-xs); --grid-gap: var(--space-xs); }.gap--s.gap--s { gap: var(--space-s); --row-gap: var(--space-s); --col-gap: var(--space-s); --grid-gap: var(--space-s); }.gap--m.gap--m { gap: var(--space-m); --row-gap: var(--space-m); --col-gap: var(--space-m); --grid-gap: var(--space-m); }.gap--l.gap--l { gap: var(--space-l); --row-gap: var(--space-l); --col-gap: var(--space-l); --grid-gap: var(--space-l); }.gap--xl.gap--xl { gap: var(--space-xl); --row-gap: var(--space-xl); --col-gap: var(--space-xl); --grid-gap: var(--space-xl); }.gap--xxl.gap--xxl { gap: var(--space-xxl); --row-gap: var(--space-xxl); --col-gap: var(--space-xxl); --grid-gap: var(--space-xxl); }.col-gap--xs.col-gap--xs { column-gap: var(--space-xs); --col-gap: var(--space-xs); }.col-gap--s.col-gap--s { column-gap: var(--space-s); --col-gap: var(--space-s); }.col-gap--m.col-gap--m { column-gap: var(--space-m); --col-gap: var(--space-m); }.col-gap--l.col-gap--l { column-gap: var(--space-l); --col-gap: var(--space-l); }.col-gap--xl.col-gap--xl { column-gap: var(--space-xl); --col-gap: var(--space-xl); }.col-gap--xxl.col-gap--xxl { column-gap: var(--space-xxl); --col-gap: var(--space-xxl); }.row-gap--xs.row-gap--xs { row-gap: var(--space-xs); --row-gap: var(--space-xs); }.row-gap--s.row-gap--s { row-gap: var(--space-s); --row-gap: var(--space-s); }.row-gap--m.row-gap--m { row-gap: var(--space-m); --row-gap: var(--space-m); }.row-gap--l.row-gap--l { row-gap: var(--space-l); --row-gap: var(--space-l); }.row-gap--xl.row-gap--xl { row-gap: var(--space-xl); --row-gap: var(--space-xl); }.row-gap--xxl.row-gap--xxl { row-gap: var(--space-xxl); --row-gap: var(--space-xxl); }.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: 0px; }:root { --fr-bg-light: var(--bg-light); --fr-bg-dark: var(--bg-dark); --fr-text-light: var(--text-light); --fr-text-dark: var(--text-dark); --fr-card-padding: var(--card-padding, var(--space-m)); --fr-card-gap: var(--card-gap, var(--space-s)); --fr-card-border-size: var(--card-border-width, 0.15rem); --fr-card-border-color: var(--card-border-color, var(--shade-light)); --fr-card-border-style: var(--card-border-style, solid); --fr-card-radius: var(--card-radius, var(--radius-xs)); --fr-card-avatar-radius: var(--card-avatar-radius, 50%); --fr-lede-width: 60ch; --fr-list-pad-y: 0.75em; --fr-list-pad-x: 1.25em; --fr-hero-padding: var(--section-space-xl); }.fr-lede, p.fr-lede { max-width: 60ch; }:root { --f-label-size: clamp(1.4rem, calc(0.1941747573vw + 1.3378640777rem), 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.1941747573vw + 1.3378640777rem), 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.1941747573vw + 1.1378640777rem), 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.1941747573vw + 1.3378640777rem), 1.6rem); --f-input-font-weight: 400; --f-input-line-height: 1; --f-input-height: 4rem; --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(--f-light-input-radius); --f-btn-text-size: clamp(1.4rem, calc(0.1941747573vw + 1.3378640777rem), 1.6rem); --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: 1em; --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.1941747573vw + 1.3378640777rem), 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.1941747573vw + 1.5378640777rem), 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 input[type="date"], .form--dark input[type="datetime-local"], .form--dark input[type="month"], .form--dark input[type="password"], .form--dark input[type="search"], .form--dark input[type="time"], .form--dark input[type="week"], .form--dark input[type="email"], .form--dark input[type="number"], .form--dark input[type="tel"], .form--dark input[type="text"], .form--dark input[type="url"], .form--dark select:not([multiple]):not([size]), .form--dark .bricks-search-form input[type="date"], .form--dark .bricks-search-form input[type="datetime-local"], .form--dark .bricks-search-form input[type="month"], .form--dark .bricks-search-form input[type="password"], .form--dark .bricks-search-form input[type="search"], .form--dark .bricks-search-form input[type="time"], .form--dark .bricks-search-form input[type="week"], .form--dark .bricks-search-form input[type="email"], .form--dark .bricks-search-form input[type="number"], .form--dark .bricks-search-form input[type="tel"], .form--dark .bricks-search-form input[type="text"], .form--dark .bricks-search-form input[type="url"], .form--dark .bricks-search-form select:not([multiple]):not([size]), .form--dark .brxe-post-comments input[type="date"], .form--dark .brxe-post-comments input[type="datetime-local"], .form--dark .brxe-post-comments input[type="month"], .form--dark .brxe-post-comments input[type="password"], .form--dark .brxe-post-comments input[type="search"], .form--dark .brxe-post-comments input[type="time"], .form--dark .brxe-post-comments input[type="week"], .form--dark .brxe-post-comments input[type="email"], .form--dark .brxe-post-comments input[type="number"], .form--dark .brxe-post-comments input[type="tel"], .form--dark .brxe-post-comments input[type="text"], .form--dark .brxe-post-comments input[type="url"], .form--dark .brxe-post-comments select:not([multiple]):not([size]) { height: var(--f-input-height, 4rem); }.form--dark .input, .form--dark input:not([type="submit"]), .form--dark select, .form--dark textarea, .form--dark .bricks-search-form .input, .form--dark .bricks-search-form input:not([type="submit"]), .form--dark .bricks-search-form select, .form--dark .bricks-search-form textarea, .form--dark .brxe-post-comments .input, .form--dark .brxe-post-comments input:not([type="submit"]), .form--dark .brxe-post-comments select, .form--dark .brxe-post-comments textarea { background-color: var(--f-dark-input-background, var(--shade-dark)); border-top-width: var(--f-input-border-top-size, 0.1rem); border-right-width: var(--f-input-border-right-size, 0.1rem); border-bottom-width: var(--f-input-border-bottom-size, 0.1rem); border-left-width: var(--f-input-border-left-size, 0.1rem); border-style: var(--f-input-border-style, solid); border-color: var(--f-dark-input-border-color, var(--shade-medium)); color: var(--f-dark-input-text-color, var(--shade-ultra-light)); font-size: var(--f-input-size, --text-m); font-weight: var(--f-input-font-weight, 400); line-height: var(--f-input-line-height, 1); padding: var(--f-input-padding-y, 0.5em) var(--f-input-padding-x, 1em); border-radius: var(--f-input-border-radius, var(--btn-radius)); transition: var(--transition-duration) var(--transition-timing) var(--transition-delay); }.form--dark label:not(.ff-el-form-check-label), .form--dark div.label, .form--dark .bricks-search-form label:not(.ff-el-form-check-label), .form--dark .bricks-search-form div.label, .form--dark .brxe-post-comments label:not(.ff-el-form-check-label), .form--dark .brxe-post-comments div.label { background-color: var(--f-dark-label-background-color, var(--base-ultra-dark)); color: var(--f-dark-label-text-color, var(--shade-ultra-light)); font-size: var(--f-label-size, --text-m); font-weight: var(--f-label-font-weight, 400); line-height: var(--f-label-line-height, 1); margin-block-end: var(--f-label-margin-bottom, 0.5em); text-transform: var(--f-label-text-transform, none); padding: var(--f-label-padding-y, 0) var(--f-label-padding-x, 0); }@media (min-width: 768px){.form--dark .frm-fluent-form .ff-t-container { gap: var(--f-grid-gutter, 2rem); }}.form--dark .frm-fluent-form input[type="date"], .form--dark .frm-fluent-form input[type="datetime-local"], .form--dark .frm-fluent-form input[type="month"], .form--dark .frm-fluent-form input[type="password"], .form--dark .frm-fluent-form input[type="search"], .form--dark .frm-fluent-form input[type="time"], .form--dark .frm-fluent-form input[type="week"], .form--dark .frm-fluent-form input[type="email"], .form--dark .frm-fluent-form input[type="number"], .form--dark .frm-fluent-form input[type="tel"], .form--dark .frm-fluent-form input[type="text"], .form--dark .frm-fluent-form input[type="url"], .form--dark .frm-fluent-form select:not([multiple]):not([size]) { height: var(--f-input-height, 4rem); }.form--dark .frm-fluent-form .input, .form--dark .frm-fluent-form input:not([type="submit"]), .form--dark .frm-fluent-form select, .form--dark .frm-fluent-form textarea { background-color: var(--f-dark-input-background, var(--shade-dark)); border-top-width: var(--f-input-border-top-size, 0.1rem); border-right-width: var(--f-input-border-right-size, 0.1rem); border-bottom-width: var(--f-input-border-bottom-size, 0.1rem); border-left-width: var(--f-input-border-left-size, 0.1rem); border-style: var(--f-input-border-style, solid); border-color: var(--f-dark-input-border-color, var(--shade-medium)); color: var(--f-dark-input-text-color, var(--shade-ultra-light)); font-size: var(--f-input-size, --text-m); font-weight: var(--f-input-font-weight, 400); line-height: var(--f-input-line-height, 1); padding: var(--f-input-padding-y, 0.5em) var(--f-input-padding-x, 1em); border-radius: var(--f-input-border-radius, var(--btn-radius)); transition: var(--transition-duration) var(--transition-timing) var(--transition-delay); }.form--dark .frm-fluent-form .ff-el-form-control:focus { border-color: var(--f-dark-input-border-color, var(--shade-medium)); color: var(--f-dark-input-text-color, var(--shade-ultra-light)); background-color: var(--f-dark-input-background, var(--shade-dark)); }.form--dark .frm-fluent-form .ff-btn:not(.ff_upload_btn) { background-color: var(--f-dark-btn-background, var(--action)); color: var(--f-dark-btn-text-color, var(--action-ultra-light)); border-style: var(--f-btn-border-style, solid); border-width: var(--f-btn-border-width, var(--btn-border-width)); border-color: var(--f-dark-btn-border-color, var(--action)); border-radius: var(--f-btn-border-radius, var(--f-light-input-radius)); font-size: var(--f-btn-text-size, --text-m); font-weight: var(--f-btn-font-weight, 400); line-height: var(--f-btn-line-height, 1); padding: var(--f-btn-padding-y, 0.75em) var(--f-btn-padding-x, 1.5em); margin-block-start: var(--f-btn-margin-top, 1em); text-align: center; text-decoration: var(--f-btn-text-decoration, none); text-transform: var(--f-btn-text-transform, none); transition: all var(--btn-transition-duration) ease; min-height: var(--f-input-height, 4rem); }.form--dark .frm-fluent-form .ff-el-group { padding-inline: calc(var(--f-grid-gutter, 2rem) / 2) !important; }.form--dark .frm-fluent-form .ff-el-group:not(.ff_submit_btn_wrapper) { margin-block-end: var(--f-field-margin-bottom, 1.5em); }.form--dark .frm-fluent-form label:not(.ff-el-form-check-label) { background-color: var(--f-dark-label-background-color, var(--base-ultra-dark)); color: var(--f-dark-label-text-color, var(--shade-ultra-light)); font-size: var(--f-label-size, --text-m); font-weight: var(--f-label-font-weight, 400); line-height: var(--f-label-line-height, 1); margin-block-end: var(--f-label-margin-bottom, 0.5em); text-transform: var(--f-label-text-transform, none); padding: var(--f-label-padding-y, 0) var(--f-label-padding-x, 0); }.form--dark .frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-form-check:first-child label > span, .form--dark .frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-form-check label > span, .form--dark .frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-form-check:last-child label > span { 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(--primary); --btn-background-hover: var(--primary); --btn-text-color: var(--white); --btn-text-color-hover: var(--white); --btn-border-color: var(--primary); --btn-border-color-hover: var(--primary); --focus-color: var(--primary); }.form--light .frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-form-check:first-child label > span, .form--light .frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-form-check label > span, .form--light .frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-form-check:last-child label > span { 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(--primary); --btn-background-hover: var(--primary); --btn-text-color: var(--white); --btn-text-color-hover: var(--white); --btn-border-color: var(--primary); --btn-border-color-hover: var(--primary); --focus-color: var(--primary); }.border-top--light:where(:not(:is(figure, picture))), .border-top--light:where(figure, picture) > img { border-block-start: var(--border-light); }.border-top--dark:where(:not(:is(figure, picture))), .border-top--dark:where(figure, picture) > img { border-block-start: var(--border-dark); }.border-bottom--light:where(:not(:is(figure, picture))), .border-bottom--light:where(figure, picture) > img { border-block-end: var(--border-light); }.border-bottom--dark:where(:not(:is(figure, picture))), .border-bottom--dark:where(figure, picture) > img { border-block-end: var(--border-dark); }.border-left--light:where(:not(:is(figure, picture))), .border-left--light:where(figure, picture) > img { border-inline-start: var(--border-light); }.border-left--dark:where(:not(:is(figure, picture))), .border-left--dark:where(figure, picture) > img { border-inline-start: var(--border-dark); }.border-right--light:where(:not(:is(figure, picture))), .border-right--light:where(figure, picture) > img { border-inline-end: var(--border-light); }.border-right--dark:where(:not(:is(figure, picture))), .border-right--dark:where(figure, picture) > img { border-inline-end: var(--border-dark); }.border-block--light:where(:not(:is(figure, picture))), .border-block--light:where(figure, picture) > img { border-block: var(--border-light); }.border-block--dark:where(:not(:is(figure, picture))), .border-block--dark:where(figure, picture) > img { border-block: var(--border-dark); }.border-inline--light:where(:not(:is(figure, picture))), .border-inline--light:where(figure, picture) > img { border-inline: var(--border-light); }.border-inline--dark:where(:not(:is(figure, picture))), .border-inline--dark:where(figure, picture) > img { border-inline: var(--border-dark); }a[class*="link--"]:hover, [class*="link--"] a:hover, button[class*="link--"]:hover, [class*="link--"] button:hover { color: var(--link-color-hover); text-decoration-color: var(--link-color-hover); }.link--primary { --link-color: var(--primary); --link-color-hover: var(--primary-hover); }.link-hover--primary.link-hover--primary { --link-color-hover: var(--primary); }.link--primary-hover { --link-color: var(--primary-hover); --link-color-hover: var(--primary-hover-hover); }.link-hover--primary-hover.link-hover--primary-hover { --link-color-hover: var(--primary-hover); }.link--primary-ultra-light { --link-color: var(--primary-ultra-light); --link-color-hover: var(--primary-ultra-light-hover); }.link-hover--primary-ultra-light.link-hover--primary-ultra-light { --link-color-hover: var(--primary-ultra-light); }.link--primary-light { --link-color: var(--primary-light); --link-color-hover: var(--primary-light-hover); }.link-hover--primary-light.link-hover--primary-light { --link-color-hover: var(--primary-light); }.link--primary-semi-light { --link-color: var(--primary-semi-light); --link-color-hover: var(--primary-semi-light-hover); }.link-hover--primary-semi-light.link-hover--primary-semi-light { --link-color-hover: var(--primary-semi-light); }.link--primary-semi-dark { --link-color: var(--primary-semi-dark); --link-color-hover: var(--primary-semi-dark-hover); }.link-hover--primary-semi-dark.link-hover--primary-semi-dark { --link-color-hover: var(--primary-semi-dark); }.link--primary-dark { --link-color: var(--primary-dark); --link-color-hover: var(--primary-dark-hover); }.link-hover--primary-dark.link-hover--primary-dark { --link-color-hover: var(--primary-dark); }.link--primary-ultra-dark { --link-color: var(--primary-ultra-dark); --link-color-hover: var(--primary-ultra-dark-hover); }.link-hover--primary-ultra-dark.link-hover--primary-ultra-dark { --link-color-hover: var(--primary-ultra-dark); }.link--primary-comp { --link-color: var(--primary-comp); --link-color-hover: var(--primary-comp-hover); }.link-hover--primary-comp.link-hover--primary-comp { --link-color-hover: var(--primary-comp); }.link--primary-medium { --link-color: var(--primary-medium); --link-color-hover: var(--primary-medium-hover); }.link-hover--primary-medium.link-hover--primary-medium { --link-color-hover: var(--primary-medium); }.link--base { --link-color: var(--base); --link-color-hover: var(--base-hover); }.link-hover--base.link-hover--base { --link-color-hover: var(--base); }.link--base-hover { --link-color: var(--base-hover); --link-color-hover: var(--base-hover-hover); }.link-hover--base-hover.link-hover--base-hover { --link-color-hover: var(--base-hover); }.link--base-ultra-light { --link-color: var(--base-ultra-light); --link-color-hover: var(--base-ultra-light-hover); }.link-hover--base-ultra-light.link-hover--base-ultra-light { --link-color-hover: var(--base-ultra-light); }.link--base-light { --link-color: var(--base-light); --link-color-hover: var(--base-light-hover); }.link-hover--base-light.link-hover--base-light { --link-color-hover: var(--base-light); }.link--base-semi-light { --link-color: var(--base-semi-light); --link-color-hover: var(--base-semi-light-hover); }.link-hover--base-semi-light.link-hover--base-semi-light { --link-color-hover: var(--base-semi-light); }.link--base-semi-dark { --link-color: var(--base-semi-dark); --link-color-hover: var(--base-semi-dark-hover); }.link-hover--base-semi-dark.link-hover--base-semi-dark { --link-color-hover: var(--base-semi-dark); }.link--base-dark { --link-color: var(--base-dark); --link-color-hover: var(--base-dark-hover); }.link-hover--base-dark.link-hover--base-dark { --link-color-hover: var(--base-dark); }.link--base-ultra-dark { --link-color: var(--base-ultra-dark); --link-color-hover: var(--base-ultra-dark-hover); }.link-hover--base-ultra-dark.link-hover--base-ultra-dark { --link-color-hover: var(--base-ultra-dark); }.link--base-comp { --link-color: var(--base-comp); --link-color-hover: var(--base-comp-hover); }.link-hover--base-comp.link-hover--base-comp { --link-color-hover: var(--base-comp); }.link--base-medium { --link-color: var(--base-medium); --link-color-hover: var(--base-medium-hover); }.link-hover--base-medium.link-hover--base-medium { --link-color-hover: var(--base-medium); }.link--white { --link-color: var(--white); --link-color-hover: var(--white-hover); }.link-hover--white.link-hover--white { --link-color-hover: var(--white); }.link--black { --link-color: var(--black); --link-color-hover: var(--black-hover); }.link-hover--black.link-hover--black { --link-color-hover: var(--black); }.fade--block { --fade-amount: 25%; mask-image: linear-gradient(to bottom, transparent 0%, black var(--fade-amount), black calc(100% - var(--fade-amount)), transparent 100%); }.fade--inline { --fade-amount: 25%; mask-image: linear-gradient(to right, transparent 0%, black var(--fade-amount), black calc(100% - var(--fade-amount)), transparent 100%); }.fade--top { --fade-amount: 25%; mask-image: linear-gradient(to bottom, transparent 0%, black var(--fade-amount)); }.fade--right { --fade-amount: 25%; mask-image: linear-gradient(to left, transparent 0%, black var(--fade-amount)); }.fade--bottom { --fade-amount: 25%; mask-image: linear-gradient(to top, transparent 0%, black var(--fade-amount)); }.fade--left { --fade-amount: 25%; mask-image: linear-gradient(to right, transparent 0%, black var(--fade-amount)); }:root { --wp-page-block-width: 100%; --wp-post-block-width: 767px; }.btn--primary { --btn-background: var(--primary); --btn-background-hover: var(--primary); --btn-text-color: var(--white); --btn-text-color-hover: var(--white); --btn-border-color: var(--primary); --btn-border-color-hover: var(--primary); --focus-color: var(--primary); }.btn--base { --btn-background: var(--base); --btn-background-hover: var(--base); --btn-text-color: var(--white); --btn-text-color-hover: var(--white); --btn-border-color: var(--base); --btn-border-color-hover: var(--base); --focus-color: var(--base); }.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); --focus-color: var(--action); }.btn--black.btn--outline { --btn-background: transparent; --btn-background-hover: var(--white); --btn-text-color: var(--shade-black); --btn-text-color-hover: var(--action-ultra-light); --btn-border-width: 0.25rem; --btn-border-color: var(--black); --btn-border-color-hover: var(--white); --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); --focus-color: var(--action); }.btn--white.btn--outline { --btn-background: transparent; --btn-background-hover: var(--white-hover); --btn-text-color: var(--shade-white); --btn-text-color-hover: var(--action-ultra-light); --btn-border-width: 0.25rem; --btn-border-color: var(--white); --btn-border-color-hover: var(--white-hover); --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); }[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); }.btn--xs:not(.wp-block-button), .wp-block-button.btn--xs > a, .wp-block-button.btn--xs > .wp-block-button__link { font-size: var(--text-xs); }.btn--s:not(.wp-block-button), .wp-block-button.btn--s > a, .wp-block-button.btn--s > .wp-block-button__link { font-size: var(--text-s); }.btn--m:not(.wp-block-button), .wp-block-button.btn--m > a, .wp-block-button.btn--m > .wp-block-button__link { font-size: var(--text-m); }.btn--l:not(.wp-block-button), .wp-block-button.btn--l > a, .wp-block-button.btn--l > .wp-block-button__link { font-size: var(--text-l); }.btn--xl:not(.wp-block-button), .wp-block-button.btn--xl > a, .wp-block-button.btn--xl > .wp-block-button__link { font-size: var(--text-xl); }.btn--xxl:not(.wp-block-button), .wp-block-button.btn--xxl > a, .wp-block-button.btn--xxl > .wp-block-button__link { font-size: var(--text-xxl); }a[class*="btn--"] { display: inline-flex; }@layer bricks { :root { --bricks-vh: 1vh; --bricks-transition: all 0.2s; --bricks-color-primary: #ffd64f; --bricks-color-secondary: #fc5778; --bricks-text-dark: #212121; --bricks-text-medium: #616161; --bricks-text-light: #9e9e9e; --bricks-text-info: #00b0f4; --bricks-text-success: #11b76b; --bricks-text-warning: #ffa100; --bricks-text-danger: #fa4362; --bricks-bg-info: #e5f3ff; --bricks-bg-success: #e6f6ed; --bricks-bg-warning: #fff2d7; --bricks-bg-danger: #ffe6ec; --bricks-bg-dark: #263238; --bricks-bg-light: #f5f6f7; --bricks-border-color: #dddedf; --bricks-border-radius: 4px; --bricks-tooltip-bg: #23282d; --bricks-tooltip-text: #eaecef; } @keyframes load8 { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } @keyframes spin { 100% { transform: rotate(1turn); } } @keyframes scrolling { 0% { opacity: 1; } 100% { opacity: 0; transform: translateY(10px); } } html { text-size-adjust: 100%; line-height: 1.15; } body { margin: 0px; } article, aside, figcaption, figure, footer, header, main, nav, section { display: block; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0px; overflow: visible; } abbr[title] { border-bottom: none; text-decoration: underline dotted; } code, kbd, samp { font-family: monospace; font-size: 1em; } dfn { font-style: italic; } mark { background-color: rgb(255, 255, 0); color: rgb(0, 0, 0); } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } audio, video { display: inline-block; } audio:not([controls]) { display: none; height: 0px; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0px; } button, input { overflow: visible; } button, select { text-transform: none; } [type="reset"], [type="submit"], button, html [type="button"] { appearance: button; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0px; white-space: normal; } progress { display: inline-block; vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0px; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { appearance: none; } ::-webkit-file-upload-button { appearance: button; font: inherit; } details, menu { display: block; } summary { display: list-item; } canvas { display: inline-block; } [hidden], template { display: none; } .brxe-section { align-items: center; display: flex; flex-direction: column; margin-left: auto; margin-right: auto; width: 100%; } @media (max-width: 767px) { .brxe-section { flex-wrap: wrap; } } .brxe-section.has-bg-video { position: relative; z-index: 1; } .brxe-section.has-shape { position: relative; } .brxe-section.bricks-lazy-hidden { background-image: none !important; } .brxe-container { align-items: flex-start; display: flex; flex-direction: column; margin-left: auto; margin-right: auto; width: 1100px; } @media (max-width: 767px) { .brxe-container { flex-wrap: wrap; } } .brxe-container.has-bg-video { position: relative; z-index: 1; } .brxe-container.has-shape { position: relative; } .brxe-container.bricks-lazy-hidden { background-image: none !important; } .brxe-block { align-items: flex-start; display: flex; flex-direction: column; width: 100%; } @media (max-width: 767px) { .brxe-block { flex-wrap: wrap; } } .brxe-block.has-bg-video { position: relative; z-index: 1; } .brxe-block.has-shape { position: relative; } .brxe-block.bricks-lazy-hidden { background-image: none !important; } .brxe-div.has-bg-video { position: relative; z-index: 1; } .brxe-div.has-shape { position: relative; } .brxe-div.bricks-lazy-hidden { background-image: none !important; } [class*="brxe-"] { max-width: 100%; } :where([class*="brxe-"].has-shape > *) { position: relative; } svg:not([width]) { min-width: 1em; } svg:not([height]) { min-height: 1em; } svg.fill * { fill: inherit; } svg.stroke * { stroke: inherit; } span[class*="brxe-"]:not(.brxe-section):not(.brxe-container):not(.brxe-block):not(.brxe-div) { width: auto; } .bricks-element-placeholder { align-items: stretch; background-color: var(--bricks-bg-info); color: var(--bricks-text-info); display: flex; font-family: monospace; font-size: 16px; font-weight: 700; line-height: 1.4; text-align: left; height: auto !important; max-width: 100% !important; opacity: 1 !important; width: auto !important; } .bricks-element-placeholder.no-php-class { padding: 15px; } .bricks-element-placeholder.no-php-class, .bricks-element-placeholder[data-type="error"] { background-color: var(--bricks-bg-danger); color: var(--bricks-text-danger); } .bricks-element-placeholder[data-type="error"] i { background-color: var(--bricks-text-danger); } .bricks-element-placeholder i { align-items: center; background-color: var(--bricks-text-info); color: rgb(255, 255, 255); flex-direction: column; justify-content: center; min-height: 60px; min-width: 80px; padding: 0px 15px; display: flex !important; font-size: 30px !important; } .bricks-element-placeholder a { text-decoration: underline; } .bricks-element-placeholder .placeholder-inner { display: flex; flex-direction: column; justify-content: center; padding: 15px 20px; } .bricks-element-placeholder .placeholder-title { align-items: center; display: flex; font-size: 17px; margin: 0px; } .bricks-element-placeholder .placeholder-description { font-size: 14px; margin-top: 0.5em; } #brx-footer { background-position: 50% center; background-size: cover; flex-shrink: 0; margin-top: auto; position: relative; width: 100%; } body.admin-bar .brx-popup:not(.brx-infobox-popup):not(.brx-infobox-popup-builder) { height: calc(var(--bricks-vh, 1vh)*100 - var(--wp-admin--admin-bar--height, 0)); top: var(--wp-admin--admin-bar--height,0); } .brx-popup:not(.brx-infobox-popup):not(.brx-infobox-popup-builder) { align-items: center; display: flex; flex-direction: column; height: calc(var(--bricks-vh, 1vh)*100); justify-content: center; left: 0px; top: 0px; width: 100%; z-index: 10000; position: fixed !important; } .brx-popup:not(.brx-infobox-popup):not(.brx-infobox-popup-builder) .brx-popup-backdrop { background-color: rgba(0, 0, 0, 0.5); inset: 0px; opacity: 1; position: absolute; transition: 1s ease-in-out; visibility: visible; } .brx-popup:not(.brx-infobox-popup):not(.brx-infobox-popup-builder).builder { z-index: 999; } .brx-popup:not(.brx-infobox-popup):not(.brx-infobox-popup-builder).hide { opacity: 0; pointer-events: none; visibility: hidden; } .brx-popup:not(.brx-infobox-popup):not(.brx-infobox-popup-builder).hide .brx-popup-backdrop { opacity: 0; visibility: hidden; } .brx-infobox-popup-builder { --brx-info-box-width: 300px; display: flex; flex-direction: column; left: 50%; position: absolute; top: 50%; width: var(--brx-info-box-width); transform: translate(-50%, -50%) !important; } .brx-popup-content { background-color: rgb(255, 255, 255); margin: 0px; max-width: 100%; overflow-y: auto; padding: 30px; z-index: 1; } .brx-popup-content.brx-woo-quick-view { width: auto; } html { font-size: 62.5%; } *, ::after, ::before, html { box-sizing: border-box; } ::after, ::before { outline: none; } * { border-color: var(--bricks-border-color); } body { -webkit-font-smoothing: antialiased; background-color: rgb(255, 255, 255); background-position: 50% center; color: rgb(54, 54, 54); font-family: -apple-system, "system-ui", "Segoe UI", roboto, helvetica, arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 15px; line-height: 1.7; transition: padding-top; } body.no-scroll { overflow: hidden; } body.brx-boxed { margin: 0px auto; min-height: 100vh; } .brx-body { display: flex; flex-direction: column; margin: 0px auto; width: 100%; } :where(a) { border-color: currentcolor; color: currentcolor; cursor: pointer; text-decoration: none; } h1, h2, h3, h4, h5, h6 { margin: 0px; text-rendering: optimizelegibility; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: currentcolor; } h1 { font-size: 2.4em; } h1, h2 { line-height: 1.4; } h2 { font-size: 2.1em; } h3 { font-size: 1.8em; } h3, h4 { line-height: 1.4; } h4 { font-size: 1.6em; } h5 { font-size: 1.3em; } h5, h6 { line-height: 1.4; } h6 { font-size: 1.1em; } :where(p) { margin-block: 0px 1.2em; } :where(p:last-of-type) { margin-block-end: 0px; } :where(p:last-of-type) + h1, :where(p:last-of-type) + h2, :where(p:last-of-type) + h3, :where(p:last-of-type) + h4, :where(p:last-of-type) + h5, :where(p:last-of-type) + h6 { margin-block: 1.2em 0px; } figcaption { color: var(--bricks-text-light); font-size: 0.9em; margin: 1em 0px; text-align: center; } img { height: auto; max-width: 100%; outline: none; vertical-align: middle; } .bricks-lazy-hidden.wait, .bricks-lazy-load-isotope.wait { background-position: 50% 50%; background-repeat: no-repeat; background-size: 32px; filter: brightness(0.5); transition: all; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEpIiBzdHJva2Utd2lkdGg9IjIiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGNpcmNsZSBzdHJva2Utb3BhY2l0eT0iLjUiIGN4PSIxOCIgY3k9IjE4IiByPSIxOCIvPjxwYXRoIGQ9Ik0zNiAxOGMwLTkuOTQtOC4wNi0xOC0xOC0xOCI+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMTggMTgiIHRvPSIzNjAgMTggMTgiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9wYXRoPjwvZz48L3N2Zz4=") !important; } audio, iframe { max-width: 100%; } button { border: none; cursor: pointer; outline: none; padding: 0px; } blockquote { border-left-style: solid; border-left-width: 4px; font-family: georgia, "Times New Roman", times, serif; font-size: 1.3em; margin: 15px 0px; padding: 0px 0px 0px 30px; position: relative; } blockquote cite { display: block; font-size: 0.8em; font-style: normal; margin-top: 0.5em; opacity: 0.5; text-transform: uppercase; } hr { border-right: none; border-bottom: none; border-left: none; border-image: initial; border-top: 1px solid var(--bricks-border-color); margin: 1em 0px; } pre { background-color: var(--bricks-bg-light); color: rgb(252, 31, 73); font-family: monospace; font-size: 13px; margin: 0px; padding: 10px 15px; white-space: pre-wrap; } table { width: 100%; } table[class*="brxe-"] { display: table; } label { color: var(--bricks-text-light); display: block; font-weight: 400; margin-bottom: 5px; } button, input, optgroup, select, textarea { font-family: inherit; text-align: inherit; } .input, input:not([type="submit"]), select, textarea { border-style: solid; border-width: 1px; box-shadow: none; color: currentcolor; font-size: inherit; line-height: 40px; outline: none; padding: 0px 12px; transition: var(--bricks-transition); width: 100%; } input[type="range"] { border: none; height: auto; line-height: 1; padding: 0px; } input[type="button"], input[type="checkbox"], input[type="radio"] { width: auto; } input[type="checkbox"], input[type="radio"], input[type="submit"], select { cursor: pointer; } select { appearance: none; background-color: transparent; background-image: linear-gradient(45deg, transparent 50%, gray 0px), linear-gradient(135deg, gray 50%, transparent 0px); background-position: calc(100% - 20px) calc(50% + 2px), calc(100% - 16px) calc(50% + 2px); background-repeat: no-repeat; background-size: 4px 4px, 4px 4px; border-radius: 0px; } textarea { height: auto; min-height: 90px; padding: 10px 12px; line-height: inherit !important; } ::placeholder { color: var(--bricks-border-color); } .skip-link { clip: rect(1px, 1px, 1px, 1px); background: rgb(0, 0, 0); border-bottom-right-radius: 8px; color: rgb(255, 255, 255); font-weight: 700; height: 1px; left: 0px; overflow: hidden; padding: 5px 10px; position: absolute; top: 0px; transition: transform 0.1s; white-space: nowrap; width: 1px; z-index: 9999; } .skip-link:focus { clip: auto; height: auto; overflow: visible; width: auto; } body.bricks-is-frontend :focus-visible { outline: auto; } @supports not selector(:focus-visible) { body.bricks-is-frontend :focus { outline: auto; } } .bricks-archive-title-wrapper { margin: 60px auto; text-align: center; } .bricks-archive-title-wrapper .title { margin: 0px; } .brx-has-megamenu.open .brx-megamenu { opacity: 1; visibility: visible; } .brx-megamenu { left: 0px; opacity: 0; position: absolute; transition-duration: 0.2s; transition-property: opacity, transform, visibility; transition-timing-function: ease; visibility: hidden; width: 100%; z-index: 998; } .brx-megamenu:not(.brx-submenu-positioned) { display: none !important; } .brx-has-multilevel .open > ul, .brx-has-multilevel.open > ul { opacity: 1; transform: translate(0px); visibility: visible; } .brx-has-multilevel .open.active, .brx-has-multilevel .open.active > ul > li, .brx-has-multilevel.open.active, .brx-has-multilevel.open.active > ul > li { display: flex; } .brx-has-multilevel .menu-item a { width: 100%; } .brx-has-multilevel .open:not(.active) > .brx-submenu-toggle { display: none; } .brx-has-multilevel > ul ul { transform: translate(20px); transition: transform 0.1s cubic-bezier(0, 0, 0.2, 1); will-change: transform; } .brx-has-multilevel ul:not(.brx-multilevel-overflow-right) { left: 0px !important; } .brx-has-multilevel ul .active > .brx-submenu-toggle, .brx-has-multilevel ul li:not(.open) { display: none; } .brx-submenu-toggle { align-items: center; cursor: pointer; display: flex; } .brx-submenu-toggle.icon-right button { margin-left: 10px; } .brx-submenu-toggle.icon-left { flex-direction: row-reverse; } .brx-submenu-toggle.icon-left button { margin-right: 10px; } .brx-submenu-toggle button, .brx-submenu-toggle button > * { align-items: center; background-color: transparent; color: currentcolor; display: flex; transition: transform 0.1s cubic-bezier(0, 0, 0.2, 1); will-change: transform; } .brx-multilevel-overflow-right, .brx-multilevel-overflow-right ul, .brx-submenu-overflow-right { left: auto !important; right: 0px !important; } .brx-sub-submenu-overflow-right, .brx-sub-submenu-overflow-right ul, .brx-submenu-overflow-right ul { left: auto !important; right: 100% !important; } #brx-content { flex: 1 1 0%; position: relative; width: 100%; } #brx-content .post-password-form { margin: 0px auto; } #brx-content .post-password-form p:last-child { align-items: flex-end; column-gap: 10px; display: flex; } #brx-content .post-password-form p:last-child label { flex: 1 1 0%; margin: 0px; } #brx-content .post-password-form input[type="submit"] { border-width: 1px; display: inline-flex; padding: 0.5em 1em; } #brx-content > .woocommerce { margin-left: auto; margin-right: auto; } .bricks-layout-wrapper { --columns: 3; --gutter: 0px; display: flex; flex-flow: wrap; list-style-type: none; margin: 0px; padding: 0px; } .bricks-layout-wrapper:not(.bricks-masonry) { width: 100%; } .bricks-layout-wrapper .meta { color: var(--bricks-text-light); } .bricks-layout-item { line-height: 1.6; position: relative; } .bricks-layout-item:last-child img { padding-bottom: 0px !important; } .bricks-layout-item .content-wrapper, .bricks-layout-item .overlay-wrapper { align-items: baseline; inset: 0px; display: flex; flex-flow: column wrap; height: 100%; position: relative; z-index: 1; } .bricks-layout-item .content-wrapper.top, .bricks-layout-item .overlay-wrapper.top { justify-content: flex-start; } .bricks-layout-item .content-wrapper.middle, .bricks-layout-item .overlay-wrapper.middle { justify-content: center; margin-bottom: auto; margin-top: auto; } .bricks-layout-item .content-wrapper.bottom, .bricks-layout-item .overlay-wrapper.bottom { justify-content: flex-end; } .bricks-layout-item .content-wrapper.left, .bricks-layout-item .overlay-wrapper.left { align-items: flex-start; text-align: left; } .bricks-layout-item .content-wrapper.center, .bricks-layout-item .overlay-wrapper.center { align-items: center; text-align: center; } .bricks-layout-item .content-wrapper.right, .bricks-layout-item .overlay-wrapper.right { align-items: flex-end; text-align: right; } .bricks-layout-item .content-wrapper.center.middle, .bricks-layout-item .overlay-wrapper.center.middle { margin-bottom: auto; margin-top: auto; } .bricks-layout-item .overlay-wrapper { position: absolute !important; z-index: 2; } .bricks-layout-item .overlay-wrapper.show-on-hover { opacity: 0; position: relative; transition: var(--bricks-transition); } .bricks-layout-item .overlay-wrapper.show-on-hover:hover { opacity: 1; } .bricks-layout-item .overlay-wrapper.show-on-hover .overlay-inner { transition: var(--bricks-transition); will-change: transform; } .bricks-layout-item .overlay-wrapper.show-on-hover.fade-in-up .overlay-inner { transform: translateY(10px); } .bricks-layout-item .overlay-wrapper.show-on-hover.fade-in-up:hover .overlay-inner { transform: translateY(0px); } .bricks-layout-item .overlay-wrapper.show-on-hover.fade-in-right .overlay-inner { transform: translateX(-10px); } .bricks-layout-item .overlay-wrapper.show-on-hover.fade-in-right:hover .overlay-inner { transform: translateY(0px); } .bricks-layout-item .overlay-wrapper.show-on-hover.fade-in-down .overlay-inner { transform: translateY(-10px); } .bricks-layout-item .overlay-wrapper.show-on-hover.fade-in-down:hover .overlay-inner { transform: translateY(0px); } .bricks-layout-item .overlay-wrapper.show-on-hover.fade-in-left .overlay-inner { transform: translateX(10px); } .bricks-layout-item .overlay-wrapper.show-on-hover.fade-in-left:hover .overlay-inner { transform: translateY(0px); } .bricks-layout-item .overlay-wrapper.show-on-hover.zoom-in .overlay-inner { transform: scale(0.8); } .bricks-layout-item .overlay-wrapper.show-on-hover.zoom-in:hover .overlay-inner { transform: scale(1); } .bricks-layout-item .overlay-wrapper.show-on-hover.zoom-out .overlay-inner { transform: scale(1.2); } .bricks-layout-item .overlay-wrapper.show-on-hover.zoom-out:hover .overlay-inner { transform: scale(1); } .bricks-layout-item .dynamic { margin: 0px; padding: 0px; } .bricks-layout-item .meta { width: 100%; } .bricks-layout-item .meta span:first-child { padding: 0px; } .bricks-layout-item .meta span + span { padding: 0px 5px; } .bricks-layout-item .meta span + span::before { content: " ·"; left: -5px; position: relative; } .bricks-layout-item .excerpt { margin-top: 0.5em; } .bricks-layout-item .taxonomy { margin: 0px -5px; } .bricks-layout-item .taxonomy a { display: inline-block; line-height: 2; margin: 0px 5px; } .bricks-layout-item .bricks-layout-inner { background-position: 50% center; background-repeat: no-repeat; background-size: cover; inset: 0px; display: flex; flex-direction: column; overflow: hidden; position: relative; } li.bricks-gutter-sizer { pointer-events: none; position: absolute; top: -99999px; visibility: hidden; width: var(--gutter) !important; } .bricks-layout-wrapper .image-wrapper { position: relative; } .bricks-layout-wrapper .image-wrapper .overlay-wrapper { height: inherit; } .bricks-layout-wrapper .image { aspect-ratio: 1 / 1; object-fit: cover; position: relative; } .bricks-layout-wrapper a { color: currentcolor; } .bricks-layout-wrapper[data-layout="list"] > li.bricks-layout-item { margin-bottom: var(--gutter); width: 100%; } .bricks-layout-wrapper[data-layout="list"] > li.bricks-layout-item:last-child { margin-bottom: 0px; } .bricks-layout-wrapper[data-layout="list"] .bricks-layout-inner { flex-direction: row; } .bricks-layout-wrapper[data-layout="list"] .bricks-layout-inner > * { flex-basis: 50%; } .bricks-layout-wrapper[data-layout="list"].image-position-top .bricks-layout-inner { flex-direction: row-reverse; } .bricks-layout-wrapper[data-layout="list"].image-position-top .bricks-layout-inner > * { flex-basis: 50%; } .bricks-layout-wrapper[data-layout="list"].image-position-right .bricks-layout-inner { flex-direction: row-reverse !important; } .bricks-layout-wrapper[data-layout="list"].image-position-right .bricks-layout-inner > * { flex-basis: 50%; } .bricks-layout-wrapper[data-layout="list"].image-position-left .bricks-layout-inner { flex-direction: row; } .bricks-layout-wrapper[data-layout="list"].image-position-left .bricks-layout-inner > * { flex-basis: 50%; } .bricks-layout-wrapper[data-layout="list"].image-position-bottom .bricks-layout-inner { flex-direction: column-reverse; } .bricks-layout-wrapper[data-layout="list"].alternate li:nth-child(2n) .bricks-layout-inner { flex-direction: row-reverse !important; } .bricks-layout-wrapper[data-layout="list"].alternate.image-position-right li:nth-child(2n+1) .bricks-layout-inner { flex-direction: row-reverse; } .bricks-layout-wrapper[data-layout="list"].alternate.image-position-right li:nth-child(2n) .bricks-layout-inner { flex-direction: row; } .bricks-layout-wrapper[data-layout="grid"]:not(.isotope) { display: grid; gap: var(--gutter); grid-template-columns: repeat(var(--columns),minmax(0,1fr)); } .bricks-layout-wrapper[data-layout="grid"].isotope > li:not(.bricks-gutter-sizer) { margin-bottom: var(--gutter); width: calc(100%/var(--columns) - var(--gutter)*(var(--columns) - 1)/var(--columns)); } .bricks-layout-wrapper[data-layout="grid"] > li.bricks-layout-item, .bricks-layout-wrapper[data-layout="grid"] > li.bricks-layout-item > a { display: grid; } .bricks-masonry { --columns: 3; --gutter: 10px; display: flex; flex-flow: wrap; position: relative; } .bricks-masonry > :not(.bricks-gutter-sizer) { margin-bottom: var(--gutter); width: calc(100%/var(--columns) - var(--gutter)*(var(--columns) - 1)/var(--columns)); } .bricks-is-frontend .bricks-layout-wrapper.isotope { transition: opacity 0.3s ease-in-out; } .bricks-is-frontend .bricks-layout-wrapper.isotope.isotope-before-init { opacity: 0; } .bricks-layout-wrapper[data-layout="masonry"] > li:not(.bricks-gutter-sizer) { margin-bottom: var(--gutter); width: calc(100%/var(--columns) - var(--gutter)*(var(--columns) - 1)/var(--columns)); } .bricks-layout-wrapper[data-layout="masonry"] .image { display: inline-block; aspect-ratio: unset !important; position: relative !important; } .bricks-layout-wrapper[data-layout="masonry"] .bricks-layout-inner { height: auto !important; } .bricks-layout-wrapper[data-layout="metro"]:not(.isotope) { display: grid; gap: var(--gutter); grid-template-columns: repeat(4, minmax(0px, 1fr)); } .bricks-layout-wrapper[data-layout="metro"]:not(.isotope) > li:nth-child(3n+1) { grid-area: span 2 / span 2; } .bricks-layout-wrapper[data-layout="metro"].isotope { --columns: 4; } .bricks-layout-wrapper[data-layout="metro"].isotope > li.bricks-layout-item { margin-bottom: var(--gutter); } .bricks-layout-wrapper[data-layout="metro"].isotope > li:nth-child(3n+1):not(.bricks-isotope-sizer) { width: calc(50% - var(--gutter)/2); } @media (max-width: 478px) { .bricks-layout-wrapper[data-layout="metro"].isotope > li:nth-child(3n+1):not(.bricks-isotope-sizer) { width: 100%; } } .bricks-layout-wrapper[data-layout="metro"].isotope > li:nth-child(3n+1):not(.bricks-isotope-sizer) img { height: 100%; } .bricks-layout-wrapper[data-layout="metro"].isotope > li:nth-child(3n+1):not(.bricks-isotope-sizer) .title { font-size: calc(1em + 1.5vmin); } .bricks-layout-wrapper[data-layout="metro"].isotope > li { width: calc(100%/var(--columns) - var(--gutter)*(var(--columns) - 1)/var(--columns)); } @media (max-width: 767px) { .bricks-layout-wrapper[data-layout="metro"].isotope > li { width: calc(50% - var(--gutter)/2); } } @media (max-width: 478px) { .bricks-layout-wrapper[data-layout="metro"].isotope > li { width: 100%; } } .bricks-layout-wrapper[data-layout="metro"] img { height: 100%; } .bricks-layout-wrapper[data-layout="metro"] .image-wrapper { aspect-ratio: 1 / 1; } .bricks-layout-wrapper[data-layout="metro"] .content-wrapper { position: absolute; } #brx-header { background-position: 50% center; background-size: cover; position: relative; width: 100%; } #brx-header.transparent { background: transparent; border: none; box-shadow: none; color: rgb(255, 255, 255); } #brx-header.brx-sticky { left: 0px; position: fixed; right: 0px; top: 0px; transition: background-color 0.2s, transform 0.4s; width: 100%; z-index: 998; } #brx-header.brx-sticky.on-scroll { position: sticky; } #brx-header.brx-sticky .bricks-nav-menu > li > a, #brx-header.brx-sticky > .brxe-block, #brx-header.brx-sticky > .brxe-container, #brx-header.brx-sticky > .brxe-div, #brx-header.brx-sticky > .brxe-section { transition: inherit; } #brx-header.brx-sticky.slide-up:not(:has(.cart-detail.off-canvas.active, .brxe-offcanvas.brx-open)) { overflow-x: hidden; scrollbar-width: none; transform: translateY(-101%); } #brx-header.brx-sticky.slide-up::-webkit-scrollbar { display: none; } #brx-header.brx-sticky.sliding { overflow: hidden; } #brx-header.brx-sticky:has(.cart-detail.off-canvas.active, .brxe-offcanvas.brx-open) { transition: none; } .brx-header-right #brx-header { bottom: 0px; display: flex; position: fixed; right: 0px; top: 0px; width: 200px; z-index: 998; } .brx-header-right #brx-header > .brxe-container, .brx-header-right #brx-header > .brxe-div, .brx-header-right #brx-header > .brxe-section { height: 100%; } .brx-header-right #brx-content, .brx-header-right #brx-footer { margin-right: 200px; width: auto; } .brx-header-left #brx-header { bottom: 0px; display: flex; left: 0px; position: fixed; top: 0px; width: 200px; z-index: 998; } .brx-header-left #brx-header > .brxe-container, .brx-header-left #brx-header > .brxe-div, .brx-header-left #brx-header > .brxe-section { height: 100%; } .brx-header-left #brx-content, .brx-header-left #brx-footer { margin-left: 200px; width: auto; } .bricks-search-form { align-items: stretch; justify-content: space-between; position: relative; width: 100%; display: flex !important; } .bricks-search-form label { align-self: center; margin-inline-end: 10px; } .bricks-search-form input[type="search"] { background-color: inherit; color: currentcolor; display: inline-block; max-width: 100%; padding: 0px 20px; width: auto; } .bricks-search-form button { align-items: center; display: flex; justify-content: center; position: relative; } .bricks-search-form input { line-height: 40px; width: 100%; } .bricks-shape-divider { inset: 0px; display: flex; height: 100%; overflow: hidden; pointer-events: none; width: 100%; position: absolute !important; } .bricks-shape-divider .bricks-shape-divider-inner { align-items: inherit; height: 100%; justify-content: inherit; position: absolute; width: 100%; } .bricks-shape-divider .bricks-shape-divider-inner svg { height: 100%; min-height: unset; min-width: unset; position: relative; width: 100%; } .bricks-shape-divider .bricks-shape-divider-inner svg g, .bricks-shape-divider .bricks-shape-divider-inner svg path { fill: inherit; } .bricks-shape-divider.front { z-index: 2; } .bricks-shape-divider.flip-horizontal svg { transform: rotateX(180deg); } .bricks-shape-divider.flip-vertical svg { transform: rotateY(180deg); } .bricks-shape-divider.flip-horizontal.flip-vertical svg { transform: rotateX(180deg) rotateY(180deg); } .bricks-shape-divider.overflow { overflow: visible; } .bricks-button { align-items: center; border-width: 0px; display: inline-flex; gap: 10px; justify-content: center; letter-spacing: 0.5px; padding: 0.5em 1em; text-align: center; } .bricks-button.bricks-background-muted { color: var(--bricks-text-medium); } .bricks-button.bricks-background-danger, .bricks-button.bricks-background-dark, .bricks-button.bricks-background-info, .bricks-button.bricks-background-secondary, .bricks-button.bricks-background-success, .bricks-button.bricks-background-warning { color: rgb(255, 255, 255); } .bricks-button.sm { font-size: 0.9em; padding: 0.4em 1em; } .bricks-button.lg { font-size: 1.1em; padding: 0.6em 1em; } .bricks-button.xl { font-size: 1.2em; padding: 0.8em 1em; } .bricks-button.block { width: 100%; } .bricks-button.circle { border-radius: 100px !important; } .bricks-button.outline { background-color: transparent; border: 2px solid; } .bricks-button i { position: relative; } body.bricks-is-frontend.admin-bar #brx-header.brx-sticky, body.bricks-is-frontend.admin-bar.brx-header-left #brx-header, body.bricks-is-frontend.admin-bar.brx-header-right #brx-header { top: var(--wp-admin--admin-bar--height); } .bricks-lightbox a { cursor: zoom-in; } .bricks-background-video-wrapper { background-size: cover; height: 100%; left: 0px; overflow: hidden; pointer-events: none; top: 0px; width: 100%; z-index: -1; position: absolute !important; } .bricks-background-video-wrapper iframe, .bricks-background-video-wrapper video { border: none; height: inherit; left: 50%; max-width: none; position: absolute; top: 50%; transform: translate(-50%, -50%); width: inherit; } .bricks-background-video-wrapper iframe[poster], .bricks-background-video-wrapper video[poster] { object-fit: cover; } .bricks-background-video-wrapper .bricks-video-poster-image { height: inherit; left: 50%; object-fit: cover; position: absolute; top: 50%; transform: translate(-50%, -50%); width: inherit; z-index: 1; } .post-meta { align-items: center; display: inline-flex; gap: 20px; } .post-meta.column { align-items: unset; flex-direction: column; } .post-meta .separator { display: inline-block; text-align: center; } .screen-reader-text, .screen-reader-text span, .ui-helper-hidden-accessible { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; white-space: nowrap; width: 1px; position: absolute !important; } .screen-reader-text span:focus, .screen-reader-text:focus, .ui-helper-hidden-accessible:focus { background-color: rgb(241, 241, 241); border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 2px 2px; color: rgb(33, 117, 155); display: block; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; clip: auto !important; } .bricks-pagination ul { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; list-style-type: none; margin: 0px; padding: 0px; } .bricks-pagination ul .page-numbers { display: grid; height: 100%; place-items: center; } .brx-load-more-hidden, .brx-query-trail:not(.bricks-isotope-sizer) { display: none !important; } .bricks-isotope-sizer { pointer-events: none; position: absolute; top: -99999px; visibility: hidden; } [data-brx-ls-wrapper] { transition: opacity 0.3s ease-in-out; } [data-brx-ls-wrapper]:not(.brx-ls-active) { display: none !important; } .brx-filter-disabled label:not(.brx-option-disabled), .page-filtered label:not(.brx-option-disabled) { opacity: 0.5; } .brx-filter-disabled, .page-filtered { pointer-events: none; } .brx-option-disabled, .brx-option-disabled:disabled { opacity: 0.5; pointer-events: none; } .brx-no-active-filter, .brx-option-disabled.brx-option-empty { display: none; } .bricks-no-posts-wrapper { text-align: center; } .bricks-no-posts-wrapper .title { margin-bottom: 30px; } .bricks-no-posts-wrapper p { margin-bottom: 1em; } .bricks-no-posts-wrapper a { font-weight: 700; } .search-no-results .bricks-no-posts-wrapper { text-align: initial; } .aligncenter { display: block; margin: 0.5em auto; } .alignright { float: right; margin: 0.5em 0px 0.5em 1em; } .alignleft { float: left; margin: 0.5em 1em 0.5em 0px; } a img.alignright { float: right; margin: 0.5em 0px 0.5em 1em; } a img.alignleft { float: left; margin: 0.5em 1em 0.5em 0px; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: rgb(255, 255, 255); border: 1px solid rgb(240, 240, 240); max-width: 96%; padding: 5px 3px 10px; text-align: center; } .wp-caption.alignleft, .wp-caption.alignnone { margin: 0.5em 1em 0.5em 0px; } .wp-caption.alignright { margin: 0.5em 0px 0.5em 1em; } .wp-caption img { border: 0px; height: auto; margin: 0px; max-width: 98.5%; padding: 0px; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0px; padding: 0px 4px 5px; } .wp-block-image, .wp-block-video, figure[class^="wp-block-"] { margin: 1em 0px; } .wp-block-calendar, .wp-block-image:not(.wp-block-gallery .wp-block-image), figure[class^="wp-block-"]:not(.wp-block-gallery figure):not([class^="align"]) { width: 100%; } #wp-calendar caption { margin-bottom: 1em; text-align: inherit; } #wp-calendar tbody { text-align: center; } #wp-calendar tbody td { width: 30px; } #wp-calendar tbody a { font-weight: 700; } #wp-calendar tfoot { opacity: 0.5; } #wp-calendar tfoot #prev { text-align: left; } #wp-calendar tfoot #next { text-align: right; } .gallery { display: flex; flex-flow: wrap; margin: 0px -10px; } .gallery.gallery-columns-1 .gallery-item { flex: 1 1 100%; max-width: 100%; } .gallery.gallery-columns-2 .gallery-item { flex: 1 1 50%; max-width: 50%; } .gallery.gallery-columns-3 .gallery-item { flex: 1 1 33.333%; max-width: 33.333%; } .gallery.gallery-columns-4 .gallery-item { flex: 1 1 25%; max-width: 25%; } .gallery.gallery-columns-5 .gallery-item { flex: 1 1 20%; max-width: 20%; } .gallery.gallery-columns-6 .gallery-item { flex: 1 1 16.666%; max-width: 16.666%; } .gallery.gallery-columns-7 .gallery-item { flex: 1 1 14.285%; max-width: 14.285%; } .gallery.gallery-columns-8 .gallery-item { flex: 1 1 12.5%; max-width: 12.5%; } .gallery.gallery-columns-9 .gallery-item { flex: 1 1 11.111%; max-width: 11.111%; } .gallery.gallery-columns-10 .gallery-item { flex: 1 1 10%; max-width: 10%; } .gallery .gallery-item { flex: 1 1 0%; margin: 0px; padding: 0px 10px 20px; } .gallery .gallery-item img { width: 100%; } .has-text-align-left { text-align: left; } .has-text-align-center { text-align: center; } .has-text-align-right { text-align: right; } .wp-block-image figure { width: auto; } .alignfull, .wp-block-categories-list.alignfull { left: 50%; margin-left: -50vw; margin-right: -50vw; max-width: calc(-0.5em + 100vw); position: relative; right: 50%; width: 100vw; } .alignwide { margin-left: -10%; max-width: 120%; position: relative; width: 120%; } @media (max-width: 1320px) { .alignwide { margin-left: auto; width: 100%; } } .aligncenter img { margin-left: auto; margin-right: auto; } .aligncenter a, .aligncenter img { display: block; } .bricks-color-primary { color: var(--bricks-color-primary); } .bricks-color-secondary { color: var(--bricks-color-secondary); } .bricks-color-light { color: rgb(255, 255, 255); } .bricks-color-dark { color: var(--bricks-text-dark); } .bricks-color-muted { color: var(--bricks-text-light); } .bricks-color-info { color: var(--bricks-text-info); } .bricks-color-success { color: var(--bricks-text-success); } .bricks-color-warning { color: var(--bricks-text-warning); } .bricks-color-danger { color: var(--bricks-text-danger); } .bricks-background-primary { background-color: var(--bricks-color-primary); } .bricks-background-secondary { background-color: var(--bricks-color-secondary); } .bricks-background-light { background-color: rgb(255, 255, 255); } .bricks-background-dark { background-color: var(--bricks-bg-dark); } .bricks-background-muted { background-color: var(--bricks-text-light); } .bricks-background-info { background-color: var(--bricks-text-info); } .bricks-background-success { background-color: var(--bricks-text-success); } .bricks-background-warning { background-color: var(--bricks-text-warning); } .bricks-background-danger { background-color: var(--bricks-text-danger); } }#brx-header { --x-header-transition:transform, opacity, visibility 0.25s linear; --x-header-fade-transition:transform, opacity, visibility 0.25s linear; }#brx-header { background: transparent; left: 0px; right: 0px; position: absolute; top: 0px; --x-overlay-header-background: transparent; --x-header-position: overlay; }#brx-header:not(.scrolling):not(.x-header_sticky-active) > .brxe-xheaderrow:not([data-x-sticky-active*="true"]) { background: var(--x-overlay-header-background) !important; }#brx-header:not(.scrolling):not(.x-header_sticky-active) > .brxe-section { background: none !important; }:root { --bricks-color-acss_import_transparent: transparent; }html { font-size: var(--root-font-size); }body { font-family: Inter; }h1, h2, h3, h4, h5, h6 { font-family: "Bebas Neue"; }.brxe-container { width: var(--content-width); }@layer bricks {.brxe-dropdown { cursor: pointer; display: flex; flex-direction: column; position: relative; } .brxe-dropdown:not(.open) .brx-dropdown-content { pointer-events: none; } .brxe-dropdown .brx-submenu-toggle { gap: 10px; } .brx-dropdown-content { background-color: rgb(255, 255, 255); cursor: auto; display: flex; flex-direction: column; list-style-type: none; margin: 0px; min-width: 200px; opacity: 0; padding: 0px; position: absolute; top: 100%; transition-duration: 0.2s; transition-property: opacity, transform, visibility; transition-timing-function: ease; visibility: hidden; z-index: 1001; } .brx-dropdown-content > li .brxe-text-link { display: flex; }}@layer bricks {.brxe-toggle { background-color: transparent; border: 0px; color: inherit; font: inherit; margin: 0px; overflow: visible; text-transform: none; transition-duration: 0.15s; transition-property: opacity, filter; transition-timing-function: linear; } .brxe-toggle { --brxe-toggle-scale: 1; --brxe-toggle-width: 40px; --brxe-toggle-height: 24px; --brxe-toggle-bar-height: 4px; --brxe-toggle-bar-width: 40px; --brxe-toggle-bar-radius: 4px; cursor: pointer; display: flex; line-height: 1; }}@layer bricks {.brxe-nav-nested { align-items: center; display: inline-flex; } .brxe-nav-nested .brx-toggle-div, .brxe-nav-nested .brxe-toggle { display: none; } .brx-nav-nested-items { align-items: center; display: flex; flex-flow: wrap; gap: 30px; list-style-type: none; margin: 0px; padding: 0px; }}@layer bricks { @keyframes load8 { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } @keyframes spin { 100% { transform: rotate(1turn); } } @keyframes scrolling { 0% { opacity: 1; } 100% { opacity: 0; transform: translateY(10px); } } a.brxe-image { display: inline-block; } figure.brxe-image { margin: 0px; } :where(.brxe-image).tag { display: inline-block; height: fit-content; position: relative; width: auto; } :where(.brxe-image).caption { overflow: hidden; position: relative; } :where(.brxe-image).overlay { position: relative; } :where(.brxe-image).overlay::before { inset: 0px; content: ""; pointer-events: none; position: absolute; } :where(.brxe-image)::before { border-radius: inherit; } :where(.brxe-image) a { border-radius: inherit; position: static; transition: inherit; } :where(.brxe-image) picture { border-radius: inherit; transition: inherit; } :where(.brxe-image) img { border-radius: inherit; height: 100%; transition: inherit; width: 100%; position: static !important; } :where(.brxe-image) img.bricks-lazy-hidden + figcaption { display: none; } :where(.brxe-image) .icon { color: rgb(255, 255, 255); font-size: 60px; pointer-events: none; position: absolute; right: 50%; text-align: center; top: 50%; transform: translate(50%, -50%); z-index: 5; } :where(.brxe-image) .bricks-image-caption { background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.25) 70%, transparent); bottom: 0px; color: rgb(255, 255, 255); font-size: inherit; margin: 0px; padding: 10px 15px; pointer-events: none; text-align: center; width: 100%; z-index: 1; position: absolute !important; } }@layer bricks {.brxe-text-link { gap: 5px; } .brxe-text-link, .brxe-text-link span { align-items: center; display: inline-flex; } .brxe-text-link span { justify-content: center; }}@layer bricks {.brxe-icon { font-size: 60px; } svg.brxe-icon { font-size: inherit; }}#brxe-mmdueo { padding-top: calc(var(--space-xs)*.5); padding-right: 0px; padding-bottom: calc(var(--space-xs)*.5); padding-left: 0px; }#brxe-kwnlqv { padding: 0px; z-index: 99; }#brxe-oyctjn .icon > svg { height: 2rem; width: 2rem; }#brxe-qiqfmz .icon > svg { height: 2rem; width: 2rem; }#brxe-yvzhgx { margin-left: auto; flex-direction: row; }#brxe-dwupfp { padding-top: var(--space-xs); padding-bottom: 0px; }#brxe-edpnwg { padding-top: 0px; padding-right: var(--section-padding-x); padding-bottom: 0px; padding-left: var(--section-padding-x); z-index: 99; }.brxe-vuylja .brxe-imvdlb.brxe-image:not(.tag), .brxe-vuylja .brxe-imvdlb.brxe-image img { object-fit: contain; }.brxe-rzwkdk .brxe-qztgwf.brxe-image:not(.tag), .brxe-rzwkdk .brxe-qztgwf.brxe-image img { object-fit: contain; }.brxe-rzwkdk .brxe-sxyonb.brxe-div { background-color: var(--base-hover); }.brxe-rzwkdk { transition:background-color 0.2s ease-in-out; }.brxe-rzwkdk:hover, .brxe-rzwkdk:focus-within { background-color: var(--primary); }#brxe-nykesc:not(.tag), #brxe-nykesc img { object-fit: contain; }#brxe-iaocsh { background-color: var(--base-hover); }#brxe-cqgumg { transition:background-color 0.2s ease-in-out; }#brxe-cqgumg:hover, #brxe-cqgumg:focus-within { background-color: var(--primary); }#brxe-kugslc:not(.tag), #brxe-kugslc img { object-fit: contain; }#brxe-vqbjls { background-color: var(--base-hover); }#brxe-uonmvn { transition:background-color 0.2s ease-in-out; }#brxe-uonmvn:hover, #brxe-uonmvn:focus-within { background-color: var(--primary); }#brxe-krnczu { grid-template-columns: var(--grid-1); }#brxe-pplwca { gap: 0px; padding: 0px; }#brxe-pplwca { display: grid; grid-template-columns: var(--grid-3-2); }#brxe-cmwaxn .brx-dropdown-content { font-weight: 700; }#brxe-lqmoru { z-index: 99; }@layer bricks { @keyframes load8 { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } @keyframes spin { 100% { transform: rotate(1turn); } } @keyframes scrolling { 0% { opacity: 1; } 100% { opacity: 0; transform: translateY(10px); } } .brxe-post-taxonomy { display: flex; flex-wrap: wrap; gap: 10px; list-style-type: none; margin: 0px; padding: 0px; line-height: 1 !important; } .brxe-post-taxonomy.separator { gap: 0px; } .brxe-post-taxonomy span { white-space: pre-wrap; } .brxe-post-taxonomy li { display: inline-block; } .brxe-post-taxonomy li > * { display: flex; gap: 0.5em; } }@layer bricks {.brxe-icon { font-size: 60px; } svg.brxe-icon { font-size: inherit; }}@layer bricks {.brxe-text-link { gap: 5px; } .brxe-text-link, .brxe-text-link span { align-items: center; display: inline-flex; } .brxe-text-link span { justify-content: center; }}@layer bricks {.brxe-code { width: 100%; }}@layer bricks {.brxe-button { width: auto; }}@layer bricks { @keyframes load8 { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } @keyframes spin { 100% { transform: rotate(1turn); } } @keyframes scrolling { 0% { opacity: 1; } 100% { opacity: 0; transform: translateY(10px); } } a.brxe-image { display: inline-block; } figure.brxe-image { margin: 0px; } :where(.brxe-image).tag { display: inline-block; height: fit-content; position: relative; width: auto; } :where(.brxe-image).caption { overflow: hidden; position: relative; } :where(.brxe-image).overlay { position: relative; } :where(.brxe-image).overlay::before { inset: 0px; content: ""; pointer-events: none; position: absolute; } :where(.brxe-image)::before { border-radius: inherit; } :where(.brxe-image) a { border-radius: inherit; position: static; transition: inherit; } :where(.brxe-image) picture { border-radius: inherit; transition: inherit; } :where(.brxe-image) img { border-radius: inherit; height: 100%; transition: inherit; width: 100%; position: static !important; } :where(.brxe-image) img.bricks-lazy-hidden + figcaption { display: none; } :where(.brxe-image) .icon { color: rgb(255, 255, 255); font-size: 60px; pointer-events: none; position: absolute; right: 50%; text-align: center; top: 50%; transform: translate(50%, -50%); z-index: 5; } :where(.brxe-image) .bricks-image-caption { background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.25) 70%, transparent); bottom: 0px; color: rgb(255, 255, 255); font-size: inherit; margin: 0px; padding: 10px 15px; pointer-events: none; text-align: center; width: 100%; z-index: 1; position: absolute !important; } }#brxe-81d37c:not(.tag), #brxe-81d37c img { object-position: 50% 0%; }.brxe-3071ad.brxe-block { align-items: center; flex-direction: column; justify-content: center; }#brxe-137527 { --fr-slide-transition-duration: 300; }#brxe-137527 .splide__arrow--prev > * { height: 3.5rem; width: 3.5rem; }#brxe-137527 .splide__arrow--prev { transform: translate(-45px); inset-block-start: 0px; }#brxe-137527 .splide__arrow--next > * { height: 3.5rem; width: 3.5rem; }#brxe-137527 .splide__arrow--next { inset-inline-end: 0px; transform: translate(45px); inset-block-start: 0px; }.brxe-88e50a .brxe-668e6c.brxe-text { padding-top: 0px; }.brxe-88e50a.brxe-block { align-items: center; flex-direction: column; justify-content: center; }#brxe-5459c4 { --fr-slide-transition-duration: 300; }#brxe-755978 { --fr-slider-progress-bar-height: .5rem; }#brxe-755978 .fr-slider__custom-arrow { color: var(--neutral-ultra-dark); }#brxe-755978 .fr-slider__custom-arrows { gap: var(--space-l); }#brxe-755978 .fr-slider__custom-arrow--prev > * { stroke: var(--white); height: var(--icon-size); width: var(--icon-size); }#brxe-755978 .fr-slider__custom-arrow--next > * { height: var(--icon-size); width: var(--icon-size); stroke: var(--white); }#brxe-d1187d { overflow: hidden; }#brxe-ecsncu:not(.tag), #brxe-ecsncu img { object-fit: cover; }#brxe-55d478 { background-color: rgba(255, 255, 255, 0.63); }#brxe-561e70 { display: grid; align-items: initial; grid-template-columns: var(--grid-2); grid-template-rows: var(--grid-1); gap: var(--space-s); width: 100%; }#brxe-8e5eda { justify-content: flex-start; margin-bottom: auto; }#brxe-923696 { grid-template-columns: var(--grid-1); }#brxe-a8a03d { display: grid; align-items: initial; }#brxe-4a92c1 { grid-template-columns: var(--grid-2-3); }#brxe-113050 { padding-bottom: 0px; }#brxe-10158a { --fr-slider-progress-bar-height: .5rem; width: 100%; }#brxe-10158a .fr-slider__custom-arrow--prev > * { fill: var(--white); }#brxe-10158a .fr-slider__custom-arrow--next > * { fill: var(--white); }.brxe-b639d8 .brxe-1d97e5.brxe-icon { height: var(--icon-size); width: var(--icon-size); fill: var(--primary); }.brxe-b639d8 .brxe-e3d11c.brxe-icon { height: var(--icon-size); width: var(--icon-size); fill: var(--primary); }.brxe-b639d8 .brxe-1be602.brxe-icon { height: var(--icon-size); width: var(--icon-size); fill: var(--primary); }.brxe-b639d8 .brxe-6b2b78.brxe-icon { height: var(--icon-size); width: var(--icon-size); fill: var(--primary); }.brxe-b639d8 .brxe-480350.brxe-icon { height: var(--icon-size); width: var(--icon-size); fill: var(--primary); }.brxe-b639d8 .brxe-a68a83.brxe-icon { height: var(--icon-size); width: var(--icon-size); fill: var(--primary); }#brxe-27cc12 { clip-path: inset(-100vw -100vw -100vw 0px); }@layer bricks {.brxe-shortcode { width: 100%; }}@layer bricks { @keyframes load8 { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } @keyframes spin { 100% { transform: rotate(1turn); } } @keyframes scrolling { 0% { opacity: 1; } 100% { opacity: 0; transform: translateY(10px); } } a.brxe-image { display: inline-block; } figure.brxe-image { margin: 0px; } :where(.brxe-image).tag { display: inline-block; height: fit-content; position: relative; width: auto; } :where(.brxe-image).caption { overflow: hidden; position: relative; } :where(.brxe-image).overlay { position: relative; } :where(.brxe-image).overlay::before { inset: 0px; content: ""; pointer-events: none; position: absolute; } :where(.brxe-image)::before { border-radius: inherit; } :where(.brxe-image) a { border-radius: inherit; position: static; transition: inherit; } :where(.brxe-image) picture { border-radius: inherit; transition: inherit; } :where(.brxe-image) img { border-radius: inherit; height: 100%; transition: inherit; width: 100%; position: static !important; } :where(.brxe-image) img.bricks-lazy-hidden + figcaption { display: none; } :where(.brxe-image) .icon { color: rgb(255, 255, 255); font-size: 60px; pointer-events: none; position: absolute; right: 50%; text-align: center; top: 50%; transform: translate(50%, -50%); z-index: 5; } :where(.brxe-image) .bricks-image-caption { background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.25) 70%, transparent); bottom: 0px; color: rgb(255, 255, 255); font-size: inherit; margin: 0px; padding: 10px 15px; pointer-events: none; text-align: center; width: 100%; z-index: 1; position: absolute !important; } }@layer bricks {.brxe-text-link { gap: 5px; } .brxe-text-link, .brxe-text-link span { align-items: center; display: inline-flex; } .brxe-text-link span { justify-content: center; }}@layer bricks {.brxe-icon { font-size: 60px; } svg.brxe-icon { font-size: inherit; }}#brxe-0e5da3 { fill: var(--white); }#brxe-qwqjhq { fill: var(--white); }#brxe-qsrkan { fill: var(--white); }#brxe-e24251 .icon > svg { fill: var(--base-light); }@layer bricks.icons {@font-face { font-family: Ionicons; font-style: normal; font-weight: 400; src: url(https://trainieren-mit-sinn.at/wp-content/themes/bricks/assets/fonts/ionicons/ionicons.woff2) format("woff2"), url(https://trainieren-mit-sinn.at/wp-content/themes/bricks/assets/fonts/ionicons/ionicons.woff) format("woff"), url(https://trainieren-mit-sinn.at/wp-content/themes/bricks/assets/fonts/ionicons/ionicons.ttf) format("truetype"); } [class*=" ion-"], [class*=" ion-ios-"], [class*=" ion-logo-"], [class*=" ion-md-"], [class^="ion-"], [class^="ion-ios-"], [class^="ion-logo-"], [class^="ion-md-"] { -webkit-font-smoothing: antialiased; display: inline-block; font-family: Ionicons; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1; text-rendering: auto; text-transform: none; } [class*=" ion-"]::before, [class*=" ion-ios-"]::before, [class*=" ion-logo-"]::before, [class*=" ion-md-"]::before, [class^="ion-"]::before, [class^="ion-ios-"]::before, [class^="ion-logo-"]::before, [class^="ion-md-"]::before { font-family: Ionicons; } .ion-ios-menu::before { content: ""; } .ion-md-close::before { content: ""; }}@layer bricks.icons {@font-face { font-family: themify; font-style: normal; font-weight: 400; src: url(https://trainieren-mit-sinn.at/wp-content/themes/bricks/assets/fonts/themify/themify.woff?) format("woff"), url(https://trainieren-mit-sinn.at/wp-content/themes/bricks/assets/fonts/themify/themify.ttf?) format("truetype"); }}.brxe-xheaderrow { display: flex; transition-property: height, opacity, transform, background, color; transition-duration: var(--x-header-transition); width: 100%; }:root { --x-modal-transition: 200ms; --x-modal-translatey: 10%; --x-modal-translatex: 0; --x-modal-scale: 1; --x-modal-close-translatey: -5%; --x-modal-close-translatex: 0; --x-modal-close-scale: 1; }:root { --x-header-fade-transition: 200ms; }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--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--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(--primary); --btn-background-hover: var(--primary); --btn-text-color: var(--white); --btn-text-color-hover: var(--white); --btn-border-color: var(--primary); --btn-border-color-hover: var(--primary); --focus-color: var(--primary); }.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(--white)); background-color: var(--body-bg-color, var(--base-ultra-dark)); }body { font-size: var(--default-font-size, var(--text-m)); 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 { line-height: var(--heading-line-height); font-weight: var(--heading-font-weight); letter-spacing: var(--heading-letter-spacing); max-width: var(--heading-max-width); text-wrap: var(--heading-text-wrap); }h1 { font-size: var(--h1); line-height: var(--h1-line-height); max-width: var(--h1-max-width); }h2 { font-size: var(--h2); line-height: var(--h2-line-height); max-width: var(--h2-max-width); }h3 { font-size: var(--h3); line-height: var(--h3-line-height); max-width: var(--h3-max-width); }body a:where(:not([class*="btn--"], footer)) { color: var(--link-color, var(--black)); font-weight: var(--link-weight, inherit); text-decoration: var(--link-decoration, none); text-underline-offset: var(--link-underline-offset, auto); transition:background, color, border 0.4s ease-in-out, ease-in-out, ease-in-out; }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, auto); }body:where(.bricks-is-frontend), body:where(:not(.bricks-is-frontend)) { color: var(--body-color, var(--white)); }.btn--primary { --btn-background: var(--primary); --btn-background-hover: var(--primary); --btn-text-color: var(--white); --btn-text-color-hover: var(--white); --btn-border-color: var(--primary); --btn-border-color-hover: var(--primary); --focus-color: var(--primary); }.btn--base { --btn-background: var(--base); --btn-background-hover: var(--base); --btn-text-color: var(--white); --btn-text-color-hover: var(--white); --btn-border-color: var(--base); --btn-border-color-hover: var(--base); --focus-color: var(--base); }.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); --focus-color: var(--action); }.btn--black.btn--outline { --btn-background: transparent; --btn-background-hover: var(--white); --btn-text-color: var(--shade-black); --btn-text-color-hover: var(--action-ultra-light); --btn-border-width: 0.25rem; --btn-border-color: var(--black); --btn-border-color-hover: var(--white); --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); --focus-color: var(--action); }.btn--white.btn--outline { --btn-background: transparent; --btn-background-hover: var(--white-hover); --btn-text-color: var(--shade-white); --btn-text-color-hover: var(--action-ultra-light); --btn-border-width: 0.25rem; --btn-border-color: var(--white); --btn-border-color-hover: var(--white-hover); --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); }[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); }.flex-grid--1:not(.brxe-container), .brxe-container.flex-grid--1 { --gap: var(--grid-gap); display: flex; flex-direction: column; gap: var(--gap); }.flex-grid--1:not(.brxe-container) > *, .brxe-container.flex-grid--1 > * { width: 100%; max-width: 100%; flex-basis: auto; }.flex-grid--2:not(.brxe-container), .brxe-container.flex-grid--2 { --gap: var(--grid-gap); display: flex; flex-flow: wrap; gap: var(--gap); justify-content: center; }.flex-grid--2:not(.brxe-container).gap--xs, .brxe-container.flex-grid--2.gap--xs { --gap: var(--space-xs); }.flex-grid--2:not(.brxe-container).gap--s, .brxe-container.flex-grid--2.gap--s { --gap: var(--space-s); }.flex-grid--2:not(.brxe-container).gap--m, .brxe-container.flex-grid--2.gap--m { --gap: var(--space-m); }.flex-grid--2:not(.brxe-container).gap--l, .brxe-container.flex-grid--2.gap--l { --gap: var(--space-l); }.flex-grid--2:not(.brxe-container).gap--xl, .brxe-container.flex-grid--2.gap--xl { --gap: var(--space-xl); }.flex-grid--2:not(.brxe-container).gap--xxl, .brxe-container.flex-grid--2.gap--xxl { --gap: var(--space-xxl); }.flex-grid--2:not(.brxe-container) > *, .brxe-container.flex-grid--2 > * { flex-basis: calc((100% - (var(--gap) * 1)) / 2); }.flex-grid--3:not(.brxe-container), .brxe-container.flex-grid--3 { --gap: var(--grid-gap); display: flex; flex-flow: wrap; gap: var(--gap); justify-content: center; }.flex-grid--3:not(.brxe-container).gap--xs, .brxe-container.flex-grid--3.gap--xs { --gap: var(--space-xs); }.flex-grid--3:not(.brxe-container).gap--s, .brxe-container.flex-grid--3.gap--s { --gap: var(--space-s); }.flex-grid--3:not(.brxe-container).gap--m, .brxe-container.flex-grid--3.gap--m { --gap: var(--space-m); }.flex-grid--3:not(.brxe-container).gap--l, .brxe-container.flex-grid--3.gap--l { --gap: var(--space-l); }.flex-grid--3:not(.brxe-container).gap--xl, .brxe-container.flex-grid--3.gap--xl { --gap: var(--space-xl); }.flex-grid--3:not(.brxe-container).gap--xxl, .brxe-container.flex-grid--3.gap--xxl { --gap: var(--space-xxl); }.flex-grid--3:not(.brxe-container) > *, .brxe-container.flex-grid--3 > * { flex-basis: calc((100% - (var(--gap) * 2)) / 3); }.flex-grid--4:not(.brxe-container), .brxe-container.flex-grid--4 { --gap: var(--grid-gap); display: flex; flex-flow: wrap; gap: var(--gap); justify-content: center; }.flex-grid--4:not(.brxe-container).gap--xs, .brxe-container.flex-grid--4.gap--xs { --gap: var(--space-xs); }.flex-grid--4:not(.brxe-container).gap--s, .brxe-container.flex-grid--4.gap--s { --gap: var(--space-s); }.flex-grid--4:not(.brxe-container).gap--m, .brxe-container.flex-grid--4.gap--m { --gap: var(--space-m); }.flex-grid--4:not(.brxe-container).gap--l, .brxe-container.flex-grid--4.gap--l { --gap: var(--space-l); }.flex-grid--4:not(.brxe-container).gap--xl, .brxe-container.flex-grid--4.gap--xl { --gap: var(--space-xl); }.flex-grid--4:not(.brxe-container).gap--xxl, .brxe-container.flex-grid--4.gap--xxl { --gap: var(--space-xxl); }.flex-grid--4:not(.brxe-container) > *, .brxe-container.flex-grid--4 > * { flex-basis: calc((100% - (var(--gap) * 3)) / 4); }.flex-grid--5:not(.brxe-container), .brxe-container.flex-grid--5 { --gap: var(--grid-gap); display: flex; flex-flow: wrap; gap: var(--gap); justify-content: center; }.flex-grid--5:not(.brxe-container).gap--xs, .brxe-container.flex-grid--5.gap--xs { --gap: var(--space-xs); }.flex-grid--5:not(.brxe-container).gap--s, .brxe-container.flex-grid--5.gap--s { --gap: var(--space-s); }.flex-grid--5:not(.brxe-container).gap--m, .brxe-container.flex-grid--5.gap--m { --gap: var(--space-m); }.flex-grid--5:not(.brxe-container).gap--l, .brxe-container.flex-grid--5.gap--l { --gap: var(--space-l); }.flex-grid--5:not(.brxe-container).gap--xl, .brxe-container.flex-grid--5.gap--xl { --gap: var(--space-xl); }.flex-grid--5:not(.brxe-container).gap--xxl, .brxe-container.flex-grid--5.gap--xxl { --gap: var(--space-xxl); }.flex-grid--5:not(.brxe-container) > *, .brxe-container.flex-grid--5 > * { flex-basis: calc((100% - (var(--gap) * 4)) / 5); }.flex-grid--6:not(.brxe-container), .brxe-container.flex-grid--6 { --gap: var(--grid-gap); display: flex; flex-flow: wrap; gap: var(--gap); justify-content: center; }.flex-grid--6:not(.brxe-container).gap--xs, .brxe-container.flex-grid--6.gap--xs { --gap: var(--space-xs); }.flex-grid--6:not(.brxe-container).gap--s, .brxe-container.flex-grid--6.gap--s { --gap: var(--space-s); }.flex-grid--6:not(.brxe-container).gap--m, .brxe-container.flex-grid--6.gap--m { --gap: var(--space-m); }.flex-grid--6:not(.brxe-container).gap--l, .brxe-container.flex-grid--6.gap--l { --gap: var(--space-l); }.flex-grid--6:not(.brxe-container).gap--xl, .brxe-container.flex-grid--6.gap--xl { --gap: var(--space-xl); }.flex-grid--6:not(.brxe-container).gap--xxl, .brxe-container.flex-grid--6.gap--xxl { --gap: var(--space-xxl); }.flex-grid--6:not(.brxe-container) > *, .brxe-container.flex-grid--6 > * { flex-basis: calc((100% - (var(--gap) * 5)) / 6); }:root { --fr-bg-light: var(--bg-light); --fr-bg-dark: var(--bg-dark); --fr-text-light: var(--text-light); --fr-text-dark: var(--text-dark); --fr-card-padding: var(--card-padding, var(--space-m)); --fr-card-gap: var(--card-gap, var(--space-s)); --fr-card-border-size: var(--card-border-width, 0.15rem); --fr-card-border-color: var(--card-border-color, var(--shade-light)); --fr-card-border-style: var(--card-border-style, solid); --fr-card-radius: var(--card-radius, var(--radius-xs)); --fr-card-avatar-radius: var(--card-avatar-radius, 50%); --fr-lede-width: 60ch; --fr-list-pad-y: 0.75em; --fr-list-pad-x: 1.25em; --fr-hero-padding: var(--section-space-xl); }.fr-lede, p.fr-lede { max-width: 60ch; }html { scroll-behavior: smooth; }.fr-notification-alpha { padding-top: calc(var(--space-xs)*.5); padding-right: var(--section-padding-x); padding-bottom: calc(var(--space-xs)*.5); padding-left: var(--section-padding-x); background-color: var(--primary); position: relative; transition:display 0.3s ease; z-index: 99; }.header--aktion { background-color: var(--primary); color: var(--white); }.fr-notification-alpha__inner { flex-flow: row; align-items: center; column-gap: calc(var(--content-gap) / 2); row-gap: calc(var(--content-gap) / 2); justify-content: center; font-size: calc(var(--text-s)*.9); }.link--header { color: var(--white); font-weight: 700; }.ffw-header-top { z-index: 99; margin-bottom: -3rem; }.ffw-footer__contact-details { align-items: stretch; font-size: var(--text-s); row-gap: calc(var(--content-gap) / 2); flex-flow: wrap; grid-template-columns: var(--grid-2); display: flex; column-gap: var(--content-gap); }.ffw-footer__contact-details * { min-width: fit-content; }.ffw-footer__meta-wrapper { display: flex; flex-direction: column; row-gap: 0.5em; width: auto; }.ffw-footer__meta-link .icon { color: var(--text-light); fill: var(--text-light); }.ffw-footer__meta-link .icon > svg { width: 1.5em; height: 1.5em; }.ffw-footer__meta-link { color: var(--white); text-decoration: none; font-size: calc(var(--text-s)*.9); font-weight: 700; }.ffw-footer__meta-link:hover { color: var(--base-light); }.ffw-footer__meta-link:hover { color: var(--base-light); }.header { background-color: var(--base-ultra-dark); z-index: 99; }.mm { margin-left: auto; }.mm__dropdown--mega { font-size: calc(var(--text-m)*.9); }.mm__dropdown-content { background-color: var(--black); }.mm-sandstone-content { background-color: var(--base); }.mm-sandstone-col { row-gap: 1rem; }.mm:not(.brx-open) .mm-sandstone-col { padding: var(--space-m); }.mm-sandstone__col-heading { font-size: var(--text-xl); color: var(--white); font-family: "Bebas Neue"; font-weight: 700; letter-spacing: 1.2px; }.mm-sandstone-divider { height: 1px; background-color: var(--base-light-trans-40); }.mm-sandstone-list { flex-direction: row; display: grid; align-items: initial; gap: calc(var(--space-xs)*.5); grid-template-columns: var(--grid-2); }.mm-sandstone-list { list-style: none; padding-inline-start: 0px; margin-block: 0em 0px; }.mm-sandstone-item { padding-top: var(--space-xs); padding-right: var(--space-xs); padding-bottom: var(--space-xs); padding-left: var(--space-xs); position: relative; flex-direction: row; column-gap: var(--space-xs); align-items: center; }.mm-sandstone-item { transition:background-color 0.2s ease-in-out; }.mm-sandstone-item:hover, .mm-sandstone-item:focus-within { background-color: var(--base) !important; }.mm-sandstone-item a, .mm-sandstone-item a:hover { color: var(--white); }.mm-slate-item__icon-wrapper { order: -1; padding: 1rem; background-color: var(--base-ultra-dark); display: flex; justify-content: center; align-items: center; width: 10rem; height: 10rem; border-radius: var(--radius-s); }.mm-sandstone-article__img:not(.tag), .mm-sandstone-article__img img { object-fit: cover; }.mm-sandstone-article__img { width: 100%; height: 100%; }.mm-sandstone-item__heading { font-size: var(--text-l); color: var(--white); font-family: "Bebas Neue"; font-weight: 700; letter-spacing: 1.2px; margin-bottom: 0px; }.mm-sandstone-item__heading a::after { content: ""; position: absolute; inset: 0px; }.mm-sandstone-item__desc { font-size: var(--text-s); color: var(--white); font-weight: 400; }.mm-sandstone-col--highlight { background-color: var(--base-hover); flex-basis: 37%; flex-shrink: 0; }.mm__dropdown--menu { font-size: calc(var(--text-m)*.9); font-weight: 700; }.mm__nav-link { font-size: calc(var(--text-m)*.9); font-weight: 700; line-height: 1; }.Hero-home { position: relative; isolation: isolate; min-height: 70vh; overflow: hidden; }.Hero-home__content-wrapper { row-gap: var(--content-gap); align-items: flex-start; justify-content: flex-end; color: var(--text-light); position: relative; z-index: 1; margin-top: auto; padding-top: var(--space-m); padding-bottom: var(--space-m); }.fr-cta-links-alpha { display: flex; flex-flow: wrap; column-gap: var(--space-m); row-gap: var(--space-m); }.btn--primary { font-weight: 700; }.btn--primary:hover { border-color: var(--white); background-color: var(--primary) !important; }.btn--white { font-weight: 700; }.fr-background-alpha { position: absolute; inset: 0px; z-index: -1; }.fr-background-alpha { isolation: isolate; overflow: hidden !important; }.fr-background-alpha__image:not(.tag), .fr-background-alpha__image img { object-fit: cover; }.fr-background-alpha__image { position: absolute; inset: 0px; width: 100%; z-index: -1; height: 100%; }.fr-background-alpha__overlay { z-index: -1; position: absolute; inset: 0px; background-color: var(--black-trans-60); }.fr-feature-section-papa { row-gap: var(--container-gap); padding-top: var(--section-space-xs); padding-bottom: var(--section-space-xs); }.logos-home { margin-bottom: 0px; background-color: var(--white); padding-top: var(--space-s); padding-bottom: var(--space-s); }.bewertungen-logos { flex-flow: wrap; justify-content: center; align-items: center; row-gap: var(--space-s); margin-right: auto; margin-left: auto; width: var(--content-width); padding-left: 0px; display: flex; column-gap: var(--space-s); }.bewertungen-logos { list-style: none; }.bewertungen-logos__logo-wrapper { height: 8rem; display: flex; align-items: center; justify-content: center; align-self: center !important; }.bewertungen-logos__logo:not(.tag), .bewertungen-logos__logo img { object-fit: contain; }.bewertungen-logos__logo { width: auto; height: 100%; }.fr-slider-section-indigo { flex-direction: column; row-gap: var(--container-gap); }.angebote-hero { padding-top: var(--section-space-s); background-color: var(--white); color: var(--black); }.intro-app { align-items: center; text-align: center; row-gap: var(--content-gap); }.intro-app__heading { line-height: 1.1; }.tms-divider-prim { height: 0.2em; width: 0px; background-color: var(--primary); transition:width 2s ease-in-out; }.angebote-hero__lede ul { margin-top: var(--space-xs); }.fr-slider-indigo { display: flex; flex-direction: column; row-gap: var(--content-gap); align-items: center; }.fr-slider-indigo { --icon-size: 2em; --icon-color: var(--white); --slide-bg: var(--neutral-ultra-light); --active-slide-bg: var(--neutral-light); }.angebote-hero__slider-indigo { position: relative; }.fr-slider-nav-indigo { width: auto; }.fr-slider-nav-indigo .splide__slide { border: var(--btn-border-width) solid var(--neutral-ultra-light); }.fr-slider-nav-indigo .splide__slide.is-active { background: var(--primary) !important; }.fr-slider-nav-indigo .splide__track { padding: 0.35em !important; }.angebote-hero__slider-navigation .splide__slide.is-active { border-style: none; border-radius: var(--radius-s); background: var(--primary) !important; }.angebote-hero__slider-navigation .splide__slide { border-style: none; border-radius: var(--radius-s); background: var(--base) !important; }.fr-slider-nav-indigo__slide { padding-top: var(--btn-padding-block); padding-right: var(--btn-padding-inline); padding-bottom: var(--btn-padding-block); padding-left: var(--btn-padding-inline); border: var(--btn-border-width) solid var(--neutral-ultra-light); border-radius: var(--btn-border-radius); cursor: pointer; color: var(--white); }.angebote-hero__title { font-weight: 700; }.fr-slider-indigo__content { display: flex; flex-direction: column; row-gap: var(--content-gap); border-radius: var(--radius); padding-right: var(--space-m); padding-left: var(--space-m); }.angebote-hero__slider-content { background-position: right bottom; background-size: cover; background-repeat: no-repeat; background-color: var(--base-dark); padding-top: var(--space-m); padding-right: var(--space-m); padding-bottom: var(--space-m); padding-left: var(--space-m); }.fr-slider-main-indigo .splide__slide { opacity: 1; background: var(--base-dark) !important; }.fr-slider-main-indigo .fr-slider__list { transition:transform 0.5s cubic-bezier(0.77, 0, 0.175, 1); }.angebote-hero__slider-main-indigo { background-color: var(--base-dark); }.fr-slider-main-indigo__slide { flex-direction: column; justify-content: center; display: grid; grid-template-columns: var(--grid-2); grid-template-rows: var(--grid-1); align-items: flex-start; gap: var(--grid-gap); }.fr-slider-main-indigo__content-wrapper { display: flex; flex-direction: column; row-gap: var(--content-gap); }.angebote-hero__content-wrapper { color: var(--white); }.angebote-hero-header { display: flex; flex-direction: column; row-gap: calc(var(--space-xs)*.5); }.angebote-hero__cat .bricks-button { color: var(--white); font-size: calc(var(--text-xs)*1.25); background-color: var(--base); }.list--bullets { text-align: left; }.list--bullets a { text-align: left; font-size: inherit; }.list--bullets { text-align: left; }.fr-slider-main-indigo__image-wrapper { height: 100%; width: 100%; }.fr-slider-main-indigo__image:not(.tag), .fr-slider-main-indigo__image img { object-fit: cover; }.fr-slider-main-indigo__image { height: 100%; width: 100%; }.angebote-hero__image { border-radius: var(--radius); aspect-ratio: 4 / 3; }.fr-slider-controls-indigo .fr-slider__custom-arrow { background-color: transparent; border: var(--btn-border-width) solid var(--white); border-radius: 50vmax; height: 3em; width: 3em; }.fr-slider-controls-indigo :disabled { opacity: 0.25; cursor: not-allowed; }.ueber-mich-home { background-color: var(--white); background-position: center center; background-image: url(//trainieren-mit-sinn.at/wp-content/swift-ai/images/wp-content/uploads/DSC7829-1024x576-jpg.webp); background-size: cover; padding-top: var(--section-space-s); padding-bottom: var(--section-space-s); position: relative; }:where(.ueber-mich-home > *) { position: relative; }.ueber-mich-home::before { background-image: linear-gradient(var(--white-trans-70), var(--white-trans-70)); position: absolute; content: ""; inset: 0px; pointer-events: none; }.ueber-mich-home__inner { position: relative; width: var(--width-xl); min-height: var(--min-height); background-position: center center; background-size: cover; background-color: var(--white); padding-top: var(--space-m); padding-right: var(--space-m); padding-bottom: var(--space-m); padding-left: var(--space-m); border-radius: var(--radius); gap: var(--space-m); display: flex; }.ueber-mich-home__inner { --content-inline-size: 440px; --media-inline-size: 440px; --min-height: 450px; }.highlights-ueber-mich__content-wrapper { row-gap: var(--content-gap); align-items: center; text-align: center; }.highlights-ueber-mich__heading { color: var(--black); }.highlights-ueber-mich__lede { color: var(--black); }.fr-feature-grid-november { display: grid; gap: var(--grid-gap); grid-template-columns: var(--grid-3); align-items: center; grid-template-rows: var(--grid-1); }.fr-feature-grid-november__features-list { width: 100%; height: 100%; display: grid; gap: var(--content-gap); grid-template-columns: var(--grid-3); grid-area: 1 / 1 / auto / -1; align-items: center; }.fr-feature-grid-november__features-list { --accent-width: 5rem; --accent-position-y: 50%; --accent-position-x: calc(var(--accent-width) * -1.25); --accent-position-offset: 4px; }.fr-feature-grid-november__features-list > * { align-self: center; }.fr-feature-grid-november__features-list > :nth-child(2n+1)[class*="brxe-"] { grid-column-start: 1; flex-direction: row-reverse; text-align: right; justify-content: flex-end; }.fr-feature-grid-november__features-list > :nth-child(2n) { grid-column-start: 3; }.fr-feature-card-foxtrot { flex-direction: row; column-gap: var(--fr-card-gap); row-gap: var(--fr-card-gap); }.fr-feature-card-foxtrot { --icon-size: 1.5em; --icon-color: var(--base); }.fr-feature-card-foxtrot__body { row-gap: var(--fr-card-gap); }.fr-feature-card-foxtrot__heading { width: 100%; font-size: var(--text-l); color: var(--black); position: relative; }@media (min-width: 992px){.fr-feature-grid-november__features-list > :nth-child(2n+1) h3::before { content: ""; position: absolute; width: var(--accent-width); height: 2px; background-color: var(--base); top: var(--accent-position-y); right: var(--accent-position-x); z-index: 1; }.fr-feature-grid-november__features-list > :nth-child(2n+1) h3::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: var(--primary); top: calc(var(--accent-position-y) - 4px); right: var(--accent-position-x); border-radius: 50%; z-index: 1; }.fr-feature-grid-november__features-list > :nth-child(2n) h3::before { content: ""; position: absolute; width: var(--accent-width); height: 2px; background-color: var(--base); top: var(--accent-position-y); left: var(--accent-position-x); z-index: 1; }.fr-feature-grid-november__features-list > :nth-child(2n) h3::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: var(--primary); top: calc(var(--accent-position-y) - 4px); left: var(--accent-position-x); border-radius: 50%; z-index: 1; }}.fr-feature-card-foxtrot__text { color: var(--black); }.fr-feature-grid-november__main-image:not(.tag), .fr-feature-grid-november__main-image img { object-fit: cover; object-position: 20% 100%; }.fr-feature-grid-november__main-image { border-radius: var(--radius-s); overflow: hidden; height: 30em; }.fr-feature-grid-november__main-image { grid-area: 1 / 2; }.trainingsplaene-home { row-gap: var(--container-gap); column-gap: var(--container-gap); }.special-section__container { position: relative; overflow: hidden; isolation: isolate; border-radius: var(--radius-m); justify-content: space-between; display: grid; gap: var(--grid-gap); grid-template-columns: var(--grid-2); align-items: stretch; background-color: var(--black); background-image: url(https://trainieren-mit-sinn.at/wp-content/uploads/digital-rain.svg); background-size: cover; padding-top: var(--space-xl); padding-right: var(--space-xl); padding-bottom: var(--space-xl); padding-left: var(--space-xl); }:where(.special-section__container > *) { position: relative; }.special-section__container::before { background-image: linear-gradient(240deg, var(--black), var(--black-trans-50)); position: absolute; content: ""; inset: 0px; pointer-events: none; }.fr-hero-alpha__content-wrapper { display: flex; flex-direction: column; row-gap: var(--content-gap); justify-content: center; align-items: flex-start; }.fr-hero-alpha__lede h2, .fr-hero-alpha__lede h3 { margin-bottom: var(--space-xs); }.fr-hero-alpha__media-wrapper { border-radius: var(--radius, var(--radius-m)); overflow: hidden; }.fr-hero-alpha__media { width: 100%; aspect-ratio: 3 / 4; }.trainingsplaene-home__inner { display: grid; align-items: initial; }.trainingsplaene-home__inner { --min: 515px; 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)); display: grid !important; }.trainingsplaene-home__content-wrapper { background-color: var(--base-hover); background-image: url(https://trainieren-mit-sinn.at/wp-content/uploads/varying-stripes-black.svg); background-size: cover; padding-top: var(--space-xl); padding-right: var(--space-xl); padding-bottom: var(--space-xl); padding-left: var(--space-xl); justify-content: flex-start; border-radius: var(--radius); row-gap: var(--space-m); position: relative; }:where(.trainingsplaene-home__content-wrapper > *) { position: relative; }.trainingsplaene-home__content-wrapper::before { background-image: linear-gradient(var(--black-trans-40), var(--black-trans-40)); position: absolute; content: ""; inset: 0px; pointer-events: none; }.trainingsplaene-home__lede { width: 40ch; }.trainingsplaene-home__stack { align-items: stretch; row-gap: var(--grid-gap); }.feature-card-dallas { display: grid; grid-template-columns: var(--grid-2); padding-top: var(--space-xl); padding-right: var(--space-xl); padding-bottom: var(--space-xl); padding-left: var(--space-xl); color: var(--text-light); align-items: center; border-radius: var(--radius); overflow: hidden; gap: var(--space-s); background-color: var(--base); }.feature-card-dallas { --card-padding: var(--space-m); }.feature-card-dallas__content-wrapper { row-gap: var(--space-m); }.feature-card-dallas__wrapper-heading { flex-direction: row; align-items: center; column-gap: calc(var(--space-xs)*.5); }.fr-list-alpha { padding-left: 0px; margin-top: 0px; margin-bottom: 0px; display: flex; flex-direction: column; }.fr-list-alpha { --icon-size: 1.5em; --icon-fill-color: transparent; --icon-stroke-color: var(--bg-dark); --icon-fill-color-hover: transparent; --icon-stroke-color-hover: var(--bg-dark); list-style-type: none; }.fr-icon-link-alpha-wrapper { display: flex; color: var(--white); }.fr-icon-link-alpha-white { flex-direction: row-reverse; gap: var(--icon-gap); text-decoration: none; }.fr-icon-link-alpha-white { --link-color: var(--white); --link-color-hover: var(--base-light); --icon-size: 1em; --icon-color: var(--white); --icon-color-hover: var(--white); --icon-gap: .25em; --icon-translate-distance: .25em; --icon-transition-duration: 300ms; --icon-transition-function: ease-in-out; }.fr-icon-link-alpha-white { color: var(--link-color); text-decoration: none; text-underline-offset: var(--link-underline-offset, .25em); }.fr-icon-link-alpha-white:hover { color: var(--link-color-hover); }.fr-icon-link-alpha-white--light { --link-color: var(--white); --link-color-hover: var(--primary); --icon-size: 1em; --icon-color: var(--white); --icon-color-hover: var(--primary); }.fr-slider-section-bravo { overflow: hidden; padding-bottom: calc(var(--section-space-m) + var(--content-gap) + 1em); }.kundenmeinungen { background-color: var(--base-hover); background-position: center center; background-size: cover; background-image: url(https://trainieren-mit-sinn.at/wp-content/uploads/plasma-lights.svg); position: relative; }:where(.kundenmeinungen > *) { position: relative; }.kundenmeinungen::before { background-image: linear-gradient(var(--base-ultra-dark), var(--base-ultra-dark-trans-40), var(--base-ultra-dark)); position: absolute; content: ""; inset: 0px; pointer-events: none; }.fr-slider-grid-bravo { position: relative; display: grid; gap: var(--grid-gap); grid-template-columns: var(--grid-1-2); grid-template-rows: var(--grid-1); align-items: center; }.fr-slider-grid-bravo__sidebar { row-gap: var(--content-gap); display: flex; flex-direction: column; }.kundenmeinungen__lede { max-width: var(--width-l); }.fr-slider-bravo__controls .fr-slider__custom-arrow { background-color: transparent; }.fr-slider-bravo__controls { max-width: max-content; }.fr-slider-bravo__controls .fr-slider__custom-arrows { gap: var(--grid-gap); flex-direction: row; }.fr-slider-bravo__controls { --icon-size: 2em; --icon-color: var(--text-dark); }.fr-slider-bravo__controls button svg { height: var(--icon-size); width: var(--icon-size); fill: var(--icon-color); }.fr-slider-bravo { clip-path: inset(-100vw -100vw -100vw 0px); }.fr-testimonial-card-bravo { row-gap: var(--fr-card-gap); padding-top: var(--fr-card-padding); padding-right: var(--fr-card-padding); padding-bottom: var(--fr-card-padding); padding-left: var(--fr-card-padding); background-color: var(--base); justify-content: space-between; display: flex; flex-direction: column; border-radius: var(--radius); }.fr-testimonial-card-bravo__footer { flex-direction: row; align-items: flex-start; justify-content: space-between; gap: 0.5em 1em; }.fr-product-rating-alpha { display: flex; gap: 0.25em; align-items: center; }.fr-product-rating-alpha { --icon-size: 1.25em; }.fr-product-rating-alpha svg { width: var(--icon-size); height: var(--icon-size); }.fr-product-rating-alpha > i:first-child, .fr-product-rating-alpha > svg:first-child { display: none; }.fr-rating-alpha__icon-half { order: 1; }.fr-testimonial-card-bravo__name { order: 1; }.cta-home { background-position: left bottom; background-repeat: no-repeat; background-size: cover; background-color: var(--primary); }.cta-home__intro-alpha { background-color: var(--base-ultra-dark); background-image: url(https://trainieren-mit-sinn.at/wp-content/uploads/digital-rain.svg); background-size: cover; padding-top: var(--space-m); padding-right: var(--space-m); padding-bottom: var(--space-m); padding-left: var(--space-m); border-radius: var(--radius); position: relative; width: var(--width-xl); overflow: hidden; }:where(.cta-home__intro-alpha > *) { position: relative; }.cta-home__intro-alpha::before { background-image: linear-gradient(335deg, var(--base-hover), var(--base-hover), var(--base-ultra-dark-trans-40)); position: absolute; content: ""; inset: 0px; pointer-events: none; }.cta-home__heading { width: 100%; }.fr-footer-hotel { row-gap: var(--container-gap); background-color: var(--neutral-ultra-dark); color: var(--text-light); padding-top: var(--section-space-xs); padding-bottom: calc(var(--section-space-xs)*.5); }.fr-footer-hotel__grid { display: grid; grid-template-columns: var(--grid-5); grid-template-rows: var(--grid-1); gap: var(--container-gap); align-content: stretch; align-items: flex-start; }.fr-footer-hotel__grid, .fr-footer-hotel__grid > * { position: relative; }.fr-footer-hotel__grid > :first-child::after, .fr-footer-hotel__grid::after { content: ""; position: absolute; bottom: calc((var(--container-gap) / 2) * -1); width: 100%; height: 0.1px; background-color: var(--neutral-light-trans-40); }.fr-footer-hotel__content-wrapper { display: flex; flex-direction: row; align-items: stretch; row-gap: var(--grid-gap); justify-content: space-between; width: 100%; grid-column: 1 / end; }.fr-footer-hotel__logo { height: 15rem; width: 40rem; }.fr-footer-hotel__logo:not(.tag), .fr-footer-hotel__logo img { object-fit: contain; }.fr-social-charlie { display: flex; flex-flow: wrap; gap: 1em; margin-top: 0px; margin-bottom: 0px; padding-left: 0px; width: fit-content; }.fr-social-charlie { --icon-size: 2em; --icon-fill-color: transparent; --icon-stroke-color: var(--bg-dark); --icon-fill-color-hover: transparent; --icon-stroke-color-hover: var(--bg-dark); list-style-type: none; }.fr-social-charlie__icon-wrapper { display: flex; align-items: center; text-decoration: none; transition: 0.3s ease-in-out; }.fr-social-charlie__icon-wrapper:hover { transform: translateY(-0.15em); }.fr-social-charlie__icon-wrapper svg { height: var(--icon-size); width: var(--icon-size); fill: var(--icon-fill-color); color: var(--icon-stroke-color); }.fr-social-charlie__icon-wrapper svg:hover { fill: var(--icon-fill-color-hover); color: var(--icon-stroke-color-hover); }.fr-social-charlie__icon { display: flex; align-self: center; justify-content: center; align-items: center; flex-direction: column; padding: 0.25em; background-color: var(--base); color: var(--white); fill: var(--white); }.fr-footer-hotel__nav-wrapper { grid-column: 1 / 4; display: grid; align-items: initial; grid-template-columns: var(--grid-3); grid-template-rows: var(--grid-1); width: 100%; gap: var(--grid-gap); }.fr-footer-hotel__nav-column { display: flex; flex-direction: column; align-items: flex-start; row-gap: var(--content-gap); }.fr-footer-hotel__nav-heading { font-size: calc(var(--text-l)*.9); font-weight: 700; }.fr-footer-hotel__nav-heading a { color: var(--white); font-weight: 700; }.fr-footer-hotel__nav-heading a:hover { color: var(--base-light); }.fr-footer-hotel__list { display: flex; flex-direction: column; margin-top: 0px; margin-bottom: 0px; padding-left: 0px; row-gap: var(--space-s); }.fr-footer-hotel__list { list-style-type: none; }.fr-footer-hotel__link { color: var(--white); text-decoration: none; font-size: var(--text-s); }.fr-footer-hotel__link:hover { color: var(--base-light); }.fr-footer-hotel__contact-wrapper { grid-column: 4 / end; display: flex; row-gap: var(--content-gap); flex-direction: column; }.fr-footer-hotel__contact-heading { font-size: calc(var(--text-l)*.9); font-weight: 700; }.fr-footer-hotel__cta-wrapper { display: flex; flex-direction: column; row-gap: var(--fr-card-gap); grid-column: 4 / end; width: 100%; align-items: flex-start; }.form--dark .frm-fluent-form .ff-el-group { padding-inline: 0rem 1rem !important; }.fr-footer-hotel__meta-heading { font-weight: 700; }.legal-meta-bravo { display: flex; flex-flow: wrap; column-gap: var(--content-gap); row-gap: var(--content-gap); font-size: calc(var(--text-s)*.85); justify-content: space-between; }.legal-meta-bravo a { color: var(--primary-light); }.legal-meta-bravo a:hover { color: var(--primary-ultra-light); }.fr-subfooter-bravo__link { text-decoration: none; color: var(--white); }.fr-subfooter-bravo__link:hover { color: var(--base-light); }.fr-subfooter-bravo__legal-list { align-items: center; display: flex; flex-wrap: wrap; column-gap: var(--content-gap); row-gap: var(--space-xs); }section.header { padding: var(--space-xs) var(--space-m); }section.header .header__container { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }section.header .header__logo { width: 10rem; }.mm .mm__dropdown--mega .mm__dropdown-content { padding: var(--space-m); gap: var(--space-m); box-shadow: rgba(0, 0, 0, 0.01) 119px 360px 152px, rgba(0, 0, 0, 0.05) 67px 203px 128px, rgba(0, 0, 0, 0.09) 30px 90px 95px, rgba(0, 0, 0, 0.1) 7px 23px 52px, rgba(0, 0, 0, 0.1) 0px 0px 0px; flex-direction: row; }.mm .mm__dropdown--menu .mm__dropdown-content { min-width: fit-content; box-shadow: rgba(0, 0, 0, 0.01) 119px 360px 152px, rgba(0, 0, 0, 0.05) 67px 203px 128px, rgba(0, 0, 0, 0.09) 30px 90px 95px, rgba(0, 0, 0, 0.1) 7px 23px 52px, rgba(0, 0, 0, 0.1) 0px 0px 0px; }.mm .mm__dropdown--menu .mm__dropdown-content > li a, .mm .mm__dropdown--menu .mm__dropdown-content > li .brx-submenu-toggle { white-space: nowrap; }.mm .mm__nav-items { gap: var(--space-m); }.mm .mm__mobile-logo { display: none; }.mm:not(.brx-open) .mm__dropdown--menu .mm__dropdown-content .menu-item a, .mm:not(.brx-open) .mm__dropdown--menu .mm__dropdown-content .mm__dropdown--menu .brx-submenu-toggle { color: var(--white); padding: var(--space-xs); }.mm:not(.brx-open) .mm__dropdown--menu .mm__dropdown-content .menu-item a:hover, .mm:not(.brx-open) .mm__dropdown--menu .mm__dropdown-content .mm__dropdown--menu .brx-submenu-toggle:hover { color: var(--white); background-color: var(--base); }.mm:not(.brx-open) [class*="mm__dropdown"] .mm__dropdown-content { background-color: var(--base-ultra-dark); }.mm:not(.brx-open) .mm__nav-items > [class*="mm__dropdown"] > .brx-submenu-toggle button svg { transform: rotate(0deg); transition:transform 0.2s ease-in-out; }.mm:not(.brx-open) .mm__nav-items > [class*="mm__dropdown"] > .mm__dropdown-content { transform: translateY(40px); }.mm:not(.brx-open) .mm__nav-items > li:last-of-type a.mm__nav-link, .mm:not(.brx-open) .mm__nav-items > li:last-of-type > .brx-submenu-toggle { --btn-background: var(--primary); --btn-background-hover: var(--primary); --btn-text-color: var(--white); --btn-text-color-hover: var(--white); --btn-border-color: var(--primary); --btn-border-color-hover: var(--secondary); --btn-outline-background-hover: var(--secondary); --btn-outline-border-hover: var(--secondary); --btn-outline-text-color: var(--secondary); --btn-outline-text-color-hover: var(--secondary); --focus-color: var(--primary-dark); 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-s)); font-weight: 700; 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; }.mm:not(.brx-open) .mm__nav-items > li:last-of-type a.mm__nav-link:hover, .mm:not(.brx-open) .mm__nav-items > li:last-of-type > .brx-submenu-toggle: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); }.mm:not(.brx-open) .mm__nav-items > li:not(:last-of-type) > a { color: var(--white); font-weight: 700; }.mm:not(.brx-open) .mm__nav-items > li:not(:last-of-type) > a:hover { color: var(--base-light); }.mm:not(.brx-open) .mm__nav-items > li:not(:last-of-type) > .brx-submenu-toggle { color: var(--white); font-weight: 700; }.mm:not(.brx-open) .mm__nav-items > li:not(:last-of-type) > .brx-submenu-toggle:hover { color: var(--base-light); }.mm:not(.brx-open) .mm__nav-items > li:not(:last-of-type) > .brx-submenu-toggle > a { color: var(--white); font-weight: 700; }.mm:not(.brx-open) .mm__nav-items > li:not(:last-of-type) > .brx-submenu-toggle > a:hover { color: var(--base-light); }.mm:not(.brx-open) .mm__nav-items > li:not(:last-of-type) > .brx-submenu-toggle a, .mm:not(.brx-open) .mm__nav-items > li:not(:last-of-type) > .brx-submenu-toggle span, .mm:not(.brx-open) .mm__nav-items > li:not(:last-of-type) > .brx-submenu-toggle svg { color: inherit; }.mm.brx-open ul.mm__nav-items > li:last-of-type .mm__nav-link, .mm.brx-open ul.mm__nav-items > li:last-of-type > .brx-submenu-toggle { --btn-background: var(--primary); --btn-background-hover: var(--primary); --btn-text-color: var(--white); --btn-text-color-hover: var(--white); --btn-border-color: var(--primary); --btn-border-color-hover: var(--secondary); --btn-outline-background-hover: var(--secondary); --btn-outline-border-hover: var(--secondary); --btn-outline-text-color: var(--secondary); --btn-outline-text-color-hover: var(--secondary); --focus-color: var(--primary-dark); 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-s)); font-weight: 700; 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--white.brxe-button:hover, .btn--primary:hover, .bricks-button.btn--primary:hover, .btn--black.brxe-button:hover, .fluentform .ff_btn_style:hover, .bricks-button.btn--primary:hover, .btn--primary.btn--outline:hover, .btn--black:hover, .bricks-button.btn--primary.btn--outline:hover { transform: translateY(-5px); box-shadow: rgba(0, 0, 0, 0.5) 0px 7px 25px -10px; opacity: 1 !important; }.fluentform .ff_btn_style { cursor: pointer; transition: 0.4s !important; background-color: var(--secondary) !important; color: var(--white) !important; border-style: solid !important; border-color: var(--secondary) !important; padding: 1em 1.5em !important; border-width: 0.25rem !important; border-radius: 0px !important; text-transform: inherit !important; text-decoration: none !important; letter-spacing: 0px !important; font-weight: 600 !important; font-style: normal !important; min-width: 20rem !important; line-height: 1 !important; font-size: var(--text-s) !important; }.brxe-button { transition: 0.4s !important; box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 20px -15px !important; }.brxe-button:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 0, 0, 0.5) 0px 7px 25px -10px !important; }.brx-body { min-height: 100vh; }#brx-header { z-index: 99; }.color-scheme--alt { --white: #fff; --black: #000; }.brxe-accordion .accordion-content-wrapper a, .brxe-icon-box .content-wrapper a, .brxe-list a, .brxe-post-content a:not(.bricks-button), .brxe-posts .dynamic p a, .brxe-shortcode a, .brxe-tabs .tab-content a, .brxe-team-members .description a, .brxe-testimonials .testimonial-content-wrapper a, .brxe-text a, a.brxe-text, .brxe-text-basic a, a.brxe-text-basic, a { transition-duration: 0.4s !important; }.fluentform .ff-el-input--label label { color: white; }.fluentform .ff-el-form-control:focus { border-color: var(--secondary) !important; background-color: var(--base-hover) !important; }.form--dark .frm-fluent-form label:not(.ff-el-form-check-label) { background-color: inherit !important; }.list--bullets > ul { list-style-type: none; padding-left: 0px; }.list--bullets > ul > li { position: relative; padding-left: 30px; margin-bottom: 10px; }.list--bullets > ul > li::before { content: ""; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background-image: url(https://trainieren-mit-sinn.at/wp-content/uploads/bullet-bulletpoint.svg); background-size: contain; background-repeat: no-repeat; }label { color: unset; }@font-face { font-family: "Bebas Neue"; font-style: normal; font-weight: 400; font-display: fallback; src: url(https://trainieren-mit-sinn.at/wp-content/uploads/font-hero/google-fonts/bebas-neue/bebas-neue-regular-normal-latin.woff2) format("woff2"); }@font-face { font-family: Inter; font-style: normal; font-weight: 400; font-display: fallback; src: url(https://trainieren-mit-sinn.at/wp-content/uploads/font-hero/google-fonts/inter/inter-regular-normal-latin.woff2) format("woff2"); }@font-face { font-family: Inter; font-style: normal; font-weight: 700; font-display: fallback; src: url(https://trainieren-mit-sinn.at/wp-content/uploads/font-hero/google-fonts/inter/inter-bold-normal-latin.woff2) format("woff2"); }@layer bricks { :root { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1; } .brx-animated { animation-duration: 1s; animation-fill-mode: both; } .bricks-is-frontend .brx-animated[data-animation*="In"], .bricks-is-frontend :not(.brx-animated)[data-interaction-hidden-on-load] { opacity: 0; } .brx-animated.infinite { animation-iteration-count: infinite; } .brx-animated.brx-animate-repeat-1 { animation-iteration-count: var(--animate-repeat); } .brx-animated.brx-animate-repeat-2 { animation-iteration-count: calc(var(--animate-repeat)*2); } .brx-animated.brx-animate-repeat-3 { animation-iteration-count: calc(var(--animate-repeat)*3); } .brx-animated.brx-animate-delay-1s { animation-delay: var(--animate-delay); } .brx-animated.brx-animate-delay-2s { animation-delay: calc(var(--animate-delay)*2); } .brx-animated.brx-animate-delay-3s { animation-delay: calc(var(--animate-delay)*3); } .brx-animated.brx-animate-delay-4s { animation-delay: calc(var(--animate-delay)*4); } .brx-animated.brx-animate-delay-5s { animation-delay: calc(var(--animate-delay)*5); } .brx-animated.brx-animate-faster { animation-duration: calc(var(--animate-duration)/2); } .brx-animated.brx-animate-fast { animation-duration: calc(var(--animate-duration)*.8); } .brx-animated.brx-animate-slow { animation-duration: calc(var(--animate-duration)*2); } .brx-animated.brx-animate-slower { animation-duration: calc(var(--animate-duration)*3); } @media (prefers-reduced-motion: reduce), print { .brx-animated { animation-duration: 1ms !important; animation-iteration-count: 1 !important; transition-duration: 1ms !important; } .brx-animated[class*="Out"] { opacity: 0; } } @-webkit-keyframes bounce { 0%, 20%, 53%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0px); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -30px, 0px) scaleY(1.1); } 70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -15px, 0px) scaleY(1.05); } 80% { transform: translateZ(0px) scaleY(0.95); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 90% { transform: translate3d(0px, -4px, 0px) scaleY(1.02); } } @keyframes bounce { 0%, 20%, 53%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0px); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -30px, 0px) scaleY(1.1); } 70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -15px, 0px) scaleY(1.05); } 80% { transform: translateZ(0px) scaleY(0.95); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 90% { transform: translate3d(0px, -4px, 0px) scaleY(1.02); } } .brx-animate-bounce { animation-name: bounce; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .brx-animate-flash { animation-name: flash; } @-webkit-keyframes pulse { 0% { transform: scaleX(1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } 100% { transform: scaleX(1); } } @keyframes pulse { 0% { transform: scaleX(1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } 100% { transform: scaleX(1); } } .brx-animate-pulse { animation-name: pulse; animation-timing-function: ease-in-out; } @-webkit-keyframes rubberBand { 0% { transform: scaleX(1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } 100% { transform: scaleX(1); } } @keyframes rubberBand { 0% { transform: scaleX(1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } 100% { transform: scaleX(1); } } .brx-animate-rubberBand { animation-name: rubberBand; } @-webkit-keyframes shakeX { 0%, 100% { transform: translateZ(0px); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0px, 0px); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0px, 0px); } } @keyframes shakeX { 0%, 100% { transform: translateZ(0px); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0px, 0px); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0px, 0px); } } .brx-animate-shakeX { animation-name: shakeX; } @-webkit-keyframes shakeY { 0%, 100% { transform: translateZ(0px); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(0px, -10px, 0px); } 20%, 40%, 60%, 80% { transform: translate3d(0px, 10px, 0px); } } @keyframes shakeY { 0%, 100% { transform: translateZ(0px); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(0px, -10px, 0px); } 20%, 40%, 60%, 80% { transform: translate3d(0px, 10px, 0px); } } .brx-animate-shakeY { animation-name: shakeY; } @-webkit-keyframes headShake { 0% { transform: translateX(0px); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0px); } } @keyframes headShake { 0% { transform: translateX(0px); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0px); } } .brx-animate-headShake { animation-name: headShake; animation-timing-function: ease-in-out; } @-webkit-keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .brx-animate-swing { animation-name: swing; transform-origin: center top; } @-webkit-keyframes tada { 0% { transform: scaleX(1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } 100% { transform: scaleX(1); } } @keyframes tada { 0% { transform: scaleX(1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } 100% { transform: scaleX(1); } } .brx-animate-tada { animation-name: tada; } @-webkit-keyframes wobble { 0% { transform: translateZ(0px); } 15% { transform: translate3d(-25%, 0px, 0px) rotate(-5deg); } 30% { transform: translate3d(20%, 0px, 0px) rotate(3deg); } 45% { transform: translate3d(-15%, 0px, 0px) rotate(-3deg); } 60% { transform: translate3d(10%, 0px, 0px) rotate(2deg); } 75% { transform: translate3d(-5%, 0px, 0px) rotate(-1deg); } 100% { transform: translateZ(0px); } } @keyframes wobble { 0% { transform: translateZ(0px); } 15% { transform: translate3d(-25%, 0px, 0px) rotate(-5deg); } 30% { transform: translate3d(20%, 0px, 0px) rotate(3deg); } 45% { transform: translate3d(-15%, 0px, 0px) rotate(-3deg); } 60% { transform: translate3d(10%, 0px, 0px) rotate(2deg); } 75% { transform: translate3d(-5%, 0px, 0px) rotate(-1deg); } 100% { transform: translateZ(0px); } } .brx-animate-wobble { animation-name: wobble; } @-webkit-keyframes jello { 0%, 11.1%, 100% { transform: translateZ(0px); } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { transform: skewX(-0.195312deg) skewY(-0.195312deg); } } @keyframes jello { 0%, 11.1%, 100% { transform: translateZ(0px); } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { transform: skewX(-0.195312deg) skewY(-0.195312deg); } } .brx-animate-jello { animation-name: jello; transform-origin: center center; } @-webkit-keyframes heartBeat { 0% { transform: scale(1); } 14% { transform: scale(1.3); } 28% { transform: scale(1); } 42% { transform: scale(1.3); } 70% { transform: scale(1); } } @keyframes heartBeat { 0% { transform: scale(1); } 14% { transform: scale(1.3); } 28% { transform: scale(1); } 42% { transform: scale(1.3); } 70% { transform: scale(1); } } .brx-animate-heartBeat { animation-duration: calc(var(--animate-duration)*1.3); animation-name: heartBeat; animation-timing-function: ease-in-out; } @-webkit-keyframes backInDown { 0% { opacity: 0.7; transform: translateY(-1200px) scale(0.7); } 80% { opacity: 0.7; transform: translateY(0px) scale(0.7); } 100% { opacity: 1; transform: scale(1); } } @keyframes backInDown { 0% { opacity: 0.7; transform: translateY(-1200px) scale(0.7); } 80% { opacity: 0.7; transform: translateY(0px) scale(0.7); } 100% { opacity: 1; transform: scale(1); } } .brx-animate-backInDown { animation-name: backInDown; } @-webkit-keyframes backInLeft { 0% { opacity: 0.7; transform: translateX(-2000px) scale(0.7); } 80% { opacity: 0.7; transform: translateX(0px) scale(0.7); } 100% { opacity: 1; transform: scale(1); } } @keyframes backInLeft { 0% { opacity: 0.7; transform: translateX(-2000px) scale(0.7); } 80% { opacity: 0.7; transform: translateX(0px) scale(0.7); } 100% { opacity: 1; transform: scale(1); } } .brx-animate-backInLeft { animation-name: backInLeft; } @-webkit-keyframes backInRight { 0% { opacity: 0.7; transform: translateX(2000px) scale(0.7); } 80% { opacity: 0.7; transform: translateX(0px) scale(0.7); } 100% { opacity: 1; transform: scale(1); } } @keyframes backInRight { 0% { opacity: 0.7; transform: translateX(2000px) scale(0.7); } 80% { opacity: 0.7; transform: translateX(0px) scale(0.7); } 100% { opacity: 1; transform: scale(1); } } .brx-animate-backInRight { animation-name: backInRight; } @-webkit-keyframes backInUp { 0% { opacity: 0.7; transform: translateY(1200px) scale(0.7); } 80% { opacity: 0.7; transform: translateY(0px) scale(0.7); } 100% { opacity: 1; transform: scale(1); } } @keyframes backInUp { 0% { opacity: 0.7; transform: translateY(1200px) scale(0.7); } 80% { opacity: 0.7; transform: translateY(0px) scale(0.7); } 100% { opacity: 1; transform: scale(1); } } .brx-animate-backInUp { animation-name: backInUp; } @-webkit-keyframes backOutDown { 0% { opacity: 1; transform: scale(1); } 20% { opacity: 0.7; transform: translateY(0px) scale(0.7); } 100% { opacity: 0.7; transform: translateY(700px) scale(0.7); } } @keyframes backOutDown { 0% { opacity: 1; transform: scale(1); } 20% { opacity: 0.7; transform: translateY(0px) scale(0.7); } 100% { opacity: 0.7; transform: translateY(700px) scale(0.7); } } .brx-animate-backOutDown { animation-name: backOutDown; } @-webkit-keyframes backOutLeft { 0% { opacity: 1; transform: scale(1); } 20% { opacity: 0.7; transform: translateX(0px) scale(0.7); } 100% { opacity: 0.7; transform: translateX(-2000px) scale(0.7); } } @keyframes backOutLeft { 0% { opacity: 1; transform: scale(1); } 20% { opacity: 0.7; transform: translateX(0px) scale(0.7); } 100% { opacity: 0.7; transform: translateX(-2000px) scale(0.7); } } .brx-animate-backOutLeft { animation-name: backOutLeft; } @-webkit-keyframes backOutRight { 0% { opacity: 1; transform: scale(1); } 20% { opacity: 0.7; transform: translateX(0px) scale(0.7); } 100% { opacity: 0.7; transform: translateX(2000px) scale(0.7); } } @keyframes backOutRight { 0% { opacity: 1; transform: scale(1); } 20% { opacity: 0.7; transform: translateX(0px) scale(0.7); } 100% { opacity: 0.7; transform: translateX(2000px) scale(0.7); } } .brx-animate-backOutRight { animation-name: backOutRight; } @-webkit-keyframes backOutUp { 0% { opacity: 1; transform: scale(1); } 20% { opacity: 0.7; transform: translateY(0px) scale(0.7); } 100% { opacity: 0.7; transform: translateY(-700px) scale(0.7); } } @keyframes backOutUp { 0% { opacity: 1; transform: scale(1); } 20% { opacity: 0.7; transform: translateY(0px) scale(0.7); } 100% { opacity: 0.7; transform: translateY(-700px) scale(0.7); } } .brx-animate-backOutUp { animation-name: backOutUp; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; transform: scaleX(1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; transform: scaleX(1); } } .brx-animate-bounceIn { animation-duration: calc(var(--animate-duration)*.75); animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, -3000px, 0px) scaleY(3); } 60% { opacity: 1; transform: translate3d(0px, 25px, 0px) scaleY(0.9); } 75% { transform: translate3d(0px, -10px, 0px) scaleY(0.95); } 90% { transform: translate3d(0px, 5px, 0px) scaleY(0.985); } 100% { transform: translateZ(0px); } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, -3000px, 0px) scaleY(3); } 60% { opacity: 1; transform: translate3d(0px, 25px, 0px) scaleY(0.9); } 75% { transform: translate3d(0px, -10px, 0px) scaleY(0.95); } 90% { transform: translate3d(0px, 5px, 0px) scaleY(0.985); } 100% { transform: translateZ(0px); } } .brx-animate-bounceInDown { animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px) scaleX(3); } 60% { opacity: 1; transform: translate3d(25px, 0px, 0px) scaleX(1); } 75% { transform: translate3d(-10px, 0px, 0px) scaleX(0.98); } 90% { transform: translate3d(5px, 0px, 0px) scaleX(0.995); } 100% { transform: translateZ(0px); } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px) scaleX(3); } 60% { opacity: 1; transform: translate3d(25px, 0px, 0px) scaleX(1); } 75% { transform: translate3d(-10px, 0px, 0px) scaleX(0.98); } 90% { transform: translate3d(5px, 0px, 0px) scaleX(0.995); } 100% { transform: translateZ(0px); } } .brx-animate-bounceInLeft { animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(3000px, 0px, 0px) scaleX(3); } 60% { opacity: 1; transform: translate3d(-25px, 0px, 0px) scaleX(1); } 75% { transform: translate3d(10px, 0px, 0px) scaleX(0.98); } 90% { transform: translate3d(-5px, 0px, 0px) scaleX(0.995); } 100% { transform: translateZ(0px); } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(3000px, 0px, 0px) scaleX(3); } 60% { opacity: 1; transform: translate3d(-25px, 0px, 0px) scaleX(1); } 75% { transform: translate3d(10px, 0px, 0px) scaleX(0.98); } 90% { transform: translate3d(-5px, 0px, 0px) scaleX(0.995); } 100% { transform: translateZ(0px); } } .brx-animate-bounceInRight { animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, 3000px, 0px) scaleY(5); } 60% { opacity: 1; transform: translate3d(0px, -20px, 0px) scaleY(0.9); } 75% { transform: translate3d(0px, 10px, 0px) scaleY(0.95); } 90% { transform: translate3d(0px, -5px, 0px) scaleY(0.985); } 100% { transform: translateZ(0px); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, 3000px, 0px) scaleY(5); } 60% { opacity: 1; transform: translate3d(0px, -20px, 0px) scaleY(0.9); } 75% { transform: translate3d(0px, 10px, 0px) scaleY(0.95); } 90% { transform: translate3d(0px, -5px, 0px) scaleY(0.985); } 100% { transform: translateZ(0px); } } .brx-animate-bounceInUp { animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } .brx-animate-bounceOut { animation-duration: calc(var(--animate-duration)*.75); animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { transform: translate3d(0px, 10px, 0px) scaleY(0.985); } 40%, 45% { opacity: 1; transform: translate3d(0px, -20px, 0px) scaleY(0.9); } 100% { opacity: 0; transform: translate3d(0px, 2000px, 0px) scaleY(3); } } @keyframes bounceOutDown { 20% { transform: translate3d(0px, 10px, 0px) scaleY(0.985); } 40%, 45% { opacity: 1; transform: translate3d(0px, -20px, 0px) scaleY(0.9); } 100% { opacity: 0; transform: translate3d(0px, 2000px, 0px) scaleY(3); } } .brx-animate-bounceOutDown { animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0px, 0px) scaleX(0.9); } 100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px) scaleX(2); } } @keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0px, 0px) scaleX(0.9); } 100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px) scaleX(2); } } .brx-animate-bounceOutLeft { animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0px, 0px) scaleX(0.9); } 100% { opacity: 0; transform: translate3d(2000px, 0px, 0px) scaleX(2); } } @keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0px, 0px) scaleX(0.9); } 100% { opacity: 0; transform: translate3d(2000px, 0px, 0px) scaleX(2); } } .brx-animate-bounceOutRight { animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { transform: translate3d(0px, -10px, 0px) scaleY(0.985); } 40%, 45% { opacity: 1; transform: translate3d(0px, 20px, 0px) scaleY(0.9); } 100% { opacity: 0; transform: translate3d(0px, -2000px, 0px) scaleY(3); } } @keyframes bounceOutUp { 20% { transform: translate3d(0px, -10px, 0px) scaleY(0.985); } 40%, 45% { opacity: 1; transform: translate3d(0px, 20px, 0px) scaleY(0.9); } 100% { opacity: 0; transform: translate3d(0px, -2000px, 0px) scaleY(3); } } .brx-animate-bounceOutUp { animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .brx-animate-fadeIn { animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0px, -100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0px, -100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } .brx-animate-fadeInDown { animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; transform: translate3d(0px, -2000px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translate3d(0px, -2000px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } .brx-animate-fadeInDownBig { animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-100%, 0px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-100%, 0px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } .brx-animate-fadeInLeft { animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } .brx-animate-fadeInLeftBig { animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(100%, 0px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(100%, 0px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } .brx-animate-fadeInRight { animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; transform: translate3d(2000px, 0px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translate3d(2000px, 0px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } .brx-animate-fadeInRightBig { animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0px, 100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0px, 100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } .brx-animate-fadeInUp { animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; transform: translate3d(0px, 2000px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translate3d(0px, 2000px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } .brx-animate-fadeInUpBig { animation-name: fadeInUpBig; } @-webkit-keyframes fadeInTopLeft { 0% { opacity: 0; transform: translate3d(-100%, -100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes fadeInTopLeft { 0% { opacity: 0; transform: translate3d(-100%, -100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } .brx-animate-fadeInTopLeft { animation-name: fadeInTopLeft; } @-webkit-keyframes fadeInTopRight { 0% { opacity: 0; transform: translate3d(100%, -100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes fadeInTopRight { 0% { opacity: 0; transform: translate3d(100%, -100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } .brx-animate-fadeInTopRight { animation-name: fadeInTopRight; } @-webkit-keyframes fadeInBottomLeft { 0% { opacity: 0; transform: translate3d(-100%, 100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes fadeInBottomLeft { 0% { opacity: 0; transform: translate3d(-100%, 100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } .brx-animate-fadeInBottomLeft { animation-name: fadeInBottomLeft; } @-webkit-keyframes fadeInBottomRight { 0% { opacity: 0; transform: translate3d(100%, 100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes fadeInBottomRight { 0% { opacity: 0; transform: translate3d(100%, 100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } .brx-animate-fadeInBottomRight { animation-name: fadeInBottomRight; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .brx-animate-fadeOut { animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 100%, 0px); } } @keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 100%, 0px); } } .brx-animate-fadeOutDown { animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); } } .brx-animate-fadeOutDownBig { animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-100%, 0px, 0px); } } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-100%, 0px, 0px); } } .brx-animate-fadeOutLeft { animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); } } .brx-animate-fadeOutLeftBig { animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0px, 0px); } } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0px, 0px); } } .brx-animate-fadeOutRight { animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); } } .brx-animate-fadeOutRightBig { animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, -100%, 0px); } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, -100%, 0px); } } .brx-animate-fadeOutUp { animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); } } .brx-animate-fadeOutUpBig { animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutTopLeft { 0% { opacity: 1; transform: translateZ(0px); } 100% { opacity: 0; transform: translate3d(-100%, -100%, 0px); } } @keyframes fadeOutTopLeft { 0% { opacity: 1; transform: translateZ(0px); } 100% { opacity: 0; transform: translate3d(-100%, -100%, 0px); } } .brx-animate-fadeOutTopLeft { animation-name: fadeOutTopLeft; } @-webkit-keyframes fadeOutTopRight { 0% { opacity: 1; transform: translateZ(0px); } 100% { opacity: 0; transform: translate3d(100%, -100%, 0px); } } @keyframes fadeOutTopRight { 0% { opacity: 1; transform: translateZ(0px); } 100% { opacity: 0; transform: translate3d(100%, -100%, 0px); } } .brx-animate-fadeOutTopRight { animation-name: fadeOutTopRight; } @-webkit-keyframes fadeOutBottomRight { 0% { opacity: 1; transform: translateZ(0px); } 100% { opacity: 0; transform: translate3d(100%, 100%, 0px); } } @keyframes fadeOutBottomRight { 0% { opacity: 1; transform: translateZ(0px); } 100% { opacity: 0; transform: translate3d(100%, 100%, 0px); } } .brx-animate-fadeOutBottomRight { animation-name: fadeOutBottomRight; } @-webkit-keyframes fadeOutBottomLeft { 0% { opacity: 1; transform: translateZ(0px); } 100% { opacity: 0; transform: translate3d(-100%, 100%, 0px); } } @keyframes fadeOutBottomLeft { 0% { opacity: 1; transform: translateZ(0px); } 100% { opacity: 0; transform: translate3d(-100%, 100%, 0px); } } .brx-animate-fadeOutBottomLeft { animation-name: fadeOutBottomLeft; } @-webkit-keyframes flip { 0% { animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(0px) rotateY(-1turn); } 40% { animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); } 50% { animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); } 80% { animation-timing-function: ease-in; transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0px) rotateY(0deg); } 100% { animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(0px) rotateY(0deg); } } @keyframes flip { 0% { animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(0px) rotateY(-1turn); } 40% { animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); } 50% { animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); } 80% { animation-timing-function: ease-in; transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0px) rotateY(0deg); } 100% { animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(0px) rotateY(0deg); } } .brx-animated.brx-animate-flip { animation-name: flip; backface-visibility: visible; } @-webkit-keyframes flipInX { 0% { animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateX(90deg); } 40% { animation-timing-function: ease-in; transform: perspective(400px) rotateX(-20deg); } 60% { opacity: 1; transform: perspective(400px) rotateX(10deg); } 80% { transform: perspective(400px) rotateX(-5deg); } 100% { transform: perspective(400px); } } @keyframes flipInX { 0% { animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateX(90deg); } 40% { animation-timing-function: ease-in; transform: perspective(400px) rotateX(-20deg); } 60% { opacity: 1; transform: perspective(400px) rotateX(10deg); } 80% { transform: perspective(400px) rotateX(-5deg); } 100% { transform: perspective(400px); } } .brx-animate-flipInX { animation-name: flipInX; backface-visibility: visible !important; } @-webkit-keyframes flipInY { 0% { animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateY(90deg); } 40% { animation-timing-function: ease-in; transform: perspective(400px) rotateY(-20deg); } 60% { opacity: 1; transform: perspective(400px) rotateY(10deg); } 80% { transform: perspective(400px) rotateY(-5deg); } 100% { transform: perspective(400px); } } @keyframes flipInY { 0% { animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateY(90deg); } 40% { animation-timing-function: ease-in; transform: perspective(400px) rotateY(-20deg); } 60% { opacity: 1; transform: perspective(400px) rotateY(10deg); } 80% { transform: perspective(400px) rotateY(-5deg); } 100% { transform: perspective(400px); } } .brx-animate-flipInY { animation-name: flipInY; backface-visibility: visible !important; } @-webkit-keyframes flipOutX { 0% { transform: perspective(400px); } 30% { opacity: 1; transform: perspective(400px) rotateX(-20deg); } 100% { opacity: 0; transform: perspective(400px) rotateX(90deg); } } @keyframes flipOutX { 0% { transform: perspective(400px); } 30% { opacity: 1; transform: perspective(400px) rotateX(-20deg); } 100% { opacity: 0; transform: perspective(400px) rotateX(90deg); } } .brx-animate-flipOutX { animation-duration: calc(var(--animate-duration)*.75); animation-name: flipOutX; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { transform: perspective(400px); } 30% { opacity: 1; transform: perspective(400px) rotateY(-15deg); } 100% { opacity: 0; transform: perspective(400px) rotateY(90deg); } } @keyframes flipOutY { 0% { transform: perspective(400px); } 30% { opacity: 1; transform: perspective(400px) rotateY(-15deg); } 100% { opacity: 0; transform: perspective(400px) rotateY(90deg); } } .brx-animate-flipOutY { animation-duration: calc(var(--animate-duration)*.75); animation-name: flipOutY; backface-visibility: visible !important; } @-webkit-keyframes lightSpeedInRight { 0% { opacity: 0; transform: translate3d(100%, 0px, 0px) skewX(-30deg); } 60% { opacity: 1; transform: skewX(20deg); } 80% { transform: skewX(-5deg); } 100% { transform: translateZ(0px); } } @keyframes lightSpeedInRight { 0% { opacity: 0; transform: translate3d(100%, 0px, 0px) skewX(-30deg); } 60% { opacity: 1; transform: skewX(20deg); } 80% { transform: skewX(-5deg); } 100% { transform: translateZ(0px); } } .brx-animate-lightSpeedInRight { animation-name: lightSpeedInRight; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedInLeft { 0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) skewX(30deg); } 60% { opacity: 1; transform: skewX(-20deg); } 80% { transform: skewX(5deg); } 100% { transform: translateZ(0px); } } @keyframes lightSpeedInLeft { 0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) skewX(30deg); } 60% { opacity: 1; transform: skewX(-20deg); } 80% { transform: skewX(5deg); } 100% { transform: translateZ(0px); } } .brx-animate-lightSpeedInLeft { animation-name: lightSpeedInLeft; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOutRight { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0px, 0px) skewX(30deg); } } @keyframes lightSpeedOutRight { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0px, 0px) skewX(30deg); } } .brx-animate-lightSpeedOutRight { animation-name: lightSpeedOutRight; animation-timing-function: ease-in; } @-webkit-keyframes lightSpeedOutLeft { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-100%, 0px, 0px) skewX(-30deg); } } @keyframes lightSpeedOutLeft { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-100%, 0px, 0px) skewX(-30deg); } } .brx-animate-lightSpeedOutLeft { animation-name: lightSpeedOutLeft; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { opacity: 0; transform: rotate(-200deg); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes rotateIn { 0% { opacity: 0; transform: rotate(-200deg); } 100% { opacity: 1; transform: translateZ(0px); } } .brx-animate-rotateIn { animation-name: rotateIn; transform-origin: center center; } @-webkit-keyframes rotateInDownLeft { 0% { opacity: 0; transform: rotate(-45deg); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes rotateInDownLeft { 0% { opacity: 0; transform: rotate(-45deg); } 100% { opacity: 1; transform: translateZ(0px); } } .brx-animate-rotateInDownLeft { animation-name: rotateInDownLeft; transform-origin: left bottom; } @-webkit-keyframes rotateInDownRight { 0% { opacity: 0; transform: rotate(45deg); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes rotateInDownRight { 0% { opacity: 0; transform: rotate(45deg); } 100% { opacity: 1; transform: translateZ(0px); } } .brx-animate-rotateInDownRight { animation-name: rotateInDownRight; transform-origin: right bottom; } @-webkit-keyframes rotateInUpLeft { 0% { opacity: 0; transform: rotate(45deg); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes rotateInUpLeft { 0% { opacity: 0; transform: rotate(45deg); } 100% { opacity: 1; transform: translateZ(0px); } } .brx-animate-rotateInUpLeft { animation-name: rotateInUpLeft; transform-origin: left bottom; } @-webkit-keyframes rotateInUpRight { 0% { opacity: 0; transform: rotate(-90deg); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes rotateInUpRight { 0% { opacity: 0; transform: rotate(-90deg); } 100% { opacity: 1; transform: translateZ(0px); } } .brx-animate-rotateInUpRight { animation-name: rotateInUpRight; transform-origin: right bottom; } @-webkit-keyframes rotateOut { 0% { opacity: 1; } 100% { opacity: 0; transform: rotate(200deg); } } @keyframes rotateOut { 0% { opacity: 1; } 100% { opacity: 0; transform: rotate(200deg); } } .brx-animate-rotateOut { animation-name: rotateOut; transform-origin: center center; } @-webkit-keyframes rotateOutDownLeft { 0% { opacity: 1; } 100% { opacity: 0; transform: rotate(45deg); } } @keyframes rotateOutDownLeft { 0% { opacity: 1; } 100% { opacity: 0; transform: rotate(45deg); } } .brx-animate-rotateOutDownLeft { animation-name: rotateOutDownLeft; transform-origin: left bottom; } @-webkit-keyframes rotateOutDownRight { 0% { opacity: 1; } 100% { opacity: 0; transform: rotate(-45deg); } } @keyframes rotateOutDownRight { 0% { opacity: 1; } 100% { opacity: 0; transform: rotate(-45deg); } } .brx-animate-rotateOutDownRight { animation-name: rotateOutDownRight; transform-origin: right bottom; } @-webkit-keyframes rotateOutUpLeft { 0% { opacity: 1; } 100% { opacity: 0; transform: rotate(-45deg); } } @keyframes rotateOutUpLeft { 0% { opacity: 1; } 100% { opacity: 0; transform: rotate(-45deg); } } .brx-animate-rotateOutUpLeft { animation-name: rotateOutUpLeft; transform-origin: left bottom; } @-webkit-keyframes rotateOutUpRight { 0% { opacity: 1; } 100% { opacity: 0; transform: rotate(90deg); } } @keyframes rotateOutUpRight { 0% { opacity: 1; } 100% { opacity: 0; transform: rotate(90deg); } } .brx-animate-rotateOutUpRight { animation-name: rotateOutUpRight; transform-origin: right bottom; } @-webkit-keyframes hinge { 0% { animation-timing-function: ease-in-out; } 20%, 60% { animation-timing-function: ease-in-out; transform: rotate(80deg); } 40%, 80% { animation-timing-function: ease-in-out; opacity: 1; transform: rotate(60deg); } 100% { opacity: 0; transform: translate3d(0px, 700px, 0px); } } @keyframes hinge { 0% { animation-timing-function: ease-in-out; } 20%, 60% { animation-timing-function: ease-in-out; transform: rotate(80deg); } 40%, 80% { animation-timing-function: ease-in-out; opacity: 1; transform: rotate(60deg); } 100% { opacity: 0; transform: translate3d(0px, 700px, 0px); } } .brx-animate-hinge { animation-duration: calc(var(--animate-duration)*2); animation-name: hinge; transform-origin: left top; } @-webkit-keyframes jackInTheBox { 0% { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { transform: rotate(-10deg); } 70% { transform: rotate(3deg); } 100% { opacity: 1; transform: scale(1); } } @keyframes jackInTheBox { 0% { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { transform: rotate(-10deg); } 70% { transform: rotate(3deg); } 100% { opacity: 1; transform: scale(1); } } .brx-animate-jackInTheBox { animation-name: jackInTheBox; } @-webkit-keyframes rollIn { 0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate(-120deg); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes rollIn { 0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate(-120deg); } 100% { opacity: 1; transform: translateZ(0px); } } .brx-animate-rollIn { animation-name: rollIn; } @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0px, 0px) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0px, 0px) rotate(120deg); } } .brx-animate-rollOut { animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .brx-animate-zoomIn { animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000px, 0px); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); } } @keyframes zoomInDown { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000px, 0px); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); } } .brx-animate-zoomInDown { animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0px, 0px); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0px, 0px); } } @keyframes zoomInLeft { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0px, 0px); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0px, 0px); } } .brx-animate-zoomInLeft { animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0px, 0px); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0px, 0px); } } @keyframes zoomInRight { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0px, 0px); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0px, 0px); } } .brx-animate-zoomInRight { animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 1000px, 0px); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); } } @keyframes zoomInUp { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 1000px, 0px); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); } } .brx-animate-zoomInUp { animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } .brx-animate-zoomOut { animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); } 100% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 2000px, 0px); } } @keyframes zoomOutDown { 40% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); } 100% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 2000px, 0px); } } .brx-animate-zoomOutDown { animation-name: zoomOutDown; transform-origin: center bottom; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0px, 0px); } 100% { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0px, 0px); } } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0px, 0px); } 100% { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0px, 0px); } } .brx-animate-zoomOutLeft { animation-name: zoomOutLeft; transform-origin: left center; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0px, 0px); } 100% { opacity: 0; transform: scale(0.1) translate3d(2000px, 0px, 0px); } } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0px, 0px); } 100% { opacity: 0; transform: scale(0.1) translate3d(2000px, 0px, 0px); } } .brx-animate-zoomOutRight { animation-name: zoomOutRight; transform-origin: right center; } @-webkit-keyframes zoomOutUp { 40% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); } 100% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -2000px, 0px); } } @keyframes zoomOutUp { 40% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); } 100% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -2000px, 0px); } } .brx-animate-zoomOutUp { animation-name: zoomOutUp; transform-origin: center bottom; } @-webkit-keyframes slideInDown { 0% { transform: translate3d(0px, -100%, 0px); visibility: visible; } 100% { transform: translateZ(0px); } } @keyframes slideInDown { 0% { transform: translate3d(0px, -100%, 0px); visibility: visible; } 100% { transform: translateZ(0px); } } .brx-animate-slideInDown { animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { transform: translate3d(-100%, 0px, 0px); visibility: visible; } 100% { transform: translateZ(0px); } } @keyframes slideInLeft { 0% { transform: translate3d(-100%, 0px, 0px); visibility: visible; } 100% { transform: translateZ(0px); } } .brx-animate-slideInLeft { animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { transform: translate3d(100%, 0px, 0px); visibility: visible; } 100% { transform: translateZ(0px); } } @keyframes slideInRight { 0% { transform: translate3d(100%, 0px, 0px); visibility: visible; } 100% { transform: translateZ(0px); } } .brx-animate-slideInRight { animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { transform: translate3d(0px, 100%, 0px); visibility: visible; } 100% { transform: translateZ(0px); } } @keyframes slideInUp { 0% { transform: translate3d(0px, 100%, 0px); visibility: visible; } 100% { transform: translateZ(0px); } } .brx-animate-slideInUp { animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { transform: translateZ(0px); } 100% { transform: translate3d(0px, 100%, 0px); visibility: hidden; } } @keyframes slideOutDown { 0% { transform: translateZ(0px); } 100% { transform: translate3d(0px, 100%, 0px); visibility: hidden; } } .brx-animate-slideOutDown { animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { transform: translateZ(0px); } 100% { transform: translate3d(-100%, 0px, 0px); visibility: hidden; } } @keyframes slideOutLeft { 0% { transform: translateZ(0px); } 100% { transform: translate3d(-100%, 0px, 0px); visibility: hidden; } } .brx-animate-slideOutLeft { animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { transform: translateZ(0px); } 100% { transform: translate3d(100%, 0px, 0px); visibility: hidden; } } @keyframes slideOutRight { 0% { transform: translateZ(0px); } 100% { transform: translate3d(100%, 0px, 0px); visibility: hidden; } } .brx-animate-slideOutRight { animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { transform: translateZ(0px); } 100% { transform: translate3d(0px, -100%, 0px); visibility: hidden; } } @keyframes slideOutUp { 0% { transform: translateZ(0px); } 100% { transform: translate3d(0px, -100%, 0px); visibility: hidden; } } .brx-animate-slideOutUp { animation-name: slideOutUp; } }.splide__arrow { position: absolute; }.fr-slider__custom-arrow, .fr-slider .splide__arrow { display: flex; justify-content: center; align-items: center; background-color: transparent; width: var(--space-l); height: var(--space-l); }:where(.fr-slide) { display: flex; align-items: center; flex-direction: column; justify-content: center; }.fr-slide { transition-duration: calc(var(--fr-slide-transition-duration) * 1ms); transition-property: background-color, transform, opacity, color, font-family, font-weight, font-size, line-height, text-align, text-transform, text-decoration, letter-spacing, word-spacing, text-indent, border, border-top, border-right, border-bottom, border-left, border-color, border-width, border-style, border-radius; }:root { --fr-slider-progress-bar-color: var(--neutral-ultra-light); --fr-slider-progress-bar-progress-color: var(--neutral-ultra-dark); --fr-slider-progress-bar-height: 1rem; --fr-slider-progress-bar-width: 100%; }.fr-slider-custom-navigation { width: 100%; }.fr-slider__custom-arrows { display: flex; align-items: flex-start; }.fluentform * { box-sizing: border-box; }.fluentform .clearfix::after, .fluentform .clearfix::before, .fluentform .ff-el-group::after, .fluentform .ff-el-group::before, .fluentform .ff-el-repeat .ff-el-input--content::after, .fluentform .ff-el-repeat .ff-el-input--content::before, .fluentform .ff-step-body::after, .fluentform .ff-step-body::before { content: " "; display: table; }.fluentform .clearfix::after, .fluentform .ff-el-group::after, .fluentform .ff-el-repeat .ff-el-input--content::after, .fluentform .ff-step-body::after { clear: both; }@media (min-width: 768px){.frm-fluent-form .ff-t-container { display: flex; gap: 15px; width: 100%; }.frm-fluent-form .ff-t-cell { display: flex; flex-direction: column; vertical-align: inherit; width: 100%; }.frm-fluent-form .ff-t-cell:first-of-type { padding-left: 0px; }.frm-fluent-form .ff-t-cell:last-of-type { flex-grow: 1; padding-right: 0px; }}.fluentform .ff-el-group { margin-bottom: 20px; }.fluentform .ff-el-input--label { display: inline-block; margin-bottom: 5px; position: relative; }.fluentform .ff-el-form-control { display: block; width: 100%; }.fluentform .ff-el-ratings { --fill-inactive: #d4d4d4; --fill-active: #ffb100; display: inline-block; line-height: 40px; }.fluentform .ff-text-right { text-align: right; }.fluentform .ff-el-form-control::placeholder { color: #868e96; opacity: 1; }.ff-errors-in-stack { display: none; margin-top: 15px; }:root { --fluentform-primary: #1a7efb; --fluentform-secondary: #606266; --fluentform-danger: #f56c6c; --fluentform-border-color: #dadbdd; --fluentform-border-radius: 7px; --fluentform-input-select-height: auto; }.ff-default .ff_btn_style { border: 1px solid transparent; border-radius: 7px; cursor: pointer; display: inline-block; font-size: 16px; font-weight: 500; line-height: 1.5; padding: 8px 20px; position: relative; text-align: center; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; user-select: none; vertical-align: middle; white-space: nowrap; }.ff-default .ff_btn_style:focus, .ff-default .ff_btn_style:hover { opacity: 0.8; outline: 0px; text-decoration: none; }.ff-default .ff-el-form-control { background-clip: padding-box; background-image: none; border: 1px solid var(--fluentform-border-color); border-radius: var(--fluentform-border-radius); color: var(--fluentform-secondary); font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; line-height: 1; margin-bottom: 0px; max-width: 100%; padding: 11px 15px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }.ff-default .ff-el-form-control:focus { background-color: #ffffff; border-color: var(--fluentform-primary); color: var(--fluentform-secondary); outline: none; }body.swift-nojs [data-s3cid="44"]{max-height:7225.453125px;}body.swift-nojs [data-s3cid="141"]{max-height:843.203125px;}body.swift-nojs [data-s3cid="142"]{max-height:843.203125px;}html{opacity:1}