/* GjensidigeDisplay - normal */ @font-face { font-family: 'GjensidigeDisplay'; font-style: normal; font-weight: 400; src: url('https://cdn.gjensidige.no/builders/core/fonts/GjensidigeDisplay-Medium.woff2') format('woff2'); font-display: swap; } /* GjensidigeSans - normal */ @font-face { font-family: 'GjensidigeSans'; font-style: normal; font-weight: 400; src: url('https://cdn.gjensidige.no/builders/core/fonts/GjensidigeSans-Regular.woff2') format('woff2'); font-display: swap; } /* GjensidigeSans - medium */ @font-face { font-family: 'GjensidigeSans'; font-style: normal; font-weight: 500; src: url('https://cdn.gjensidige.no/builders/core/fonts/GjensidigeSans-Medium.woff2') format('woff2'); font-display: swap; } /* GjensidigeSans - bold */ @font-face { font-family: 'GjensidigeSans'; font-style: normal; font-weight: 700; src: url('https://cdn.gjensidige.no/builders/core/fonts/GjensidigeSans-Bold.woff2') format('woff2'); font-display: swap; } /* GjensidigeSans - italic */ @font-face { font-family: 'GjensidigeSans'; font-style: italic; font-weight: 400; src: url('https://cdn.gjensidige.no/builders/core/fonts/GjensidigeSans-Italic.woff2') format('woff2'); font-display: swap; } /* GjensidigeSans - medium italic */ @font-face { font-family: 'GjensidigeSans'; font-style: italic; font-weight: 500; src: url('https://cdn.gjensidige.no/builders/core/fonts/GjensidigeSans-MediumItalic.woff2') format('woff2'); font-display: swap; } /* GjensidigeSans - bold italic */ @font-face { font-family: 'GjensidigeSans'; font-style: italic; font-weight: 700; src: url('https://cdn.gjensidige.no/builders/core/fonts/GjensidigeSans-BoldItalic.woff2') format('woff2'); font-display: swap; } /* Setup base font on */ /* Values copied from builders-tokens for easier build step */ body { font-family: GjensidigeSans, sans-serif; font-size: var(--builders-font-md, clamp(1rem, calc(0.901rem + 0.345vw), 1.25rem)); font-weight: var(--builders-font-weight-400, 400); line-height: var(--builders-line-height-150, 1.5); } ._helpText_1cz41_1 { display: block; /* Always display: block, also when hidden, to ensure consistent line break after */ font-size: var(--builders-font-sm); font-weight: var(--builders-font-weight-400); /* Needed to reset weight */ } ._small_1cz41_6 { font-size: var(--builders-font-min-sm) } /* Scale to fit with internal=small input, use min-sm to enforce hierarchy */ ._helpText_1cz41_1._helpText_1cz41_1[hidden] { /* Double selector to increase specificity */ border: 0; height: 0; margin: 0; overflow: hidden; padding: 0; visibility: hidden; } ._toggle_1cz41_16 { border-radius: var(--builders-radius-full); opacity: .65; cursor: pointer; display: inline-block; margin-left: var(--builders-unit-05); user-select: none; /* Prevent accidental text selection on click */ vertical-align: middle; /* Align with text */ } ._toggle_1cz41_16 svg { display: block; } ._toggle_1cz41_16:focus-visible { outline: none; box-shadow: var(--builders-focus-boxShadow) } legend:has(+ ._toggle_1cz41_16) { display: contents } /* Allow next to */ /* Needed when placed in InputGroup */ fieldset ._message_cxagu_2 { margin-top: var(--builders-unit-20) } ._message_cxagu_2 { display: flex; animation: _builders-validation-message_cxagu_1 var(--builders-validation-duration) backwards; background: var(--builders-color-error-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath stroke='%238C0008' stroke-linecap='round' stroke-width='2' fill='none' d='M16.6 1H7.4L1 7.4v9.2L7.4 23h9.2l6.4-6.4V7.4L16.6 1ZM12 7v6'/%3E%3Cpath fill='%23090C33' d='M12 18a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z'/%3E%3C/svg%3E") var(--builders-unit-20) 50%/var(--builders-unit-20) no-repeat; border-radius: var(--builders-radius-sm); color: var(--builders-color-error-accent); box-shadow: inset 0 0 0 1px; /* Use box shadow for border to avoid increasing size */ flex: 1 0 100%; font-size: var(--builders-font-sm); font-weight: var(--builders-font-weight-400); /* Needed to reset weight */ gap: var(--builders-unit-10); margin-top: var(--builders-unit-05); padding: var(--builders-unit-10) var(--builders-unit-20) var(--builders-unit-10) var(--builders-unit-50); width: fit-content; } @media (prefers-reduced-motion: no-preference) { ._message_cxagu_2 { --builders-validation-duration: .4s ; }} /* Only overwrite when no motion preference */ ._message_cxagu_2 svg { width: var(--builders-unit-20); height: var(--builders-unit-30); flex-shrink: 0 } ._message_cxagu_2[hidden] { display: none } ._message_cxagu_2:empty { /* Hide visually only, as empty ValidationMessage can be used with aria-live */ clip-path: inset(50%); clip: rect(0 0 0 0); height: 1px; border: 0; padding: 0; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } @keyframes _builders-validation-message_cxagu_1 { from { opacity: 0; transform: translateY(calc(var(--builders-unit-05) * -1)); } } ._small_cxagu_43 { font-size: var(--builders-font-min-sm) } /* Scale to fit with internal=small input, use min-sm to enforce hierarchy */ ._ok_cxagu_44 { background-color: var(--builders-color-success-bg); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath stroke='%2300593E' fill='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 13.15 10.26 19 20 6'/%3E%3C/svg%3E"); color: var(--builders-color-success-accent); } ._table-inline_cxagu_50 { position: fixed; z-index: 2; /* Allow lay over td or th */ max-width: 300px; } :root { --builders-breakpoint-xxs: 22.5em; --builders-breakpoint-xs: 28.75em; --builders-breakpoint-sm: 37.5em; --builders-breakpoint-md: 50em; --builders-breakpoint-lg: 64em; --builders-breakpoint-xl: 75em; --builders-breakpoint-xxl: 101.25em; --builders-color-white: #FFFFFF; --builders-color-blue-100: #EBF0FA; --builders-color-blue-200: #D6DDEE; --builders-color-blue-300: #BAC3D9; --builders-color-blue-400: #909ABD; --builders-color-blue-500: #61698F; --builders-color-blue-600: #262C52; --builders-color-blue-700: #090C33; --builders-color-purple-500: #9677FF; --builders-color-purple-600: #7C55FF; --builders-color-purple-700: #6325E7; --builders-color-yellow-100: #F9FFD7; --builders-color-yellow-200: #F4FFAF; --builders-color-yellow-300: #EEFF76; --builders-color-info-100: var(--builders-color-blue-100); --builders-color-info-200: var(--builders-color-blue-300); --builders-color-info-300: var(--builders-color-blue-700); --builders-color-success-100: #D4F7E6; --builders-color-success-200: #1FCC8C; --builders-color-success-300: #00593E; --builders-color-warn-100: #FFEEBD; --builders-color-warn-200: #F8C947; --builders-color-warn-300: #664400; --builders-color-error-100: #FFE2E2; --builders-color-error-200: #FA5A62; --builders-color-error-300: #8C0008; --builders-container-md: 43.75rem; --builders-container-lg: 60rem; --builders-container-xl: 75rem; --builders-container-xxl: 90rem; --builders-container-full: 100%; --builders-focus-dark: var(--builders-color-purple-700); --builders-focus-light: var(--builders-color-yellow-300); --builders-focus-boxShadow: 0 0 0 1px var(--builders-color-white), 0 0 0 3px var(--builders-focus-dark), 0 0 0 4px var(--builders-color-white); --builders-focus-insetShadow: inset 0 0 0 1px var(--builders-color-white), inset 0 0 0 3px var(--builders-focus-dark), inset 0 0 0 4px var(--builders-color-white); --builders-font-display: GjensidigeDisplay, GjensidigeSans, Helvetica, Arial, sans-serif; --builders-font-sans: GjensidigeSans, Helvetica, Arial, sans-serif; --builders-font-serif: Georgia, 'Times New Roman', Times, serif; --builders-font-mono: Monaco, Menlo, Consolas, 'Courier New', monospace; --builders-font-min-sm: calc(var(--builders-unit-10) * 1.75); --builders-font-min-md: calc(var(--builders-unit-10) * 2); --builders-font-min-lg: calc(var(--builders-unit-10) * 2.5); --builders-font-min-xl: calc(var(--builders-unit-10) * 3); --builders-font-max-sm: calc(var(--builders-unit-10) * 2); --builders-font-max-md: calc(var(--builders-unit-10) * 2.5); --builders-font-max-lg: calc(var(--builders-unit-10) * 3.5); --builders-font-max-xl: calc(var(--builders-unit-10) * 4); --builders-font-sm: clamp(0.875rem, calc(0.825rem + 0.172vw), 1rem); --builders-font-md: clamp(1rem, calc(0.901rem + 0.345vw), 1.25rem); --builders-font-lg: clamp(1.25rem, calc(1.052rem + 0.690vw), 1.75rem); --builders-font-xl: clamp(1.5rem, calc(1.302rem + 0.690vw), 2rem); --builders-font-title-1: clamp(2.625rem, calc(1.336rem + 4.483vw), 5.875rem); --builders-font-title-2: clamp(2.5rem, calc(2.103rem + 1.379vw), 3.5rem); --builders-font-title-3: clamp(2rem, calc(1.603rem + 1.379vw), 3rem); --builders-font-title-4: clamp(1.5rem, calc(1.302rem + 0.690vw), 2rem); --builders-font-title-5: clamp(1.125rem, calc(0.976rem + 0.517vw), 1.5rem); --builders-font-title-6: clamp(1rem, calc(1.000rem + 0.000vw), 1rem); --builders-font-title-min-1: calc(var(--builders-unit-10) * 5.25); --builders-font-title-min-2: calc(var(--builders-unit-10) * 5); --builders-font-title-min-3: calc(var(--builders-unit-10) * 4); --builders-font-title-min-4: calc(var(--builders-unit-10) * 3); --builders-font-title-min-5: calc(var(--builders-unit-10) * 2.25); --builders-font-title-min-6: calc(var(--builders-unit-10) * 2); --builders-font-title-max-1: calc(var(--builders-unit-10) * 11.75); --builders-font-title-max-2: calc(var(--builders-unit-10) * 7); --builders-font-title-max-3: calc(var(--builders-unit-10) * 6); --builders-font-title-max-4: calc(var(--builders-unit-10) * 4); --builders-font-title-max-5: calc(var(--builders-unit-10) * 3); --builders-font-title-max-6: calc(var(--builders-unit-10) * 2); --builders-font-weight-400: 400; --builders-font-weight-500: 500; --builders-font-weight-700: 700; --builders-line-height-100: 1; --builders-line-height-120: 1.2; --builders-line-height-130: 1.3; --builders-line-height-140: 1.4; --builders-line-height-150: 1.5; --builders-line-height-200: 2; --builders-radius-xs: calc(var(--builders-unit-10) * .25); --builders-radius-sm: calc(var(--builders-unit-10) * .5); --builders-radius-md: calc(var(--builders-unit-10)); --builders-radius-lg: calc(var(--builders-unit-10) * 1.5); --builders-radius-full: 999px; --builders-transition: .2s ease-in-out; --builders-unit-10: .5rem; --builders-unit-15: calc(var(--builders-unit-10) * 1.5); --builders-unit-20: calc(var(--builders-unit-10) * 2); --builders-unit-25: calc(var(--builders-unit-10) * 2.5); --builders-unit-30: calc(var(--builders-unit-10) * 3); --builders-unit-40: calc(var(--builders-unit-10) * 4); --builders-unit-50: calc(var(--builders-unit-10) * 5); --builders-unit-60: calc(var(--builders-unit-10) * 6); --builders-unit-70: calc(var(--builders-unit-10) * 7); --builders-unit-80: calc(var(--builders-unit-10) * 8); --builders-unit-90: calc(var(--builders-unit-10) * 9); --builders-unit-100: calc(var(--builders-unit-10) * 10); --builders-unit-025: 2px; --builders-unit-05: calc(var(--builders-unit-10) * .5); }:root { --builders-transition-duration: .2s; --builders-easing-snappy: cubic-bezier(0, 0.45, 0.2, 0.99); --builders-easing-soft: cubic-bezier(0.45, 0, 0.45, 1); --builders-icon--hover: ; /* CSS property toggle trick https://css-tricks.com/the-css-custom-property-toggle-trick/ */ --builders-color-contrast-bg: var(--builders-color-blue-700); --builders-color-contrast-emphasis: var(--builders-color-blue-600); --builders-color-contrast-text: var(--builders-color-white); --builders-color-contrast-highlight: var(--builders-color-yellow-200); --builders-color-contrast-accent: var(--builders-color-yellow-300); --builders-color-default-bg: var(--builders-color-white); --builders-color-default-emphasis: var(--builders-color-blue-300); --builders-color-default-text: var(--builders-color-blue-700); --builders-color-default-opacity: color-mix(in srgb, currentColor 15%, transparent); --builders-color-subtle-bg: var(--builders-color-blue-100); --builders-color-subtle-emphasis: var(--builders-color-blue-200); --builders-color-subtle-text: var(--builders-color-blue-700); --builders-color-highlight-bg: var(--builders-color-yellow-100); --builders-color-highlight-emphasis: var(--builders-color-yellow-200); --builders-color-highlight-text: var(--builders-color-blue-700); --builders-color-critical-bg: var(--builders-color-purple-700); --builders-color-critical-accent: var(--builders-color-purple-700); /* TODO: temp token, might change */ --builders-color-critical-emphasis: var(--builders-color-purple-600); --builders-color-critical-text: var(--builders-color-white); --builders-color-error-bg: var(--builders-color-error-100); --builders-color-error-emphasis: var(--builders-color-error-200); --builders-color-error-accent: var(--builders-color-error-300); --builders-color-error-text: var(--builders-color-blue-700); --builders-color-warn-bg: var(--builders-color-warn-100); --builders-color-warn-emphasis: var(--builders-color-warn-200); --builders-color-warn-accent: var(--builders-color-warn-300); --builders-color-warn-text: var(--builders-color-blue-700); --builders-color-success-bg: var(--builders-color-success-100); --builders-color-success-emphasis: var(--builders-color-success-200); --builders-color-success-accent: var(--builders-color-success-300); --builders-color-success-text: var(--builders-color-blue-700); } /* TMP TESTING DARK THEME */ [data-theme="dark"] .docs-story, [data-theme="dark"]:not(:has(.sbdocs-content)) { --builders-color-contrast-bg: var(--builders-color-white); --builders-color-contrast-emphasis: var(--builders-color-blue-100); --builders-color-contrast-text: var(--builders-color-blue-700); --builders-color-contrast-highlight: var(--builders-color-blue-700); --builders-color-contrast-accent: var(--builders-color-blue-700); --builders-color-default-bg: var(--builders-color-blue-600); --builders-color-default-emphasis: var(--builders-color-blue-400); --builders-color-default-text: var(--builders-color-white); --builders-color-default-opacity: color-mix(in srgb, currentColor 15%, transparent); --builders-color-subtle-bg: var(--builders-color-blue-700); --builders-color-subtle-emphasis: var(--builders-color-blue-500); --builders-color-subtle-text: var(--builders-color-white); --builders-color-highlight-bg: var(--builders-color-yellow-100); --builders-color-highlight-emphasis: var(--builders-color-yellow-200); --builders-color-highlight-text: var(--builders-color-blue-700); --builders-color-critical-bg: var(--builders-color-purple-600); --builders-color-critical-accent: var(--builders-color-yellow-300); /* TODO: temp token, might change */ --builders-color-critical-emphasis: var(--builders-color-purple-500); --builders-color-critical-text: var(--builders-color-white); --builders-color-error-bg: var(--builders-color-error-100); --builders-color-error-emphasis: var(--builders-color-error-200); --builders-color-error-accent: var(--builders-color-error-300); --builders-color-error-text: var(--builders-color-blue-700); --builders-color-warn-bg: var(--builders-color-warn-100); --builders-color-warn-emphasis: var(--builders-color-warn-200); --builders-color-warn-accent: var(--builders-color-warn-300); --builders-color-warn-text: var(--builders-color-blue-700); --builders-color-success-bg: var(--builders-color-success-100); --builders-color-success-emphasis: var(--builders-color-success-200); --builders-color-success-accent: var(--builders-color-success-300); --builders-color-success-text: var(--builders-color-blue-700); } :root, .docs-story { background-color: var(--builders-color-default-bg); color: var(--builders-color-default-text); } @media (prefers-reduced-motion) { :root { --builders-transition-duration: 0s } } ._actionList_8xmle_1 { --builders-action-list-border-color: currentColor; --builders-action-list-title-size: var(--builders-font-title-5); } ._actionList_8xmle_1._hideArrow_8xmle_5 ._actionListItem_8xmle_5 > svg { display: none } ._actionList_8xmle_1 > :is(h1,h2,h3,h4,h5) { font-size: var(--builders-action-list-title-size); line-height: inherit; } ._actionListItem_8xmle_5 { align-items: center; background: none; border-color: var(--builders-action-list-border-color); border-style: solid; border-width: 0 0 1px 0; box-sizing: border-box; color: inherit; color: inherit; /* Prevent default blue link color */ column-gap: var(--builders-unit-20); cursor: pointer; display: flex; font: inherit; hyphens: auto; padding: var(--builders-unit-20) 0; text-decoration: none; width: 100%; } ._actionListItem_8xmle_5:focus-visible { outline: none; box-shadow: var(--builders-focus-boxShadow) } ._actionListItem_8xmle_5 > svg { box-sizing: content-box; /* Add padding to svg instead of decresing width */ flex-shrink: 0; /* Prevent shrink if long ActionList.Link content */ margin-left: auto; padding-inline: 0 var(--builders-unit-10); transition: var(--builders-transition-duration); } ._actionListItem_8xmle_5 > div { align-items: center; display: flex; flex-grow: 1; gap: var(--builders-unit-20); } :is(._actionListItem_8xmle_5 > div) > svg:first-child { flex-shrink: 0 } :is(._actionListItem_8xmle_5 > div) > span:last-child { margin-left: auto } /* to place potential badges to the right */ @media (hover:hover) { ._actionListItem_8xmle_5:hover { font-weight: var(--builders-font-weight-500); --builders-icon--hover: initial; } } ._lg_8xmle_54 { --builders-action-list-title-size: var(--builders-font-title-4); font-size: var(--builders-font-lg); } ._light_8xmle_59 { --builders-action-list-border-color: var(--builders-color-default-opacity); } ._alert_mjv3z_1 { --builders-alert-background: var(--builders-color-subtle-bg); --builders-alert-border: var(--builders-color-subtle-text); --builders-alert-hover: var(--builders-color-subtle-emphasis); --builders-alert-icon: var(--builders-color-subtle-text); --builders-alert-color: var(--builders-color-subtle-text); --builders-alert-pad-x: var(--builders-unit-30); --builders-alert-pad-y: var(--builders-unit-30); --builders-alert-title: var(--builders-font-md); --builders-alert-title-line-height: var(--builders-line-height-150); background-color: var(--builders-alert-background); color: var(--builders-alert-color); border-color: var(--builders-alert-border); border-style: solid; border-width: 3px 0 0; box-sizing: border-box; font-size: var(--builders-font-sm); position: relative; } ._alert_mjv3z_1:has(._icon_mjv3z_21) { --builders-alert-pad-x: var(--builders-unit-80) } @media (max-width: calc(37.5em - 1px)) { /* var(--builders-breakpoint-sm) */ ._alert_mjv3z_1 ._content_mjv3z_24 { --builders-alert-pad-x: var(--builders-unit-20); /* Changing custom properties instead of padding directly to ensure correct icon position */ --builders-alert-pad-y: var(--builders-unit-20); } :is(._alert_mjv3z_1 ._content_mjv3z_24):has(._icon_mjv3z_21) > :is(h2,h3,h4,h5,h6) { padding-left: var(--builders-unit-30) } /* push content below icon if no title */ :is(._alert_mjv3z_1 ._content_mjv3z_24):not(:has(h2,h3,h4,h5,h6)):has(._icon_mjv3z_21)::before { content: ''; display: inline-block; height: calc(var(--builders-font-sm) + var(--builders-unit-10)); line-height: var(--builders-line-height-150); width: 100%; } } ._align-center_mjv3z_42 { margin-inline: auto } ._align-left_mjv3z_43 { margin-right: auto } ._align-right_mjv3z_44 { margin-left: auto } ._content_mjv3z_24 { max-width: var(--builders-breakpoint-md); padding: var(--builders-alert-pad-y) var(--builders-alert-pad-x); position: relative; /* ensure close button doesn't overlap with text */ } ._content_mjv3z_24:has( ~ ._close_mjv3z_52) { padding-right: var(--builders-unit-50) } ._content_mjv3z_24 > * { margin-block: 0 var(--builders-unit-10) } ._content_mjv3z_24 > :last-child:not(:is(h2,h3,h4,h5,h6)) { margin-bottom: 0 } ._content_mjv3z_24 > :where(ul:not([class])) { padding-left: 1rem } ._content_mjv3z_24 > :is(h2,h3,h4,h5,h6) { font-size: var(--builders-alert-title); line-height: var(--builders-alert-title-line-height); margin-bottom: var(--builders-unit-10); } ._close_mjv3z_52 { all: unset; color: var(--builders-alert-icon); cursor: pointer; display: flex; padding: var(--builders-unit-10); position: absolute; right: 0; top: 0; transition: background-color var(--builders-transition-duration); } ._close_mjv3z_52:focus-visible { border-radius: var(--builders-radius-sm); outline: none; box-shadow: var(--builders-focus-boxShadow) } @media (hover: hover) { ._close_mjv3z_52:hover { background-color: var(--builders-alert-hover) } } ._icon_mjv3z_21 { color: var(--builders-alert-icon); left: calc(var(--builders-alert-pad-x) - var(--builders-unit-50)); position: absolute; top: var(--builders-alert-pad-y); /* .sm & = .sm .icon */ } ._sm_mjv3z_85 ._icon_mjv3z_21 { width: var(--builders-unit-20); margin: -2px var(--builders-unit-20) } @media (max-width: calc(37.5em - 1px)) { ._icon_mjv3z_21 { /* var(--builders-breakpoint-sm) */ width: var(--builders-unit-20); margin: -2px var(--builders-unit-20); left: calc(var(--builders-alert-pad-x) - var(--builders-unit-20)); } } ._success_mjv3z_95 { --builders-alert-background: var(--builders-color-success-bg); --builders-alert-border: var(--builders-color-success-emphasis); --builders-alert-hover: var(--builders-color-success-emphasis); --builders-alert-icon: var(--builders-color-success-accent); --builders-alert-color: var(--builders-color-success-text); } ._warning_mjv3z_103 { --builders-alert-background: var(--builders-color-warn-bg); --builders-alert-border: var(--builders-color-warn-emphasis); --builders-alert-hover: var(--builders-color-warn-emphasis); --builders-alert-icon: var(--builders-color-warn-accent); --builders-alert-color: var(--builders-color-warn-text); } ._error_mjv3z_111 { --builders-alert-background: var(--builders-color-error-bg); --builders-alert-border: var(--builders-color-error-emphasis); --builders-alert-hover: var(--builders-color-error-emphasis); --builders-alert-icon: var(--builders-color-error-accent); --builders-alert-color: var(--builders-color-error-text); } ._outlined_mjv3z_119 { background-color: var(--builders-color-default-bg); color: var(--builders-color-default-text); border-width: 3px 1px 1px; } ._sm_mjv3z_85 { --builders-alert-pad-x: var(--builders-unit-50); /* Changing custom properties instead of padding directly to ensure correct icon position */ --builders-alert-pad-y: var(--builders-unit-20); --builders-alert-title-line-height: var(--builders-font-title-6); --builders-alert-title-line-height: var(--builders-line-height-130); } ._badge_1tdge_1, ._sm_1tdge_2 { --border-color: var(--builders-color-blue-300); -webkit-font-smoothing: subpixel-antialiased; /* Ensure soft font */ background-color: var(--builders-color-blue-500); border-radius: var(--builders-radius-full); box-shadow: 0 0 0 1px var(--border-color); /* Draw border with box-shadow to ensure we do not increase size */ box-sizing: border-box; color: var(--builders-color-white); display: inline-block; font-size: var(--builders-font-sm); font-weight: var(--builders-font-weight-500); letter-spacing: normal; /* Ensure text is truly centered */ padding: var(--builders-unit-05) var(--builders-unit-15); position: relative; vertical-align: middle; } ._informative_1tdge_19 { --border-color: var(--builders-color-blue-500); } ._success_1tdge_23 { background-color: var(--builders-color-success-100); color: var(--builders-color-success-300); } ._warning_1tdge_28 { background-color: var(--builders-color-warn-100); color: var(--builders-color-warn-300); } ._error_1tdge_33 { background-color: var(--builders-color-error-100); color: var(--builders-color-error-300); } ._suggestive_1tdge_38 { background-color: var(--builders-color-yellow-300); color: var(--builders-color-blue-700); } ._sm_1tdge_2 { font-size: var(--builders-font-min-sm); /* set size - not fluid */ line-height: var(--builders-unit-25); min-width: var(--builders-unit-25); padding: 0 var(--builders-unit-05); text-align: center; } ._sm_1tdge_2._stringLabel_1tdge_50 { padding: var(--builders-unit-05) var(--builders-unit-15); } ._sm_1tdge_2._informative_1tdge_19:not(._stringLabel_1tdge_50) { --border-color: var(--builders-color-critical-bg); background-color: var(--builders-color-critical-bg); color: var(--builders-color-critical-text); } ._arrow_1tdge_61 { fill: var(--builders-color-yellow-300); position: absolute; stroke-width: 1px; stroke: var(--builders-color-blue-300); left: 50%; bottom: -9px; transform: translateX(-50%); }._box_p2xmi_1 { --builders-box-padding: var(--xs-pad); --pad-size-xs: var(--builders-unit-10); /* Also used by inline style */ --pad-size-sm: var(--builders-unit-20); /* Also used by inline style */ --pad-size-md: var(--builders-unit-30); /* Also used by inline style */ --pad-size-lg: var(--builders-unit-40); /* Also used by inline style */ --pad-size-xl: var(--builders-unit-50); /* Also used by inline style */ --xs-pad: var(--pad-size-md); /* Set default padding "md" */ --sm-pad: var(--xs-pad); /* Fallback to previous pad size */ --md-pad: var(--sm-pad); --lg-pad: var(--md-pad); --xl-pad: var(--lg-pad); background-color: var(--builders-color-subtle-bg); border-radius: var(--builders-card-nested-radius); border-block: var(--builders-card-nested-border); /* When nested in Card, inherit border */ box-sizing: border-box; color: var(--builders-color-subtle-text); margin: var(--builders-card-nested-margin); /* When nested in Card */ padding: var(--builders-box-padding); transition: background-color var(--builders-transition-duration), color var(--builders-transition-duration); /* Animate background and color if this changes */ } ._transparent_p2xmi_23 { background-color: transparent } ._white_p2xmi_24 { background-color: var(--builders-color-default-bg); color: var(--builders-color-default-text) } ._yellow_p2xmi_25 { background-color: var(--builders-color-highlight-bg); color: var(--builders-color-highlight-text) } ._darkblue_p2xmi_26 { background-color: var(--builders-color-contrast-bg); color: var(--builders-color-contrast-text); } ._darkblue_p2xmi_26 :where(h2,h3,h4,h5):first-of-type { color: var(--builders-color-contrast-highlight) } @media (min-width: 37.5em) { ._box_p2xmi_1 { --builders-box-padding: var(--sm-pad) } } /* var(--builders-breakpoint-sm) */ @media (min-width: 50em) { ._box_p2xmi_1 { --builders-box-padding: var(--md-pad) } } /* var(--builders-breakpoint-md) */ @media (min-width: 64em) { ._box_p2xmi_1 { --builders-box-padding: var(--lg-pad) } } /* var(--builders-breakpoint-lg) */ @media (min-width: 75em) { ._box_p2xmi_1 { --builders-box-padding: var(--xl-pad) } } /* var(--builders-breakpoint-xl) */ ._form-section_p2xmi_37 { background-color: var(--builders-color-subtle-bg); color: var(--builders-color-subtle-text); border-radius: var(--builders-radius-lg); --xs-pad: var(--pad-size-lg); } @media (max-width: calc(50em - 1px)) { ._form-section_p2xmi_37 { --xs-pad: var(--pad-size-md) ; }} /* var(--builders-breakpoint-md) */ @media (max-width: calc(22.5em - 1px)) { ._form-section_p2xmi_37 { --xs-pad: var(--pad-size-sm) ; }} /* var(--builders-breakpoint-xxs) */ ._form-section_p2xmi_37 > :has( + :is(label,fieldset,button)) { margin-bottom: var(--builders-unit-40) } /* Automatic spacing if next element is form element */ ._form-section_p2xmi_37 > label:has( + :is(label,fieldset,button)) { display: inline-block } /* Make sure the label can recieve margin-bottom */ :where(._flex_11118_1) { box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: wrap; } :where(._fill_11118_8 > *) { flex-grow: 1 } :where(._flex_11118_1 > *) { --builders-flex-gap: 0px; /* Reset column-gap when nesting .flex in .flex */ --builders-flex-layout: auto; /* Reset layout when nesting .flex in .flex */ box-sizing: border-box; flex-basis: calc((100% - (12 / var(--builders-flex-layout) - 1) * var(--builders-flex-gap)) / 12 * var(--builders-flex-layout)); /* When Flex has layout: Set min-width/height to 0 to allow flex-basis to do its job without interference from long sentences */ /* See more: https://defensivecss.dev/tip/flexbox-min-content-size/ */ min-width: calc(var(--builders-flex-layout) * 0px); /* Only set min-width when --builders-flex-layout is an integer */ min-height: calc(var(--builders-flex-layout) * 0px); /* Only set min-height when --builders-flex-layout is an integer */ } ._inline_11118_21 { display: inline-flex } ._column_11118_22 { flex-direction: column } ._column-reverse_11118_23 { flex-direction: column-reverse } ._row-reverse_11118_24 { flex-direction: row-reverse } ._wrap-reverse_11118_25 { flex-wrap: wrap-reverse } ._wrap-nowrap_11118_26 { flex-wrap: nowrap } /* When Flex has layout AND nowrap: Prevent shrinking because we want elements to stay their intended width when */ :where(._wrap-nowrap_11118_26 > *) { flex-shrink: calc(var(--builders-flex-layout) * 0) } /* Only shrink when --builders-flex-layout is an integer */ ._text-left_11118_31 { text-align: left } ._text-center_11118_32 { text-align: center } ._text-right_11118_33 { text-align: right } ._align-start_11118_35 { align-items: flex-start } ._align-center_11118_36 { align-items: center } ._align-end_11118_37 { align-items: flex-end } ._align-baseline_11118_38 { align-items: baseline } ._align-stretch_11118_39 { align-items: stretch } ._align-content-start_11118_41 { align-content: flex-start } ._align-content-center_11118_42 { align-content: center } ._align-content-end_11118_43 { align-content: flex-end } ._align-content-stretch_11118_44 { align-content: stretch } ._align-content-baseline_11118_45 { align-content: baseline } ._align-content-space-around_11118_46 { align-content: space-around } ._align-content-space-between_11118_47 { align-content: space-between } ._align-content-space-evenly_11118_48 { align-content: space-evenly } ._justify-start_11118_50 { justify-content: flex-start } ._justify-center_11118_51 { justify-content: center } ._justify-end_11118_52 { justify-content: flex-end } ._justify-space-around_11118_53 { justify-content: space-around } ._justify-space-between_11118_54 { justify-content: space-between } ._justify-space-evenly_11118_55 { justify-content: space-evenly } ._center-md_11118_57 { max-width: var(--builders-container-md) } ._center-md_11118_57, ._center-lg_11118_58, ._center-xl_11118_58, ._center-xxl_11118_58 { box-sizing: border-box; margin-inline: auto; width: calc(100% - var(--builders-unit-50)) } /* Fake 20px padding on each side */ @media (min-width: 64em) { ._center-lg_11118_58, ._center-xl_11118_58, ._center-xxl_11118_58 { max-width: var(--builders-container-lg); } } /* var(--builders-breakpoint-lg) */ @media (min-width: 75em) { ._center-xl_11118_58, ._center-xxl_11118_58 { max-width: var(--builders-container-xl); } } /* var(--builders-breakpoint-xl) */ @media (min-width: 101.25em) { ._center-xxl_11118_58 { max-width: var(--builders-container-xxl); } } /* var(--builders-breakpoint-xxl) */ ._xs-10\.2_11118_63 > :where(:nth-child(2n - 1)), ._xs-2\.1_11118_63 > :where(:nth-child(2n)) { --builders-flex-layout: 10; } ._xs-2\.1_11118_63 > :where(:nth-child(2n - 1)), ._xs-10\.2_11118_63 > :where(:nth-child(2n)) { --builders-flex-layout: 2; } ._xs-3\.9_11118_65 > :where(:nth-child(2n - 1)), ._xs-9\.3_11118_65 > :where(:nth-child(2n)) { --builders-flex-layout: 3; } ._xs-4\.8_11118_66 > :where(:nth-child(2n - 1)), ._xs-8\.4_11118_66 > :where(:nth-child(2n)) { --builders-flex-layout: 4; } ._xs-5\.7_11118_67 > :where(:nth-child(2n - 1)), ._xs-7\.5_11118_67 > :where(:nth-child(2n)) { --builders-flex-layout: 5; } ._xs-7\.5_11118_67 > :where(:nth-child(2n - 1)), ._xs-5\.7_11118_67 > :where(:nth-child(2n)) { --builders-flex-layout: 7; } ._xs-8\.4_11118_66 > :where(:nth-child(2n - 1)), ._xs-4\.8_11118_66 > :where(:nth-child(2n)) { --builders-flex-layout: 8; } ._xs-9\.3_11118_65 > :where(:nth-child(2n - 1)), ._xs-3\.9_11118_65 > :where(:nth-child(2n)) { --builders-flex-layout: 9; } ._xs-0_11118_71 > * { --builders-flex-layout: auto; }._xs-1_11118_63 > * { --builders-flex-layout: 12; } ._xs-2_11118_63 > * { --builders-flex-layout: 6; } ._xs-3_11118_65 > * { --builders-flex-layout: 4; }._xs-4_11118_66 > * { --builders-flex-layout: 3; }._xs-6_11118_72 > * { --builders-flex-layout: 2; } ._xs-row-gap-none_11118_74 { row-gap: 0px }._xs-col-gap-none_11118_74 { column-gap: 0px; }._xs-col-gap-none_11118_74 > * { --builders-flex-gap: 0px; } ._xs-row-gap-xs_11118_75 { row-gap: var(--builders-unit-10); }._xs-col-gap-xs_11118_75 { column-gap: var(--builders-unit-10); }._xs-col-gap-xs_11118_75 > * { --builders-flex-gap: var(--builders-unit-10); } ._xs-row-gap-sm_11118_76 { row-gap: var(--builders-unit-20); }._xs-col-gap-sm_11118_76 { column-gap: var(--builders-unit-20); }._xs-col-gap-sm_11118_76 > * { --builders-flex-gap: var(--builders-unit-20); } ._xs-row-gap-md_11118_77 { row-gap: var(--builders-unit-30); }._xs-col-gap-md_11118_77 { column-gap: var(--builders-unit-30); }._xs-col-gap-md_11118_77 > * { --builders-flex-gap: var(--builders-unit-30); } ._xs-row-gap-lg_11118_78 { row-gap: var(--builders-unit-40); }._xs-col-gap-lg_11118_78 { column-gap: var(--builders-unit-40); }._xs-col-gap-lg_11118_78 > * { --builders-flex-gap: var(--builders-unit-40); } ._xs-row-gap-xl_11118_79 { row-gap: var(--builders-unit-50); }._xs-col-gap-xl_11118_79 { column-gap: var(--builders-unit-50); }._xs-col-gap-xl_11118_79 > * { --builders-flex-gap: var(--builders-unit-50); } ._xs-row-gap-xxl_11118_80 { row-gap: var(--builders-unit-100); }._xs-col-gap-xxl_11118_80 { column-gap: var(--builders-unit-100); }._xs-col-gap-xxl_11118_80 > * { --builders-flex-gap: var(--builders-unit-100); } @media (min-width: 37.5em) { /* var(--builders-breakpoint-sm) */ ._sm-2\.1_11118_83 > :where(:nth-child(2n - 1)), ._sm-10\.2_11118_83 > :where(:nth-child(2n)) { --builders-flex-layout: 2; } ._sm-10\.2_11118_83 > :where(:nth-child(2n - 1)), ._sm-2\.1_11118_83 > :where(:nth-child(2n)) { --builders-flex-layout: 10; } ._sm-3\.9_11118_85 > :where(:nth-child(2n - 1)), ._sm-9\.3_11118_85 > :where(:nth-child(2n)) { --builders-flex-layout: 3; } ._sm-9\.3_11118_85 > :where(:nth-child(2n - 1)), ._sm-3\.9_11118_85 > :where(:nth-child(2n)) { --builders-flex-layout: 9; } ._sm-4\.8_11118_87 > :where(:nth-child(2n - 1)), ._sm-8\.4_11118_87 > :where(:nth-child(2n)) { --builders-flex-layout: 4; } ._sm-8\.4_11118_87 > :where(:nth-child(2n - 1)), ._sm-4\.8_11118_87 > :where(:nth-child(2n)) { --builders-flex-layout: 8; } ._sm-5\.7_11118_89 > :where(:nth-child(2n - 1)), ._sm-7\.5_11118_89 > :where(:nth-child(2n)) { --builders-flex-layout: 5; } ._sm-7\.5_11118_89 > :where(:nth-child(2n - 1)), ._sm-5\.7_11118_89 > :where(:nth-child(2n)) { --builders-flex-layout: 7; } ._sm-0_11118_91 > * { --builders-flex-layout: auto; } ._sm-1_11118_83 > * { --builders-flex-layout: 12; } ._sm-2_11118_83 > * { --builders-flex-layout: 6; } ._sm-3_11118_85 > * { --builders-flex-layout: 4; } ._sm-4_11118_87 > * { --builders-flex-layout: 3; } ._sm-6_11118_92 > * { --builders-flex-layout: 2; } ._sm-row-gap-none_11118_94 { row-gap: 0px }._sm-col-gap-none_11118_94 { column-gap: 0px; } ._sm-col-gap-none_11118_94 > * { --builders-flex-gap: 0px; } ._sm-row-gap-xs_11118_95 { row-gap: var(--builders-unit-10); }._sm-col-gap-xs_11118_95 { column-gap: var(--builders-unit-10); } ._sm-col-gap-xs_11118_95 > * { --builders-flex-gap: var(--builders-unit-10); } ._sm-row-gap-sm_11118_96 { row-gap: var(--builders-unit-20); }._sm-col-gap-sm_11118_96 { column-gap: var(--builders-unit-20); } ._sm-col-gap-sm_11118_96 > * { --builders-flex-gap: var(--builders-unit-20); } ._sm-row-gap-md_11118_97 { row-gap: var(--builders-unit-30); }._sm-col-gap-md_11118_97 { column-gap: var(--builders-unit-30); } ._sm-col-gap-md_11118_97 > * { --builders-flex-gap: var(--builders-unit-30); } ._sm-row-gap-lg_11118_98 { row-gap: var(--builders-unit-40); }._sm-col-gap-lg_11118_98 { column-gap: var(--builders-unit-40); } ._sm-col-gap-lg_11118_98 > * { --builders-flex-gap: var(--builders-unit-40); } ._sm-row-gap-xl_11118_99 { row-gap: var(--builders-unit-50); }._sm-col-gap-xl_11118_99 { column-gap: var(--builders-unit-50); } ._sm-col-gap-xl_11118_99 > * { --builders-flex-gap: var(--builders-unit-50); } ._sm-row-gap-xxl_11118_100 { row-gap: var(--builders-unit-100); }._sm-col-gap-xxl_11118_100 { column-gap: var(--builders-unit-100); } ._sm-col-gap-xxl_11118_100 > * { --builders-flex-gap: var(--builders-unit-100); } } @media (min-width: 50em) { /* var(--builders-breakpoint-md) */ ._md-2\.1_11118_104 > :where(:nth-child(2n - 1)), ._md-10\.2_11118_104 > :where(:nth-child(2n)) { --builders-flex-layout: 2; } ._md-10\.2_11118_104 > :where(:nth-child(2n - 1)), ._md-2\.1_11118_104 > :where(:nth-child(2n)) { --builders-flex-layout: 10; } ._md-3\.9_11118_106 > :where(:nth-child(2n - 1)), ._md-9\.3_11118_106 > :where(:nth-child(2n)) { --builders-flex-layout: 3; } ._md-9\.3_11118_106 > :where(:nth-child(2n - 1)), ._md-3\.9_11118_106 > :where(:nth-child(2n)) { --builders-flex-layout: 9; } ._md-4\.8_11118_108 > :where(:nth-child(2n - 1)), ._md-8\.4_11118_108 > :where(:nth-child(2n)) { --builders-flex-layout: 4; } ._md-8\.4_11118_108 > :where(:nth-child(2n - 1)), ._md-4\.8_11118_108 > :where(:nth-child(2n)) { --builders-flex-layout: 8; } ._md-5\.7_11118_110 > :where(:nth-child(2n - 1)), ._md-7\.5_11118_110 > :where(:nth-child(2n)) { --builders-flex-layout: 5; } ._md-7\.5_11118_110 > :where(:nth-child(2n - 1)), ._md-5\.7_11118_110 > :where(:nth-child(2n)) { --builders-flex-layout: 7; } ._md-0_11118_112 > * { --builders-flex-layout: auto; } ._md-1_11118_104 > * { --builders-flex-layout: 12; } ._md-2_11118_104 > * { --builders-flex-layout: 6; } ._md-3_11118_106 > * { --builders-flex-layout: 4; } ._md-4_11118_108 > * { --builders-flex-layout: 3; } ._md-6_11118_113 > * { --builders-flex-layout: 2; } ._md-row-gap-none_11118_115 { row-gap: 0px }._md-col-gap-none_11118_115 { column-gap: 0px; } ._md-col-gap-none_11118_115 > * { --builders-flex-gap: 0px; } ._md-row-gap-xs_11118_116 { row-gap: var(--builders-unit-10); }._md-col-gap-xs_11118_116 { column-gap: var(--builders-unit-10); } ._md-col-gap-xs_11118_116 > * { --builders-flex-gap: var(--builders-unit-10); } ._md-row-gap-sm_11118_117 { row-gap: var(--builders-unit-20); }._md-col-gap-sm_11118_117 { column-gap: var(--builders-unit-20); } ._md-col-gap-sm_11118_117 > * { --builders-flex-gap: var(--builders-unit-20); } ._md-row-gap-md_11118_118 { row-gap: var(--builders-unit-30); }._md-col-gap-md_11118_118 { column-gap: var(--builders-unit-30); } ._md-col-gap-md_11118_118 > * { --builders-flex-gap: var(--builders-unit-30); } ._md-row-gap-lg_11118_119 { row-gap: var(--builders-unit-40); }._md-col-gap-lg_11118_119 { column-gap: var(--builders-unit-40); } ._md-col-gap-lg_11118_119 > * { --builders-flex-gap: var(--builders-unit-40); } ._md-row-gap-xl_11118_120 { row-gap: var(--builders-unit-50); }._md-col-gap-xl_11118_120 { column-gap: var(--builders-unit-50); } ._md-col-gap-xl_11118_120 > * { --builders-flex-gap: var(--builders-unit-50); } ._md-row-gap-xxl_11118_121 { row-gap: var(--builders-unit-100); }._md-col-gap-xxl_11118_121 { column-gap: var(--builders-unit-100); } ._md-col-gap-xxl_11118_121 > * { --builders-flex-gap: var(--builders-unit-100); } } @media (min-width: 64em) { /* var(--builders-breakpoint-lg) */ ._lg-2\.1_11118_125 > :where(:nth-child(2n - 1)), ._lg-10\.2_11118_125 > :where(:nth-child(2n)) { --builders-flex-layout: 2; } ._lg-10\.2_11118_125 > :where(:nth-child(2n - 1)), ._lg-2\.1_11118_125 > :where(:nth-child(2n)) { --builders-flex-layout: 10; } ._lg-3\.9_11118_127 > :where(:nth-child(2n - 1)), ._lg-9\.3_11118_127 > :where(:nth-child(2n)) { --builders-flex-layout: 3; } ._lg-9\.3_11118_127 > :where(:nth-child(2n - 1)), ._lg-3\.9_11118_127 > :where(:nth-child(2n)) { --builders-flex-layout: 9; } ._lg-4\.8_11118_129 > :where(:nth-child(2n - 1)), ._lg-8\.4_11118_129 > :where(:nth-child(2n)) { --builders-flex-layout: 4; } ._lg-8\.4_11118_129 > :where(:nth-child(2n - 1)), ._lg-4\.8_11118_129 > :where(:nth-child(2n)) { --builders-flex-layout: 8; } ._lg-5\.7_11118_131 > :where(:nth-child(2n - 1)), ._lg-7\.5_11118_131 > :where(:nth-child(2n)) { --builders-flex-layout: 5; } ._lg-7\.5_11118_131 > :where(:nth-child(2n - 1)), ._lg-5\.7_11118_131 > :where(:nth-child(2n)) { --builders-flex-layout: 7; } ._lg-0_11118_133 > * { --builders-flex-layout: auto; } ._lg-1_11118_125 > * { --builders-flex-layout: 12; } ._lg-2_11118_125 > * { --builders-flex-layout: 6; } ._lg-3_11118_127 > * { --builders-flex-layout: 4; } ._lg-4_11118_129 > * { --builders-flex-layout: 3; } ._lg-6_11118_134 > * { --builders-flex-layout: 2; } ._lg-row-gap-none_11118_136 { row-gap: 0px }._lg-col-gap-none_11118_136 { column-gap: 0px; } ._lg-col-gap-none_11118_136 > * { --builders-flex-gap: 0px; } ._lg-row-gap-xs_11118_137 { row-gap: var(--builders-unit-10); }._lg-col-gap-xs_11118_137 { column-gap: var(--builders-unit-10); } ._lg-col-gap-xs_11118_137 > * { --builders-flex-gap: var(--builders-unit-10); } ._lg-row-gap-sm_11118_138 { row-gap: var(--builders-unit-20); }._lg-col-gap-sm_11118_138 { column-gap: var(--builders-unit-20); } ._lg-col-gap-sm_11118_138 > * { --builders-flex-gap: var(--builders-unit-20); } ._lg-row-gap-md_11118_139 { row-gap: var(--builders-unit-30); }._lg-col-gap-md_11118_139 { column-gap: var(--builders-unit-30); } ._lg-col-gap-md_11118_139 > * { --builders-flex-gap: var(--builders-unit-30); } ._lg-row-gap-lg_11118_140 { row-gap: var(--builders-unit-40); }._lg-col-gap-lg_11118_140 { column-gap: var(--builders-unit-40); } ._lg-col-gap-lg_11118_140 > * { --builders-flex-gap: var(--builders-unit-40); } ._lg-row-gap-xl_11118_141 { row-gap: var(--builders-unit-50); }._lg-col-gap-xl_11118_141 { column-gap: var(--builders-unit-50); } ._lg-col-gap-xl_11118_141 > * { --builders-flex-gap: var(--builders-unit-50); } ._lg-row-gap-xxl_11118_142 { row-gap: var(--builders-unit-100); }._lg-col-gap-xxl_11118_142 { column-gap: var(--builders-unit-100); } ._lg-col-gap-xxl_11118_142 > * { --builders-flex-gap: var(--builders-unit-100); } } @media (min-width: 75em) { /* var(--builders-breakpoint-xl) */ ._xl-2\.1_11118_146 > :where(:nth-child(2n - 1)), ._xl-10\.2_11118_146 > :where(:nth-child(2n)) { --builders-flex-layout: 2; } ._xl-10\.2_11118_146 > :where(:nth-child(2n - 1)), ._xl-2\.1_11118_146 > :where(:nth-child(2n)) { --builders-flex-layout: 10; } ._xl-3\.9_11118_148 > :where(:nth-child(2n - 1)), ._xl-9\.3_11118_148 > :where(:nth-child(2n)) { --builders-flex-layout: 3; } ._xl-9\.3_11118_148 > :where(:nth-child(2n - 1)), ._xl-3\.9_11118_148 > :where(:nth-child(2n)) { --builders-flex-layout: 9; } ._xl-4\.8_11118_150 > :where(:nth-child(2n - 1)), ._xl-8\.4_11118_150 > :where(:nth-child(2n)) { --builders-flex-layout: 4; } ._xl-8\.4_11118_150 > :where(:nth-child(2n - 1)), ._xl-4\.8_11118_150 > :where(:nth-child(2n)) { --builders-flex-layout: 8; } ._xl-5\.7_11118_152 > :where(:nth-child(2n - 1)), ._xl-7\.5_11118_152 > :where(:nth-child(2n)) { --builders-flex-layout: 5; } ._xl-7\.5_11118_152 > :where(:nth-child(2n - 1)), ._xl-5\.7_11118_152 > :where(:nth-child(2n)) { --builders-flex-layout: 7; } ._xl-0_11118_154 > * { --builders-flex-layout: auto; } ._xl-1_11118_146 > * { --builders-flex-layout: 12; } ._xl-2_11118_146 > * { --builders-flex-layout: 6; } ._xl-3_11118_148 > * { --builders-flex-layout: 4; } ._xl-4_11118_150 > * { --builders-flex-layout: 3; } ._xl-6_11118_155 > * { --builders-flex-layout: 2; } ._xl-row-gap-none_11118_157 { row-gap: 0px }._xl-col-gap-none_11118_157 { column-gap: 0px; } ._xl-col-gap-none_11118_157 > * { --builders-flex-gap: 0px; } ._xl-row-gap-xs_11118_158 { row-gap: var(--builders-unit-10); }._xl-col-gap-xs_11118_158 { column-gap: var(--builders-unit-10); } ._xl-col-gap-xs_11118_158 > * { --builders-flex-gap: var(--builders-unit-10); } ._xl-row-gap-sm_11118_159 { row-gap: var(--builders-unit-20); }._xl-col-gap-sm_11118_159 { column-gap: var(--builders-unit-20); } ._xl-col-gap-sm_11118_159 > * { --builders-flex-gap: var(--builders-unit-20); } ._xl-row-gap-md_11118_160 { row-gap: var(--builders-unit-30); }._xl-col-gap-md_11118_160 { column-gap: var(--builders-unit-30); } ._xl-col-gap-md_11118_160 > * { --builders-flex-gap: var(--builders-unit-30); } ._xl-row-gap-lg_11118_161 { row-gap: var(--builders-unit-40); }._xl-col-gap-lg_11118_161 { column-gap: var(--builders-unit-40); } ._xl-col-gap-lg_11118_161 > * { --builders-flex-gap: var(--builders-unit-40); } ._xl-row-gap-xl_11118_162 { row-gap: var(--builders-unit-50); }._xl-col-gap-xl_11118_162 { column-gap: var(--builders-unit-50); } ._xl-col-gap-xl_11118_162 > * { --builders-flex-gap: var(--builders-unit-50); } ._xl-row-gap-xxl_11118_163 { row-gap: var(--builders-unit-100); }._xl-col-gap-xxl_11118_163 { column-gap: var(--builders-unit-100); } ._xl-col-gap-xxl_11118_163 > * { --builders-flex-gap: var(--builders-unit-100); } } @media (min-width: 101.25em) { /* var(--builders-breakpoint-xxl) */ ._xxl-2\.1_11118_167 > :where(:nth-child(2n - 1)), ._xxl-10\.2_11118_167 > :where(:nth-child(2n)) { --builders-flex-layout: 2; } ._xxl-10\.2_11118_167 > :where(:nth-child(2n - 1)), ._xxl-2\.1_11118_167 > :where(:nth-child(2n)) { --builders-flex-layout: 10; } ._xxl-3\.9_11118_169 > :where(:nth-child(2n - 1)), ._xxl-9\.3_11118_169 > :where(:nth-child(2n)) { --builders-flex-layout: 3; } ._xxl-9\.3_11118_169 > :where(:nth-child(2n - 1)), ._xxl-3\.9_11118_169 > :where(:nth-child(2n)) { --builders-flex-layout: 9; } ._xxl-4\.8_11118_171 > :where(:nth-child(2n - 1)), ._xxl-8\.4_11118_171 > :where(:nth-child(2n)) { --builders-flex-layout: 4; } ._xxl-8\.4_11118_171 > :where(:nth-child(2n - 1)), ._xxl-4\.8_11118_171 > :where(:nth-child(2n)) { --builders-flex-layout: 8; } ._xxl-5\.7_11118_173 > :where(:nth-child(2n - 1)), ._xxl-7\.5_11118_173 > :where(:nth-child(2n)) { --builders-flex-layout: 5; } ._xxl-7\.5_11118_173 > :where(:nth-child(2n - 1)), ._xxl-5\.7_11118_173 > :where(:nth-child(2n)) { --builders-flex-layout: 7; } ._xxl-0_11118_175 > * { --builders-flex-layout: auto; } ._xxl-1_11118_167 > * { --builders-flex-layout: 12; } ._xxl-2_11118_167 > * { --builders-flex-layout: 6; } ._xxl-3_11118_169 > * { --builders-flex-layout: 4; } ._xxl-4_11118_171 > * { --builders-flex-layout: 3; } ._xxl-6_11118_176 > * { --builders-flex-layout: 2; } ._xxl-row-gap-none_11118_178 { row-gap: 0px }._xxl-col-gap-none_11118_178 { column-gap: 0px; } ._xxl-col-gap-none_11118_178 > * { --builders-flex-gap: 0px; } ._xxl-row-gap-xs_11118_179 { row-gap: var(--builders-unit-10); }._xxl-col-gap-xs_11118_179 { column-gap: var(--builders-unit-10); } ._xxl-col-gap-xs_11118_179 > * { --builders-flex-gap: var(--builders-unit-10); } ._xxl-row-gap-sm_11118_180 { row-gap: var(--builders-unit-20); }._xxl-col-gap-sm_11118_180 { column-gap: var(--builders-unit-20); } ._xxl-col-gap-sm_11118_180 > * { --builders-flex-gap: var(--builders-unit-20); } ._xxl-row-gap-md_11118_181 { row-gap: var(--builders-unit-30); }._xxl-col-gap-md_11118_181 { column-gap: var(--builders-unit-30); } ._xxl-col-gap-md_11118_181 > * { --builders-flex-gap: var(--builders-unit-30); } ._xxl-row-gap-lg_11118_182 { row-gap: var(--builders-unit-40); }._xxl-col-gap-lg_11118_182 { column-gap: var(--builders-unit-40); } ._xxl-col-gap-lg_11118_182 > * { --builders-flex-gap: var(--builders-unit-40); } ._xxl-row-gap-xl_11118_183 { row-gap: var(--builders-unit-50); }._xxl-col-gap-xl_11118_183 { column-gap: var(--builders-unit-50); } ._xxl-col-gap-xl_11118_183 > * { --builders-flex-gap: var(--builders-unit-50); } ._xxl-row-gap-xxl_11118_184 { row-gap: var(--builders-unit-100); }._xxl-col-gap-xxl_11118_184 { column-gap: var(--builders-unit-100); } ._xxl-col-gap-xxl_11118_184 > * { --builders-flex-gap: var(--builders-unit-100); } }._srOnly_kh9c0_1 { clip-path: inset(50%); clip: rect(0 0 0 0); height: 1px; border: 0; padding: 0; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } :where(._link_fo4q6_1) { /* Using :where for easier overwrite */ background: transparent; /* Resets in case rendering as