/* checksum: 03ec44783f1d77bbb8061f57ff13e0c11cb2e8b36354b96734154dab347da92c */ /* This file is automatically generated. Use `pnpm figma-import` to update it. */ :root { /* Primary */ --primary-black: #050505; --primary-white: #fff; /* Brand */ --plum1000: #230c53; --plum900: #6a34bb; --plum800: #8c52e0; --plum100: #c399ff; --plum50: #dec7ff; --sakura1000: #5c0922; --sakura900: #b82050; --sakura800: #e03868; --sakura100: #ff99b8; --sakura50: #ffc2d4; --mint1000: #023936; --mint900: #0c7971; --mint800: #18beb0; --mint100: #6dded4; --mint50: #c3f7f3; --blueberry1000: #0c2351; --blueberry900: #2450b0; --blueberry800: #3b76eb; --blueberry100: #99b9ff; --blueberry50: #cfdeff; --mustard1000: #3f3a00; --mustard900: #ad9d00; --mustard800: #d6c600; --mustard100: #ebe259; --mustard50: #f5f09d; --peach1000: #532400; --peach900: #b85000; --peach800: #e06808; --peach100: #eca357; --peach50: #fcdcc2; /* Neutral */ --gray900: #1a1a1a; --gray800: #262626; --gray700: #3d3d3d; --gray600: #616161; --gray500: #8f8f8f; --gray400: #b8b8b8; --gray300: #ccc; --gray200: #e0e0e0; --gray100: #e8e8e8; --gray50: #f5f5f5; --gray25: #f9f9f9; /* Status */ --success1000: #02411d; --success900: #0a7037; --success800: #1dc767; --success100: #77e5a4; --success50: #c5edd4; --warning1000: #532400; --warning900: #b85000; --warning800: #e06808; --warning100: #eca357; --warning50: #fcdcc2; --error1000: #5d110b; --error900: #ba2c22; --error800: #e8423a; --error100: #ff9991; --error50: #f7d0cd; } /* checksum: 123 */ /* This file is automatically generated. Use `pnpm figma-import` to update it. */ :root .dark-theme { color-scheme: dark; /* Elevation */ --elevation-default: var(--primary-black); --elevation-low: var(--gray900); --elevation-mid: var(--gray900); --elevation-high: var(--gray800); /* Background */ --background-primary: var(--gray25); --background-secondary: var(--gray600); --background-tertiary: var(--gray700); --background-information-low: var(--gray800); --background-information-high: var(--gray200); --background-success-low: var(--success1000); --background-success-high: var(--success900); --background-warning-low: var(--warning1000); --background-warning-high: var(--warning900); --background-error-low: var(--error1000); --background-error-high: var(--error900); --background-accent-high: var(--blueberry900); --background-accent-low: var(--blueberry1000); --background-feature-discoverability: var(--mustard1000); --background-upgrade: var(--mustard1000); --background-modal-overlay: rgba(5, 5, 5, 0.6); --background-panel-overlay: rgba(5, 5, 5, 0.4); --background-field: rgba(255, 255, 255, 0.1); --background-toggle: var(--gray600); --background-toggle-button: var(--gray300); --background-skeleton-shimmer: var(--gray700); --background-badge-free-trial: var(--mint1000); --background-badge-activate: var(--plum1000); --background-badge-promo: var(--sakura1000); --background-badge-upgrade: var(--mustard800); --background-accent-deprecated-static: var(--blueberry800); --background-splitscreen-deprecated-peach: var(--peach1000); --background-login-deprecated-plum: var(--plum1000); --background-login-deprecated-mustard: var(--mustard1000); --background-login-deprecated-peach: var(--peach1000); --background-login-deprecated-mint: var(--mint1000); --background-login-deprecated-blueberry: var(--blueberry1000); --background-login-deprecated-sakura: var(--sakura1000); --background-login-deprecated-gray: var(--gray700); /* Content */ --content-primary-a: var(--gray25); --content-primary-b: var(--primary-black); --content-secondary: var(--gray300); --content-tertiary: var(--gray500); --content-accent: var(--blueberry100); --content-success: var(--success100); --content-warning: var(--warning100); --content-error: var(--error100); --content-primary-a-static: var(--primary-black); --content-primary-b-static: var(--primary-white); --content-freetrial: var(--mint100); --content-activate: var(--plum100); --content-upgrade: var(--mustard100); --content-promo: var(--sakura100); /* Border */ --border-primary: var(--gray25); --border-secondary: var(--gray500); --border-tertiary: rgba(255, 255, 255, 0.16); --border-focus: var(--blueberry1000); --border-selected: var(--gray25); --border-success: var(--success100); --border-warning: var(--warning100); --border-error: var(--error100); --border-selector: rgba(255, 255, 255, 0.08); --border-avatar: rgba(255, 255, 255, 0.15); --border-upsell-deprecated: var(--mint100); --border-accent-deprecated-static: var(--blueberry100); /* Dataviz */ --dataviz-balance: var(--blueberry800); --dataviz-change: var(--warning800); --dataviz-inflows: var(--success800); --dataviz-outflows: var(--error800); --dataviz-slice-1: var(--plum800); --dataviz-slice-2: var(--mint800); --dataviz-slice-3: var(--blueberry100); --dataviz-slice-4: var(--mustard800); --dataviz-slice-5: var(--sakura100); --dataviz-slice-6: var(--plum100); --dataviz-slice-7: var(--sakura800); --dataviz-other: var(--gray400); --dataviz-uncategorized: var(--gray600); --dataviz-empty: var(--gray700); /* Analytic label */ --analytic-label-cat-1: var(--error800); --analytic-label-cat-2: var(--success800); --analytic-label-cat-3: var(--warning800); --analytic-label-cat-4: var(--mint800); --analytic-label-cat-5: var(--mustard800); --analytic-label-cat-6: var(--sakura100); --analytic-label-cat-7: var(--blueberry800); --analytic-label-cat-8: var(--plum800); --analytic-label-cat-9: var(--sakura800); --analytic-label-cat10: var(--plum50); /* Category */ --category-purple: var(--plum100); --category-mint: var(--mint100); --category-mustard: var(--mustard100); --category-peach: var(--peach100); --category-blue: var(--blueberry100); --category-green: var(--success100); --category-pink: var(--sakura100); --category-gray: var(--gray100); /* Shadow */ --shadow-color-low: rgba(5, 5, 5, 0.32); --shadow-color-high: rgba(5, 5, 5, 0.64); --shadow-color-selector: rgba(5, 5, 5, 0.05); /* State */ --state-selected: var(--gray700); --state-disabled: rgba(245, 245, 245, 0.45); --state-primary-a-hover: rgba(255, 255, 255, 0.08); --state-primary-a-pressed: rgba(255, 255, 255, 0.12); --state-primary-b-hover: rgba(5, 5, 5, 0.08); --state-primary-b-pressed: rgba(5, 5, 5, 0.12); } /* checksum: dd4143ceebba13bccec6715ced7c04a3c350b7ae495c51e55fd3d73260d21189 */ /* This file is automatically generated. Use `pnpm figma-import` to update it. */ :root { /* Elevation */ --elevation-default: var(--primary-white); --elevation-low: var(--gray50); --elevation-mid: var(--primary-white); --elevation-high: var(--primary-white); /* Background */ --background-primary: var(--primary-black); --background-secondary: var(--gray100); --background-tertiary: var(--gray50); --background-information-low: var(--gray100); --background-information-high: var(--gray900); --background-success-low: var(--success50); --background-success-high: var(--success900); --background-warning-low: var(--warning50); --background-warning-high: var(--warning900); --background-error-low: var(--error50); --background-error-high: var(--error900); --background-accent-high: var(--blueberry900); --background-accent-low: var(--blueberry50); --background-feature-discoverability: var(--mustard50); --background-upgrade: var(--mustard50); --background-modal-overlay: rgb(97, 97, 97, 0.6); --background-panel-overlay: rgb(97, 97, 97, 0.1); --background-field: rgb(51, 51, 51, 0.05); --background-toggle: var(--gray400); --background-toggle-button: var(--primary-white); --background-skeleton-shimmer: var(--gray200); --background-badge-free-trial: var(--mint50); --background-badge-activate: var(--plum50); --background-badge-promo: var(--sakura50); --background-badge-upgrade: var(--mustard1000); --background-accent-deprecated-static: var(--blueberry800); --background-splitscreen-deprecated-peach: var(--peach50); --background-login-deprecated-plum: var(--plum50); --background-login-deprecated-mustard: var(--mustard50); --background-login-deprecated-peach: var(--peach50); --background-login-deprecated-mint: var(--mint50); --background-login-deprecated-blueberry: var(--blueberry50); --background-login-deprecated-sakura: var(--sakura50); --background-login-deprecated-gray: var(--gray50); /* Content */ --content-primary-a: var(--primary-black); --content-primary-b: var(--primary-white); --content-secondary: var(--gray600); --content-tertiary: var(--gray500); --content-accent: var(--blueberry900); --content-success: var(--success900); --content-warning: var(--warning900); --content-error: var(--error900); --content-primary-a-static: var(--primary-black); --content-primary-b-static: var(--primary-white); --content-freetrial: var(--mint900); --content-activate: var(--plum900); --content-upgrade: var(--mustard900); --content-promo: var(--sakura900); /* Border */ --border-primary: var(--primary-black); --border-secondary: var(--gray300); --border-tertiary: var(--gray100); --border-focus: var(--blueberry50); --border-selected: var(--primary-black); --border-success: var(--success900); --border-warning: var(--warning900); --border-error: var(--error900); --border-selector: #f1f1f1; --border-avatar: rgb(5, 5, 5, 0.2); --border-upsell-deprecated: var(--mint900); --border-accent-deprecated-static: var(--blueberry100); /* Dataviz */ --dataviz-balance: var(--blueberry800); --dataviz-change: var(--warning800); --dataviz-inflows: var(--success800); --dataviz-outflows: var(--error800); --dataviz-slice-1: var(--plum800); --dataviz-slice-2: var(--mint800); --dataviz-slice-3: var(--blueberry100); --dataviz-slice-4: var(--mustard800); --dataviz-slice-5: var(--sakura100); --dataviz-slice-6: var(--plum100); --dataviz-slice-7: var(--sakura800); --dataviz-other: var(--gray400); --dataviz-uncategorized: var(--gray200); --dataviz-empty: var(--gray50); /* Analytic label */ --analytic-label-cat-1: var(--error800); --analytic-label-cat-2: var(--success800); --analytic-label-cat-3: var(--warning800); --analytic-label-cat-4: var(--mint800); --analytic-label-cat-5: var(--mustard800); --analytic-label-cat-6: var(--sakura100); --analytic-label-cat-7: var(--blueberry800); --analytic-label-cat-8: var(--plum800); --analytic-label-cat-9: var(--sakura800); --analytic-label-cat10: var(--plum50); /* Category */ --category-purple: var(--plum100); --category-mint: var(--mint100); --category-mustard: var(--mustard100); --category-peach: var(--peach100); --category-blue: var(--blueberry100); --category-green: var(--success100); --category-pink: var(--sakura100); --category-gray: var(--gray200); /* Shadow */ --shadow-color-low: rgb(5, 5, 5, 0.06); --shadow-color-high: rgb(5, 5, 5, 0.12); --shadow-color-selector: rgb(5, 5, 5, 0.02); /* State */ --state-selected: var(--gray100); --state-disabled: rgb(245, 245, 245, 0.45); --state-primary-a-hover: rgb(5, 5, 5, 0.06); --state-primary-a-pressed: rgb(5, 5, 5, 0.12); --state-primary-b-hover: rgb(255, 255, 255, 0.08); --state-primary-b-pressed: rgb(255, 255, 255, 0.12); } :root, :root .dark-theme { --border-quarternary: var(--gray50); --separator-bottom: inset 0 -1px 0 0 var(--border-tertiary); --shadow-low: 0 3px 6px 0 var(--shadow-color-low); --shadow-high: 0 3px 12px 0 var(--shadow-color-high); --shadow-selector: 0 4px 8px 0 var(--shadow-color-selector); --background-placeholder: linear-gradient( to right, var(--background-secondary) 8%, var(--background-skeleton-shimmer) 18%, var(--background-secondary) 33% ); --gradient-50: linear-gradient(90deg, var(--plum50), var(--blueberry50), var(--mint50)); --gradient-800: linear-gradient(90deg, var(--plum800), var(--blueberry800), var(--mint800)); --gradient-900: linear-gradient(90deg, var(--plum900), var(--blueberry900), var(--mint800)); --gradient-1000: linear-gradient(90deg, var(--plum1000), var(--blueberry1000), var(--mint1000)); --qonto-intelligence-gradient-content: var(--gradient-900); --qonto-intelligence-gradient-stroke: var(--gradient-900); --qonto-intelligence-gradient-background-high: var(--gradient-1000); --qonto-intelligence-gradient-background-low: var(--gradient-50); --qintelligence50: linear-gradient( 90deg, var(--plum50) 0%, var(--blueberry50) 50%, var(--mint50) 100% ); --qintelligence100: linear-gradient( 90deg, var(--plum800) 0%, var(--blueberry800) 51.92%, var(--mint800) 100% ); --qintelligence800: linear-gradient( 90deg, var(--plum900) 0%, var(--blueberry900) 47.6%, var(--mint800) 100% ); --qintelligence1000: linear-gradient( 90deg, var(--plum1000) 0%, var(--blueberry1000) 50%, var(--mint900) 100% ); } :root { --shadow-color-selector: rgb(45, 45, 45, 0.02); --overlay-primary-a-color: var(--primary-black); --overlay-primary-b-color: var(--primary-white); --qintelligence-low: var(--qintelligence50); --qintelligence-high: var(--qintelligence1000); --qintelligence-border: var(--qintelligence800); } :root .dark-theme { --shadow-color-selector: rgb(5, 5, 5, 0.05); --overlay-primary-a-color: var(--primary-white); --overlay-primary-b-color: var(--primary-black); --qintelligence-low: var(--qintelligence1000); --qintelligence-high: var(--qintelligence50); --qintelligence-border: var(--qintelligence100); } :root { --overlay-opacity: 0; --hover-opacity: 0.08; --pressed-opacity: 0.12; --disabled-opacity: 0.45; } .overlay { position: relative; &::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; content: ""; background-color: var(--overlay-primary-a-color); opacity: var(--overlay-opacity); } &:hover::after { --overlay-opacity: var(--hover-opacity); } &:active::after { --overlay-opacity: var(--pressed-opacity); } &[disabled] { cursor: not-allowed; &::after { --overlay-primary-a-color: var(--primary-white); --overlay-opacity: var(--disabled-opacity); cursor: not-allowed; } } } @font-face { font-family: QontoSans; font-style: normal; font-weight: 100 900; src: url(/static/qontosans-variable.e72bbe48de53e8488383.woff2) format("woff2"), url(/static/qontosans-variable.b7804e376b0e35d1c7a0.woff) format("woff"); font-display: swap; } html body * { font-family: QontoSans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } :root { /* QontoSans font weights */ --font-weight-bold: 700; --font-weight-semibold: 600; --font-weight-regular: 400; /* Typography styles */ --display-font-size: 40px; --display-font-weight: var(--font-weight-regular); --display-line-height: 48px; --heading-page-font-size: 32px; --heading-page-font-weight: var(--font-weight-semibold); --heading-page-line-height: 40px; --heading-section-font-size: 24px; --heading-section-font-weight: var(--font-weight-semibold); --heading-section-line-height: 32px; --heading-subsection-font-size: 16px; --heading-subsection-font-weight: var(--font-weight-semibold); --heading-subsection-line-height: 20px; --body-prominent-font-size: 16px; --body-prominent-font-weight: var(--font-weight-regular); --body-prominent-line-height: 24px; --body-standard-font-size: 14px; --body-standard-font-weight: var(--font-weight-regular); --body-standard-line-height: 20px; --body-standard-link-font-size: 14px; --body-standard-link-font-weight: var(--font-weight-regular); --body-standard-link-line-height: 20px; --caption-font-size: 12px; --caption-font-weight: var(--font-weight-regular); --caption-line-height: 16px; --caption-link-font-size: 12px; --caption-link-font-weight: var(--font-weight-regular); --caption-link-line-height: 16px; --caption-bold-font-size: 12px; --caption-bold-font-weight: var(--font-weight-semibold); --caption-bold-line-height: 16px; } .display { font-size: var(--display-font-size); font-weight: var(--display-font-weight); line-height: var(--display-line-height); } .heading-page { font-size: var(--heading-page-font-size); font-weight: var(--heading-page-font-weight); line-height: var(--heading-page-line-height); } .heading-section { font-size: var(--heading-section-font-size); font-weight: var(--heading-section-font-weight); line-height: var(--heading-section-line-height); } .heading-subsection { font-size: var(--heading-subsection-font-size); font-weight: var(--heading-subsection-font-weight); line-height: var(--heading-subsection-line-height); } .body-prominent { font-size: var(--body-prominent-font-size); font-weight: var(--body-prominent-font-weight); line-height: var(--body-prominent-line-height); } .body-standard { font-size: var(--body-standard-font-size); font-weight: var(--body-standard-font-weight); line-height: var(--body-standard-line-height); } .body-standard-link { font-size: var(--body-standard-link-font-size); font-weight: var(--body-standard-link-font-weight); line-height: var(--body-standard-link-line-height); color: var(--content-primary-a); text-decoration: underline; } .caption { font-size: var(--caption-font-size); font-weight: var(--caption-font-weight); line-height: var(--caption-line-height); } .caption-link, a.caption-link, .body-standard a.caption-link { font-size: var(--caption-link-font-size); font-weight: var(--caption-link-font-weight); line-height: var(--caption-link-line-height); color: var(--content-primary-a); text-decoration: underline; } .caption-bold { font-size: var(--caption-bold-font-size); font-weight: var(--caption-bold-font-weight); line-height: var(--caption-bold-line-height); } /* Combined utility for IBANs: slashed zero + tabular spacing */ .disambiguate { font-variant-numeric: tabular-nums slashed-zero; } :root { --z-index-default: 1; --z-index-mid: 2; --z-index-high: 3; --z-index-above: 4; } :root { --spacing-4: var(--spacing-xsmall); --spacing-8: var(--spacing-small); --spacing-12: var(--spacing-medium-sm); --spacing-16: var(--spacing-medium); --spacing-20: var(--spacing-medium-lg); --spacing-24: var(--spacing-large); --spacing-32: var(--spacing-xlarge); --spacing-40: var(--spacing-xxlarge); --spacing-48: var(--spacing-xxxlarge); --spacing-56: 56px; --spacing-64: 64px; --spacing-72: 72px; --spacing-80: var(--spacing-huge); } .mb-4 { margin-bottom: var(--spacing-xsmall); } .mb-8 { margin-bottom: var(--spacing-small); } .mb-12 { margin-bottom: var(--spacing-medium-sm); } .mb-16 { margin-bottom: var(--spacing-medium); } .mb-20 { margin-bottom: var(--spacing-medium-lg); } .mb-24 { margin-bottom: var(--spacing-large); } .mb-32 { margin-bottom: var(--spacing-xlarge); } .mb-40 { margin-bottom: var(--spacing-xxlarge); } .mb-48 { margin-bottom: var(--spacing-xxxlarge); } .mb-56 { margin-bottom: var(--spacing-56); } .mb-64 { margin-bottom: var(--spacing-64); } .mb-72 { margin-bottom: var(--spacing-72); } .mb-80 { margin-bottom: var(--spacing-huge); } .ml-8 { margin-left: var(--spacing-small); } .ml-16 { margin-left: var(--spacing-medium); } .ml-24 { margin-left: var(--spacing-large); } .mr-8 { margin-right: var(--spacing-small); } .mr-16 { margin-right: var(--spacing-medium); } .mr-24 { margin-right: var(--spacing-large); } :root { --scale-0: 0px; --scale-50: 4px; --scale-100: 8px; --scale-150: 12px; --scale-200: 16px; --scale-250: 20px; --scale-300: 24px; --scale-400: 32px; --scale-500: 40px; --scale-600: 48px; --scale-1000: 80px; --scale-1100: 88px; --scale-1500: 120px; } :root { --spacing-none: var(--scale-0); --spacing-xsmall: var(--scale-50); --spacing-small: var(--scale-100); --spacing-medium-sm: var(--scale-150); --spacing-medium: var(--scale-200); --spacing-medium-lg: var(--scale-250); --spacing-large: var(--scale-300); --spacing-xlarge: var(--scale-400); --spacing-xxlarge: var(--scale-500); --spacing-xxxlarge: var(--scale-600); --spacing-huge: var(--scale-1000); --spacing-88: var(--scale-1100); --spacing-120: var(--scale-1500); --page-gutter: var(--spacing-xlarge); --page-gutter-with-ai-bubble: var(--spacing-120); } :root { --radius-none: var(--scale-0); --radius-xsmall: var(--scale-50); --radius-small: var(--scale-100); --radius-medium: var(--scale-150); --radius-large: var(--scale-200); --radius-round: 9999px; } :root { --size-none: var(--scale-0); --size-small: var(--scale-100); --size-medium-small: var(--scale-150); --size-medium: var(--scale-200); --size-medium-plus: var(--scale-250); --size-large: var(--scale-400); --size-xlarge: var(--scale-500); --size-xxlarge: var(--scale-600); --size-xxxlarge: var(--scale-1000); } :root { /* Duration */ --motion-duration-100: 100ms; --motion-duration-150: 150ms; --motion-duration-200: 200ms; --motion-duration-250: 250ms; --motion-duration-300: 300ms; --motion-duration-400: 400ms; --motion-duration-500: 500ms; --motion-duration-600: 600ms; --motion-duration-800: 800ms; --motion-duration-1000: 1000ms; --motion-duration-1500: 1500ms; /* Easing */ --motion-easing-default: cubic-bezier(0.4, 0, 0.2, 1); --motion-easing-decelerate: cubic-bezier(0.25, 0, 0.2, 1); --motion-easing-accelerate: cubic-bezier(0.4, 0, 1, 1); --motion-easing-smooth: cubic-bezier(0.4, 0, 0.6, 1); --motion-easing-linear: linear; /* Delay */ --motion-delay-0: 0ms; --motion-delay-50: 50ms; --motion-delay-100: 100ms; --motion-delay-200: 200ms; --motion-delay-500: 500ms; --motion-delay-1000: 1000ms; } :root { /* Translate */ --motion-translate-0: 0; --motion-translate-20: 20%; --motion-translate-50: 50%; --motion-translate-100: 100%; --motion-translate-100vh: 100vh; --motion-translate--50: -50%; --motion-translate--100: -100%; /* Scale */ --motion-scale-85: 0.85; --motion-scale-95: 0.95; --motion-scale-100: 1; --motion-scale-105: 1.05; --motion-scale-115: 1.15; /* Alpha */ --motion-alpha-0: 0; --motion-alpha-20: 0.2; --motion-alpha-40: 0.4; --motion-alpha-60: 0.6; --motion-alpha-80: 0.8; --motion-alpha-100: 1; /* Rotation */ --motion-rotation--15: -15deg; --motion-rotation-0: 0deg; --motion-rotation-15: 15deg; --motion-rotation-45: 45deg; --motion-rotation-90: 90deg; --motion-rotation-180: 180deg; --motion-rotation-360: 360deg; /* Blur */ --motion-blur-0: blur(0px); --motion-blur-4: blur(4px); --motion-blur-8: blur(8px); --motion-blur-12: blur(12px); --motion-blur-16: blur(16px); --motion-blur-24: blur(24px); } :root { /* Entry */ --motion-entry-default-duration: var(--motion-duration-300); --motion-entry-default-easing: var(--motion-easing-smooth); --motion-entry-default-delay: var(--motion-delay-0); --motion-entry-default: var(--motion-entry-default-duration) var(--motion-entry-default-easing) var(--motion-entry-default-delay); --motion-entry-slow-duration: var(--motion-duration-400); --motion-entry-slow-easing: var(--motion-easing-smooth); --motion-entry-slow-delay: var(--motion-delay-0); --motion-entry-slow: var(--motion-entry-slow-duration) var(--motion-entry-slow-easing) var(--motion-entry-slow-delay); --motion-entry-fast-duration: var(--motion-duration-200); --motion-entry-fast-easing: var(--motion-easing-decelerate); --motion-entry-fast-delay: var(--motion-delay-0); --motion-entry-fast: var(--motion-entry-fast-duration) var(--motion-entry-fast-easing) var(--motion-entry-fast-delay); /* Exit */ --motion-exit-default-duration: var(--motion-duration-250); --motion-exit-default-easing: var(--motion-easing-accelerate); --motion-exit-default-delay: var(--motion-delay-0); --motion-exit-default: var(--motion-exit-default-duration) var(--motion-exit-default-easing) var(--motion-exit-default-delay); --motion-exit-slow-duration: var(--motion-duration-300); --motion-exit-slow-easing: var(--motion-easing-default); --motion-exit-slow-delay: var(--motion-delay-0); --motion-exit-slow: var(--motion-exit-slow-duration) var(--motion-exit-slow-easing) var(--motion-exit-slow-delay); --motion-exit-fast-duration: var(--motion-duration-150); --motion-exit-fast-easing: var(--motion-easing-accelerate); --motion-exit-fast-delay: var(--motion-delay-0); --motion-exit-fast: var(--motion-exit-fast-duration) var(--motion-exit-fast-easing) var(--motion-exit-fast-delay); /* Reveal */ --motion-reveal-default-duration: var(--motion-duration-300); --motion-reveal-default-easing: var(--motion-easing-smooth); --motion-reveal-default-delay: var(--motion-delay-50); --motion-reveal-default: var(--motion-reveal-default-duration) var(--motion-reveal-default-easing) var(--motion-reveal-default-delay); --motion-reveal-slow-duration: var(--motion-duration-400); --motion-reveal-slow-easing: var(--motion-easing-smooth); --motion-reveal-slow-delay: var(--motion-delay-100); --motion-reveal-slow: var(--motion-reveal-slow-duration) var(--motion-reveal-slow-easing) var(--motion-reveal-slow-delay); --motion-reveal-fast-duration: var(--motion-duration-200); --motion-reveal-fast-easing: var(--motion-easing-decelerate); --motion-reveal-fast-delay: var(--motion-delay-0); --motion-reveal-fast: var(--motion-reveal-fast-duration) var(--motion-reveal-fast-easing) var(--motion-reveal-fast-delay); /* Transition */ --motion-transition-default-duration: var(--motion-duration-300); --motion-transition-default-easing: var(--motion-easing-default); --motion-transition-default-delay: var(--motion-delay-0); --motion-transition-default: var(--motion-transition-default-duration) var(--motion-transition-default-easing) var(--motion-transition-default-delay); --motion-transition-slow-duration: var(--motion-duration-500); --motion-transition-slow-easing: var(--motion-easing-smooth); --motion-transition-slow-delay: var(--motion-delay-0); --motion-transition-slow: var(--motion-transition-slow-duration) var(--motion-transition-slow-easing) var(--motion-transition-slow-delay); --motion-transition-fast-duration: var(--motion-duration-250); --motion-transition-fast-easing: var(--motion-easing-default); --motion-transition-fast-delay: var(--motion-delay-0); --motion-transition-fast: var(--motion-transition-fast-duration) var(--motion-transition-fast-easing) var(--motion-transition-fast-delay); /* Interactive (referenced by Common hover / press patterns) */ --motion-interactive-fast-duration: var(--motion-duration-100); --motion-interactive-fast-easing: var(--motion-easing-smooth); --motion-interactive-fast-delay: var(--motion-delay-0); --motion-interactive-fast: var(--motion-interactive-fast-duration) var(--motion-interactive-fast-easing) var(--motion-interactive-fast-delay); } :root { /* Fade */ --motion-fade-in-duration: var(--motion-duration-300); --motion-fade-in-easing: var(--motion-easing-smooth); --motion-fade-in-delay: var(--motion-delay-0); --motion-fade-in-opacity-from: var(--motion-alpha-0); --motion-fade-in-opacity-to: var(--motion-alpha-100); --motion-fade-in: var(--motion-fade-in-duration) var(--motion-fade-in-easing) var(--motion-fade-in-delay); --motion-fade-out-duration: var(--motion-duration-250); --motion-fade-out-easing: var(--motion-easing-accelerate); --motion-fade-out-delay: var(--motion-delay-0); --motion-fade-out-opacity-from: var(--motion-alpha-100); --motion-fade-out-opacity-to: var(--motion-alpha-0); --motion-fade-out: var(--motion-fade-out-duration) var(--motion-fade-out-easing) var(--motion-fade-out-delay); /* Slide */ --motion-slide-up-duration: var(--motion-duration-300); --motion-slide-up-easing: var(--motion-easing-smooth); --motion-slide-up-delay: var(--motion-delay-0); --motion-slide-up-translate-from: var(--motion-translate-100); --motion-slide-up-translate-to: var(--motion-translate-0); --motion-slide-up-opacity-from: var(--motion-alpha-0); --motion-slide-up-opacity-to: var(--motion-alpha-100); --motion-slide-up: var(--motion-slide-up-duration) var(--motion-slide-up-easing) var(--motion-slide-up-delay); --motion-slide-down-duration: var(--motion-duration-300); --motion-slide-down-easing: var(--motion-easing-smooth); --motion-slide-down-delay: var(--motion-delay-0); --motion-slide-down-translate-from: var(--motion-translate--100); --motion-slide-down-translate-to: var(--motion-translate-0); --motion-slide-down-opacity-from: var(--motion-alpha-0); --motion-slide-down-opacity-to: var(--motion-alpha-100); --motion-slide-down: var(--motion-slide-down-duration) var(--motion-slide-down-easing) var(--motion-slide-down-delay); --motion-slide-horizontal-in-duration: var(--motion-duration-300); --motion-slide-horizontal-in-easing: var(--motion-easing-smooth); --motion-slide-horizontal-in-delay: var(--motion-delay-0); --motion-slide-horizontal-in-translate-from: var(--motion-translate--100); --motion-slide-horizontal-in-translate-to: var(--motion-translate-0); --motion-slide-horizontal-in-opacity-from: var(--motion-alpha-0); --motion-slide-horizontal-in-opacity-to: var(--motion-alpha-100); --motion-slide-horizontal-in: var(--motion-slide-horizontal-in-duration) var(--motion-slide-horizontal-in-easing) var(--motion-slide-horizontal-in-delay); --motion-slide-horizontal-out-duration: var(--motion-duration-250); --motion-slide-horizontal-out-easing: var(--motion-easing-accelerate); --motion-slide-horizontal-out-delay: var(--motion-delay-0); --motion-slide-horizontal-out-translate-from: var(--motion-translate-0); --motion-slide-horizontal-out-translate-to: var(--motion-translate-100); --motion-slide-horizontal-out-opacity-from: var(--motion-alpha-100); --motion-slide-horizontal-out-opacity-to: var(--motion-alpha-0); --motion-slide-horizontal-out: var(--motion-slide-horizontal-out-duration) var(--motion-slide-horizontal-out-easing) var(--motion-slide-horizontal-out-delay); /* Hover / lift */ --motion-lift-duration: var(--motion-duration-100); --motion-lift-easing: var(--motion-easing-smooth); --motion-lift-delay: var(--motion-delay-0); --motion-lift-translate-from: 0; --motion-lift-translate-to: -4px; --motion-lift: var(--motion-lift-duration) var(--motion-lift-easing) var(--motion-lift-delay); --motion-grow-duration: var(--motion-duration-100); --motion-grow-easing: var(--motion-easing-smooth); --motion-grow-delay: var(--motion-delay-0); --motion-grow-scale-from: var(--motion-scale-100); --motion-grow-scale-to: var(--motion-scale-105); --motion-grow: var(--motion-grow-duration) var(--motion-grow-easing) var(--motion-grow-delay); /* Press / tap */ --motion-press-duration: var(--motion-duration-100); --motion-press-easing: var(--motion-easing-smooth); --motion-press-delay: var(--motion-delay-0); --motion-press-scale-press: var(--motion-scale-95); --motion-press-scale-release: var(--motion-scale-100); --motion-press: var(--motion-press-duration) var(--motion-press-easing) var(--motion-press-delay); /* Expand / collapse */ --motion-expand-duration: var(--motion-duration-300); --motion-expand-easing: var(--motion-easing-smooth); --motion-expand-delay: var(--motion-delay-100); --motion-expand-height-from: 0; --motion-expand-height-to: auto; --motion-expand-opacity-from: var(--motion-alpha-0); --motion-expand-opacity-to: var(--motion-alpha-100); --motion-expand: var(--motion-expand-duration) var(--motion-expand-easing) var(--motion-expand-delay); --motion-collapse-duration: var(--motion-duration-250); --motion-collapse-easing: var(--motion-easing-accelerate); --motion-collapse-delay: var(--motion-delay-0); --motion-collapse-height-from: auto; --motion-collapse-height-to: 0; --motion-collapse-opacity-from: var(--motion-alpha-100); --motion-collapse-opacity-to: var(--motion-alpha-0); --motion-collapse: var(--motion-collapse-duration) var(--motion-collapse-easing) var(--motion-collapse-delay); /* Scale fade */ --motion-scale-fade-in-duration: var(--motion-duration-300); --motion-scale-fade-in-easing: var(--motion-easing-smooth); --motion-scale-fade-in-delay: var(--motion-delay-100); --motion-scale-fade-in-scale-from: var(--motion-scale-85); --motion-scale-fade-in-scale-to: var(--motion-scale-100); --motion-scale-fade-in-opacity-from: var(--motion-alpha-0); --motion-scale-fade-in-opacity-to: var(--motion-alpha-100); --motion-scale-fade-in: var(--motion-scale-fade-in-duration) var(--motion-scale-fade-in-easing) var(--motion-scale-fade-in-delay); --motion-scale-fade-out-duration: var(--motion-duration-250); --motion-scale-fade-out-easing: var(--motion-easing-accelerate); --motion-scale-fade-out-delay: var(--motion-delay-0); --motion-scale-fade-out-scale-from: var(--motion-scale-100); --motion-scale-fade-out-scale-to: var(--motion-scale-85); --motion-scale-fade-out-opacity-from: var(--motion-alpha-100); --motion-scale-fade-out-opacity-to: var(--motion-alpha-0); --motion-scale-fade-out: var(--motion-scale-fade-out-duration) var(--motion-scale-fade-out-easing) var(--motion-scale-fade-out-delay); --motion-scale-fade-small-duration: var(--motion-duration-200); --motion-scale-fade-small-easing: var(--motion-easing-smooth); --motion-scale-fade-small-delay: var(--motion-delay-50); --motion-scale-fade-small-scale-from: var(--motion-scale-95); --motion-scale-fade-small-scale-to: var(--motion-scale-100); --motion-scale-fade-small-opacity-from: var(--motion-alpha-0); --motion-scale-fade-small-opacity-to: var(--motion-alpha-100); --motion-scale-fade-small: var(--motion-scale-fade-small-duration) var(--motion-scale-fade-small-easing) var(--motion-scale-fade-small-delay); /* Stagger */ --motion-stagger-light-duration: var(--motion-duration-200); --motion-stagger-light-easing: var(--motion-easing-smooth); --motion-stagger-light-per-item-delay: 50ms; --motion-stagger-light-translate-from: var(--motion-translate-20); --motion-stagger-light-translate-to: var(--motion-translate-0); --motion-stagger-light-opacity-from: var(--motion-alpha-0); --motion-stagger-light-opacity-to: var(--motion-alpha-100); --motion-stagger-relaxed-duration: var(--motion-duration-200); --motion-stagger-relaxed-easing: var(--motion-easing-smooth); --motion-stagger-relaxed-per-item-delay: 100ms; --motion-stagger-relaxed-translate-from: var(--motion-translate-20); --motion-stagger-relaxed-translate-to: var(--motion-translate-0); --motion-stagger-relaxed-opacity-from: var(--motion-alpha-0); --motion-stagger-relaxed-opacity-to: var(--motion-alpha-100); /* Shimmer / loading */ --motion-shimmer-duration: var(--motion-duration-1500); --motion-shimmer-easing: var(--motion-easing-linear); --motion-shimmer-bg-from: -200%; --motion-shimmer-bg-to: 200%; --motion-shimmer: var(--motion-shimmer-duration) var(--motion-shimmer-easing) infinite; --motion-pulse-duration: var(--motion-duration-1500); --motion-pulse-easing: var(--motion-easing-default); --motion-pulse-bg-from: -200%; --motion-pulse-bg-to: 200%; --motion-pulse: var(--motion-pulse-duration) var(--motion-pulse-easing) infinite; --motion-spin-duration: var(--motion-duration-1000); --motion-spin-easing: var(--motion-easing-linear); --motion-spin-rotation-from: var(--motion-rotation-0); --motion-spin-rotation-to: var(--motion-rotation-360); --motion-spin: var(--motion-spin-duration) var(--motion-spin-easing) infinite; /* Page transition */ --motion-crossfade-duration: var(--motion-duration-300); --motion-crossfade-easing: var(--motion-easing-smooth); --motion-crossfade-delay: var(--motion-delay-0); --motion-crossfade-outgoing-opacity-from: var(--motion-alpha-100); --motion-crossfade-outgoing-opacity-to: var(--motion-alpha-0); --motion-crossfade-incoming-opacity-from: var(--motion-alpha-0); --motion-crossfade-incoming-opacity-to: var(--motion-alpha-100); --motion-crossfade: var(--motion-crossfade-duration) var(--motion-crossfade-easing) var(--motion-crossfade-delay); --motion-slide-replace-duration: var(--motion-duration-300); --motion-slide-replace-easing: var(--motion-easing-smooth); --motion-slide-replace-delay: var(--motion-delay-0); --motion-slide-replace-outgoing-translate-from: var(--motion-translate-0); --motion-slide-replace-outgoing-translate-to: var(--motion-translate--100); --motion-slide-replace-incoming-translate-from: var(--motion-translate-100); --motion-slide-replace-incoming-translate-to: var(--motion-translate-0); --motion-slide-replace: var(--motion-slide-replace-duration) var(--motion-slide-replace-easing) var(--motion-slide-replace-delay); } @keyframes motion-shimmer { from { background-position: var(--motion-shimmer-bg-from) 0; } to { background-position: var(--motion-shimmer-bg-to) 0; } } @keyframes motion-pulse { from { background-position: var(--motion-pulse-bg-from) 0; } to { background-position: var(--motion-pulse-bg-to) 0; } } @keyframes motion-spin { from { transform: rotate(var(--motion-spin-rotation-from)); } to { transform: rotate(var(--motion-spin-rotation-to)); } } html, body { height: 100%; color: var(--content-primary-a); background-color: var(--elevation-default); } html { box-sizing: border-box; font-size: var(--body-standard-font-size); text-shadow: rgb(0 0 0 / 1%) 0 0 1px; text-rendering: optimizelegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } body { font-size: var(--body-standard-font-size); } h1, h2, h3, h4, h5, h6, p, ol, ul { margin: var(--spacing-none); } /* prevents chrome from showing a background color for autocompleted fields */ input:-webkit-autofill { box-shadow: 0 0 0 1000px var(--background-field) inset; -webkit-text-fill-color: var(--content-primary-a) !important; } /* prevents browser from adding its own clear button */ input[type="search"]::-webkit-search-cancel-button { appearance: none; } input::-ms-clear { width: var(--size-none); height: var(--size-none); } button { display: inline-block; margin: var(--spacing-none); text-decoration: none; appearance: none !important; cursor: pointer; background-color: transparent; border: none; } button:hover { text-decoration: none; } a:focus-visible { --focus-outline-color: var(--border-focus); outline: none; border-radius: var(--radius-xsmall); box-shadow: 0 0 0 4px var(--focus-outline-color); transition: box-shadow 0.15s ease-in-out; } textarea, img, object { width: 100%; height: auto; } *, *::before, *::after { box-sizing: inherit; } :focus { outline: none; } :focus-visible { outline: none; box-shadow: 0 0 0 4px var(--border-focus); } /* react-aria moves DOM focus onto menu items on pointer hover (WAI-ARIA menu pattern), which can leak the browser :focus-visible ring. It only sets [data-focus-visible] on keyboard focus, so on menu items suppress the ring unless react-aria confirms keyboard focus. Scoped to menu-item roles so it never touches inputs, which legitimately keep the browser :focus-visible ring. */ [data-rac][role^="menuitem"]:focus-visible:not([data-focus-visible]), [data-rac][role="option"]:focus-visible:not([data-focus-visible]) { box-shadow: none; } .sr-only { position: absolute; width: 1px; height: 1px; padding: var(--spacing-none); margin: -1px; overflow: hidden; white-space: nowrap; border-width: 0; clip-path: inset(50%); } :root { --transition-duration-short: 300ms; --transition-duration-long: 600ms; --transition-duration-very-long: 1000ms; } .btn { --bg-color: transparent; --fg-color: var(--content-primary-a); --focus-outline-color: var(--border-focus); position: relative; display: inline-flex; align-items: center; justify-content: center; height: var(--size-xlarge); padding: var(--spacing-none) calc(16px - 1px); font-weight: 400; line-height: 24px; color: var(--fg-color); appearance: none; cursor: pointer; user-select: none; background-color: var(--bg-color); border: 1px solid var(--fg-color); border-radius: var(--radius-xsmall); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; &::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; content: ""; background-color: var(--overlay-primary-a-color); opacity: var(--overlay-opacity); } &:hover::after { --overlay-opacity: var(--hover-opacity); } &:active::after { --overlay-opacity: var(--pressed-opacity); } &[disabled], &[aria-disabled="true"] { cursor: not-allowed; &::after { --overlay-primary-a-color: var(--primary-white); --overlay-opacity: var(--disabled-opacity); cursor: not-allowed; background-color: var(--overlay-primary-b-color); } &.btn--primary, &.btn--tertiary, &.btn--danger { border: none; } } &:focus-visible { box-shadow: 0 0 0 4px var(--border-focus); } &:active::after, &:hover::after { border-radius: var(--radius-xsmall); } } .btn--primary { --bg-color: var(--background-primary); --fg-color: var(--content-primary-b); border: none; &::after { --overlay-primary-a-color: var(--overlay-primary-b-color); } } a.btn { text-decoration: none; } .btn--tertiary { --bg-color: none; --fg-color: var(--content-primary-a); display: inline-flex; align-items: center; height: 24px; padding: var(--spacing-none); border-top: none; border-right: none; border-left: none; border-radius: var(--radius-none); &:hover { color: var(--fg-color); border-bottom-color: var(--fg-color); } &:active { color: var(--fg-active-color); border-bottom-color: var(--border-active-color); } &:focus-visible { border-radius: var(--radius-xsmall); } &[disabled]::after, &[aria-disabled="true"]::after { border-top: 0; border-right: 0; border-bottom: 1px solid var(--fg-color); border-left: 0; border-radius: var(--radius-none); } &::after { border-radius: var(--radius-none); } } .btn--danger { --fg-color: var(--content-primary-b-static); --bg-color: var(--background-error-high); border: none; } .btn--icon-only { --bg-color: var(--background-secondary); display: inline-flex; align-items: center; justify-content: center; width: var(--size-xlarge); height: var(--size-xlarge); padding: var(--spacing-none); border: none; border-radius: var(--radius-xsmall); &::after, &.btn::after { border: none; } &.btn--small { width: var(--size-large); height: var(--size-large); } &.btn--tertiary { --bg-color: transparent; &::after { border-radius: var(--radius-xsmall); } } &.btn--primary { --bg-color: var(--background-primary); --fg-color: var(--content-primary-b); } &[disabled], &[aria-disabled="true"] { border: none; } } .btn--small:not(.btn--tertiary) { height: var(--size-large); } .btn--stretch:not(.btn--tertiary) { display: flex; width: 100%; } .btn > svg { width: var(--size-medium); height: var(--size-medium); color: var(--fg-color); } .btn-filter { --fg-color: var(--content-primary-a); --focus-outline-color: var(--border-focus); --overlay-opacity: 0; --border-radius: 100px; position: relative; display: inline-flex; align-items: center; justify-content: center; height: var(--size-large); padding: var(--spacing-small) var(--spacing-medium-sm); font-size: var(--body-standard-font-size); font-weight: var(--body-standard-font-weight); line-height: var(--body-standard-line-height); color: var(--fg-color); user-select: none; background-color: var(--background-tertiary); border-radius: var(--border-radius); &:hover::after { --overlay-opacity: var(--hover-opacity); } &:active::after { --overlay-opacity: var(--pressed-opacity); } &[disabled], &[aria-disabled="true"] { cursor: not-allowed; --overlay-primary-a-color: var(--overlay-primary-b-color); &::after { --overlay-opacity: var(--disabled-opacity); cursor: not-allowed; } } &::after { position: absolute; top: -1px; left: -1px; width: calc(100% + 2px); height: calc(100% + 2px); pointer-events: none; content: ""; background-color: var(--overlay-primary-a-color); border-radius: var(--border-radius); opacity: var(--overlay-opacity); } &:focus-visible { box-shadow: 0 0 0 4px var(--focus-outline-color); } &.btn--active { --fg-color: var(--content-primary-a); background-color: var(--background-secondary); } svg { width: var(--size-medium-small); height: var(--size-medium-small); } .filter-select-trigger__clear-btn { color: var(--content-primary-a); } } .P6YZueMaqwOMtldIsInh-A\=\= { display: flex; align-items: center; } .pwr7wuB1DtRmNYAvEMLTUA\=\= svg path { stroke: currentcolor; } /* Color @deprecated do not extend! */ .OL0j0FlTw3QK2RW8L3wMJQ\=\= svg path { stroke: var(--content-primary-a); } .urV8-x\+XTBlQx2H49693Cw\=\= svg path { stroke: var(--content-primary-b); } .itwrsy8hyliCdyZkbvM-Cw\=\= svg path { stroke: var(--content-primary-b-static); } .qXRmYnKp6dlRqz7JR0O-dg\=\= svg path { stroke: var(--content-error); } /* Size */ ._2qPRoaplXNxJLEZVcdFLuA\=\= { width: var(--size-medium-small); height: var(--size-medium-small); } .kCUTghvLZjsGd99tdHwlLw\=\= { width: var(--size-medium); height: var(--size-medium); } .O7Xf8CYkdg19YlTZw1xGPg\=\= { width: 24px; height: 24px; } .g81d7usTOdc8Bzsc5Pu9kQ\=\= { --focus-outline-color: var(--border-focus); --bg-color: var(--background-primary); --fg-color: var(--content-primary-b); --btn-radius: 22px; position: relative; display: inline-flex; gap: var(--spacing-small); align-items: center; justify-content: center; height: 44px; padding: var(--spacing-none) var(--spacing-medium); line-height: 24px; color: var(--fg-color); appearance: none; cursor: pointer; user-select: none; background-color: var(--bg-color); border: none; border-radius: var(--btn-radius); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; &::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; content: ""; background-color: var(--overlay-primary-b-color); border-radius: var(--btn-radius); opacity: var(--overlay-opacity); } &:hover::after { --overlay-opacity: var(--hover-opacity); } &:active::after { --overlay-opacity: var(--pressed-opacity); } &[disabled], &[aria-disabled="true"] { cursor: not-allowed; &::after { cursor: not-allowed; background-color: var(--overlay-primary-b-color); --overlay-primary-a-color: var(--primary-white); --overlay-opacity: var(--disabled-opacity); } } } .g81d7usTOdc8Bzsc5Pu9kQ\=\=:not([data-focus-visible]) { box-shadow: none; } .g81d7usTOdc8Bzsc5Pu9kQ\=\=[data-focus-visible] { box-shadow: 0 0 0 4px var(--border-focus); } .g81d7usTOdc8Bzsc5Pu9kQ\=\=[data-hovered] { --overlay-opacity: var(--hover-opacity); } .g81d7usTOdc8Bzsc5Pu9kQ\=\=[data-pressed] { --overlay-opacity: var(--pressed-opacity); } a.g81d7usTOdc8Bzsc5Pu9kQ\=\= { text-decoration: none; } .A0C7MbAkoHPkdS7UgFWPNA\=\= { --bg-color: transparent; --fg-color: var(--content-primary-a); border: 1px solid var(--fg-color); &::after { background-color: var(--overlay-primary-a-color); } &[disabled], &[aria-disabled="true"] { border: 1px solid var(--border-secondary); } } .pIhInzokBhbfIDDKoQAnSQ\=\= { --bg-color: none; --fg-color: var(--content-primary-a); display: inline-flex; align-items: center; height: 24px; /* Horizontal padding matches the hover area — always present so border-radius never changes on focus/blur, avoiding a glitch where the box-shadow briefly goes square. */ padding: var(--spacing-none) var(--spacing-small); margin-inline: calc(var(--spacing-small) * -1); border: none; border-radius: var(--btn-radius); /* underline sits under the text only, not the surrounding padding */ &::before { position: absolute; bottom: 0; left: 8px; width: calc(100% - 16px); height: 1px; content: ""; background-color: var(--fg-color); } /* hover/pressed overlay fills the full padded area */ &::after { left: 0; width: 100%; background-color: var(--overlay-primary-a-color); } &.WAG6M1Y1JlVyX-9RCuDAVw\=\= { --btn-radius: 10px; height: var(--size-medium-plus); } &[disabled], &[aria-disabled="true"] { opacity: var(--disabled-opacity); &::after { --overlay-opacity: 0; } } } ._6Y7qQE-9EXJAVyuJGg-phQ\=\= { --fg-color: var(--content-primary-b-static); --bg-color: var(--background-error-high); border: none; } /* ============================================================ ICON-ONLY ============================================================ */ .pp3UrBlxfNfH0Yn3WKVFnQ\=\= { --bg-color: var(--background-secondary); --btn-radius: var(--radius-round); display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: var(--spacing-none); line-height: 0; color: var(--content-primary-a); border: none; border-radius: var(--btn-radius); &::after, &.g81d7usTOdc8Bzsc5Pu9kQ\=\=::after { border: none; } /* sizes */ &.WAG6M1Y1JlVyX-9RCuDAVw\=\= { width: var(--size-large); height: var(--size-large); } /* variant overrides */ &.Hirpx806szcY8fPPx2Z9fw\=\= { --bg-color: var(--background-primary); color: var(--content-primary-b); &::after, &.g81d7usTOdc8Bzsc5Pu9kQ\=\=::after { background-color: var(--overlay-primary-b-color); } } &.A0C7MbAkoHPkdS7UgFWPNA\=\= { border: none; &[disabled], &[aria-disabled="true"] { border: none; } } &.pIhInzokBhbfIDDKoQAnSQ\=\= { --bg-color: transparent; /* undo the label-tertiary horizontal expansion */ padding: var(--spacing-none); margin-inline: var(--spacing-none); border-radius: var(--btn-radius); &::before { display: none; } &::after { left: 0; width: 100%; } &.WAG6M1Y1JlVyX-9RCuDAVw\=\= { --btn-radius: var(--radius-round); width: var(--size-large); height: var(--size-large); } } } /* ============================================================ SIZE AND LAYOUT MODIFIERS ============================================================ */ .WAG6M1Y1JlVyX-9RCuDAVw\=\=:not(.pIhInzokBhbfIDDKoQAnSQ\=\=) { height: var(--size-large); } .IXjxlqC-NG7PQOaSTrPwWg\=\=:not(.pIhInzokBhbfIDDKoQAnSQ\=\=) { display: flex; width: 100%; } /* ============================================================ FILTER BUTTON (separate component, shares this module) ============================================================ */ ._3YBmX8BZzmQtuiLVPU6VMw\=\= { --fg-color: var(--content-primary-a); --focus-outline-color: var(--border-focus); --overlay-opacity: 0; --border-radius: var(--radius-medium); position: relative; display: inline-flex; align-items: center; justify-content: center; padding: var(--spacing-small) var(--spacing-medium-sm); font-size: var(--body-standard-font-size); font-weight: var(--body-standard-font-weight); line-height: var(--body-standard-line-height); color: var(--fg-color); user-select: none; background-color: var(--background-tertiary); border-radius: var(--border-radius); &::after { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; content: ""; background-color: var(--overlay-primary-a-color); border-radius: var(--border-radius); opacity: var(--overlay-opacity); } &:hover::after { --overlay-opacity: var(--hover-opacity); } &:active::after { --overlay-opacity: var(--pressed-opacity); } &[disabled], &[aria-disabled="true"] { cursor: not-allowed; --overlay-primary-a-color: var(--overlay-primary-b-color); &::after { cursor: not-allowed; --overlay-opacity: var(--disabled-opacity); } } &:focus-visible { box-shadow: 0 0 0 4px var(--focus-outline-color); } &._7W7WSX30eXH-2fva13P55A\=\= { --fg-color: var(--content-primary-a); background-color: var(--background-secondary); } svg { width: var(--size-medium-small); height: var(--size-medium-small); } .o019qjNqbkVPq4XsqQ51Ew\=\= { color: var(--content-primary-a); } } .FQ4B6gRXifa\+ZWSQV0xeig\=\=[data-focus-visible] .lyboBMQklZuOGc4iIwEOeg\=\=[aria-expanded="true"] { box-shadow: 0 0 0 4px var(--border-focus); } .lyboBMQklZuOGc4iIwEOeg\=\= { display: inline-flex; gap: var(--spacing-small); align-items: center; padding: var(--spacing-none) var(--spacing-xsmall); cursor: pointer; border-radius: var(--radius-xsmall); &:hover { background-color: var(--state-primary-a-hover); } &:focus-visible { outline: none; box-shadow: none; &[data-focused] { outline: none; box-shadow: none; } &[data-focus-visible] { outline: none; background-color: var(--state-primary-a-hover); box-shadow: 0 0 0 4px var(--border-focus); } } &[aria-expanded="true"] { background-color: var(--state-primary-a-hover); border-color: var(--border-selected); box-shadow: 0 0 0 4px var(--border-focus); .EuNTIZj-HmamrqMyQ\+f6Kw\=\= { transform: rotate(180deg); transition: 0.15s transform; } } } .EuNTIZj-HmamrqMyQ\+f6Kw\=\= { transition: 0.15s transform; &._1GyGg72TGqXMFOi\+ZZJEkQ\=\= { width: var(--size-medium); height: var(--size-medium); } &.og518cGqWHtO6seQ2Im97w\=\= { width: var(--size-medium-small); height: var(--size-medium-small); } } .InklwH069HCBY8n\+R7r8Ww\=\= { min-width: 208px; padding: var(--spacing-small) var(--spacing-none); background-color: var(--elevation-high); border-radius: var(--radius-xsmall); box-shadow: var(--shadow-high); } ._5eH\+fdeXdkD1MJJi0PP6bQ\=\= { padding: var(--spacing-small) var(--spacing-medium) var(--spacing-none); color: var(--content-secondary); } ._0zQw7cpOY-DJinR0tT\+gLA\=\= { display: flex; align-items: center; height: var(--size-xlarge); padding: var(--spacing-small) var(--spacing-medium); color: var(--content-primary-a); cursor: pointer; background-color: var(--elevation-high); &:focus-visible { outline: none; box-shadow: none; &[data-focused] { outline: none; box-shadow: none; } &[data-focus-visible] { outline: 4px solid var(--border-focus); background-color: var(--state-primary-a-hover); } } &[data-hovered="true"] { background-color: var(--background-secondary); } &[data-selected="true"] { background-color: var(--state-selected); } } ._1p4DsdBzOm9BvskY8KR6Fg\=\= { position: fixed; bottom: var(--spacing-xlarge); left: var(--spacing-xlarge); z-index: calc( var(--z-index-above) + 50 ); /* Higher z-index to ensure is visible on fullscreen modals */ width: 320px; /* Persistent fixed overlay: pass clicks through to the UI beneath; toasts re-enable below. */ pointer-events: none; transition: height 0.4s ease; } .VuXFdO7A-LkW985lops41A\=\= { position: absolute; bottom: 0; left: 0; width: 100%; pointer-events: auto; transform-origin: bottom center; } .RJKQTzj2G\+ZKx811Bk-oXA\=\= { box-sizing: border-box; width: 320px; padding: var(--spacing-medium) var(--spacing-medium-lg); color: var(--content-primary-b); white-space: normal; background-color: var(--background-primary); border-radius: var(--radius-medium); } .RatVI6iE8eIkQ4FZvnIeWw\=\= { display: flex; gap: var(--spacing-medium-sm); align-items: flex-start; } .sEW4aKtwwksC9qA53Kx\+rw\=\= { flex: 1; } .Mg5xUS-fOc\+J-k2i6b5CDw\=\= { display: flex; align-items: center; height: 24px; } .rLKi947nEqL\+fsAGUx1O0A\=\= { width: var(--size-medium-plus); height: var(--size-medium-plus); } .oGAeC7f4s5RQ04Enw-pkZA\=\= { width: 24px !important; height: 24px !important; margin-left: auto; color: inherit; } .tpvuXu6CiZ8fzWxXb9YBiA\=\= { color: var(--content-primary-b-static); background-color: var(--background-success-high); } .eomxPPKqxDoH0XNe59P-pg\=\= { background-color: var(--background-information-high); } .s2FZdk-5urXZAJa36ABDqg\=\= { color: var(--content-primary-b-static); background-color: var(--background-error-high); } .tgoi6Cfx7ZasfS9JNVIazA\=\= { fill: var(--content-primary-a); } .K2HwrdUNLpkEKTJPuxvMMQ\=\= { fill: var(--content-primary-a); } .bWCvpqfwd5MvDGoiico5yQ\=\= { fill: #013A51; } .TLtYnKkeE\+UeKHJ\+jK6UnQ\=\= { fill: #11ABEC; } .dark-theme { .bWCvpqfwd5MvDGoiico5yQ\=\=, .TLtYnKkeE\+UeKHJ\+jK6UnQ\=\= { fill: var(--content-primary-a); } } .lNmVXj64GjUjm7ztyRdphw\=\= { color: var(--content-secondary); } [data-invalid] .lNmVXj64GjUjm7ztyRdphw\=\= { display: none; } .kO7WAklkCw1F9AFVjxOEbQ\=\= { color: var(--content-error); text-align: left; } /* Keeps the always-present live-region span out of the field's flex layout so it adds no phantom `gap` when no error is rendered (announcement preserved). */ .CkrVXtP94yROXiX\+XvOoVw\=\= { display: contents; } .oaavnM5YYEFnBcyH1AQfLA\=\= { min-height: 44px; padding: var(--spacing-medium-sm); font-size: var(--body-standard-font-size); font-weight: var(--body-standard-font-weight); line-height: var(--body-standard-line-height); color: var(--content-primary-a); background-color: var(--background-field); border: none; border-radius: var(--radius-small); &::placeholder { line-height: var(--body-standard-line-height); color: var(--content-secondary); opacity: 1; } } .oaavnM5YYEFnBcyH1AQfLA\=\=[data-disabled] { color: var(--content-primary-a); cursor: not-allowed; opacity: 0.45; } .oaavnM5YYEFnBcyH1AQfLA\=\=[data-invalid] { outline: 1px solid var(--border-error); outline-offset: -1px; } .oaavnM5YYEFnBcyH1AQfLA\=\=[readonly] { cursor: not-allowed; outline: 1px solid var(--border-secondary); outline-offset: -1px; } .\+Jk2OLLH0sQxXfAYmsQeWw\=\= { color: var(--content-primary-a); text-align: left; } [data-disabled]:not([data-readonly="true"]) .\+Jk2OLLH0sQxXfAYmsQeWw\=\= { opacity: 0.45; } .x55BNXqi4ffdcSbYzNA7PA\=\= { display: flex; flex-direction: column; gap: 6px; } .SpTZRd6LqrjZzeKVXqt2TQ\=\= { position: relative; display: flex; align-items: center; } .SpTZRd6LqrjZzeKVXqt2TQ\=\= > input { flex: 1 0; } button._6Z4F80wPlKJ8F6Ts8PDTFA\=\= { position: absolute; right: 12px; display: flex; align-items: center; justify-content: center; min-width: var(--scale-300); min-height: var(--scale-300); padding: var(--spacing-none); color: var(--content-primary-a); cursor: pointer; outline: none; background: transparent; border: none; } button._6Z4F80wPlKJ8F6Ts8PDTFA\=\=:focus-visible { outline: none; border-radius: var(--radius-xsmall); box-shadow: 0 0 0 4px var(--border-focus); } .RmFm2ECRDW-AGIFg\+aaxQg\=\= { position: relative; box-sizing: content-box; display: inline-block; overflow: hidden; vertical-align: middle; background-image: url(/static/flags.c02addcf47e2b304dbfa.png?1); background-repeat: no-repeat; background-position: 60px 0; background-size: 100% 49494%; &.rd-8dXaMmkaFLaPoSa0AFQ\=\= { border-radius: 12.5% / 16.67%; } } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.eSW6K0ejJCCt4WDbIDh75g\=\= { background-position: center 25.279%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.QNjdNPOAI1cDIaUFXa8V-Q\=\= { background-position: center 33.4837%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.tyomo7e5k3ElhhaV3a08Uw\=\= { background-position: center 48.1159%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.JOmoQNWcI59gnCSlSnlIRg\=\= { background-position: center 25.5025%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.gRiZNaiZMxmJuMMXYOnVww\=\= { background-position: center 13.5307%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.CCzH1MuUYyZQMK1bLaM6Hg\=\= { background-position: center 13.309%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.J2\+\+hY7AEpjNEoiZh7p8bQ\=\= { background-position: center 33.25975%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.xhRKRV\+TrcW0BBEwzNqxQA\=\= { background-position: center 33.7054%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.GLpo1EmuenyIhT8YYcIOhQ\=\= { background-position: center 0.4524%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.ponqrHRU84cd6jqjkkqVSA\=\= { background-position: center 53.6584%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.BStJt3Z37oy7l4cI\+Md5yA\=\= { background-position: center 13.7524%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.\+jAO2SAtCeZ\+SQqr3eVSbA\=\= { background-position: right 48.5593%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.PkIi8cacguEVKO0w9reCgQ\=\= { background-position: center 33.9271%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=._8W0ID2R-95LvdniwwGZylg\=\= { background-position: center 48.781%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.tBB6j7dX8hmzUOmm97mppg\=\= { background-position: left 13.9741%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.GvVImNPSI07eJdneq-j1UQ\=\= { background-position: center 33.0403%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.CoLT\+3kz4zfxfg13kndO2w\=\= { background-position: center 25.7242%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.sDwTeraJIR9zyXMX31kpHA\=\= { background-position: center 34.5922%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.ZOWUv4zpJyBjBBOx9gp78A\=\= { background-position: center 14.4175%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.hcREi4G8p5FJmP3tRGZg9w\=\= { background-position: center 25.9459%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.Fssw7BKFVB1yI4\+JGk2JbQ\=\= { background-position: center 34.3705%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.T0ZU9bmIydiMuxte3IBnBQ\=\= { background-position: center 1.1162%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.A5MCpunMpvUjhFvEoyD0cw\=\= { background-position: center 34.8139%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.wom7m4vt5v5LsUOC0lqfuQ\=\= { background-position: center 45.0121%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.dYVRLhkRbLcFFWJv84JzuQ\=\= { background-position: center 1.3379%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=._9FDlqoudnwR\+Q6BGpM9naA\=\= { background-position: center 0.6721%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.UcDnLibg7bL1dS5R9Cneqg\=\= { background-position: center 22.6204%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=._4EbBf0KbWiWG-mCckcsUYw\=\= { background-position: center 15.0826%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.UFkPCZz-Ji0omiJYMsGFxw\=\= { background-position: center 26.3885%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.G5gN2Xo2zUFNU5qXCif5WQ\=\= { background-position: center 15.306%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.E4RwFFPHhQEYWkkwp3UoYQ\=\= { background-position: center 14.6415%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=._1psxja\+8wLcFqnUR4Y1P1Q\=\= { background-position: center 15.7496%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.CWpVhxBNoFsUGclRdvHBnA\=\= { background-position: left 14.1958%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.XGHoP13rWOXXVS6I-V\+K1Q\=\= { background-position: center 26.1676%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.\-4Ky\+WiQy4e\+2U6IT42EaA\=\= { background-position: center 35.7007%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.aRtX8BZr9m6KVgzVAeWo-g\=\= { background-position: center 0.8958%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.d2qmHMp-PErcoVh8Orq7WQ\=\= { background-position: left 34.1488%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.d9HyQMgeyl5xR-S6qyobdw\=\= { background-position: center 14.8609%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.TkhC9NhHRHwXmZ68-Ovltg\=\= { background-position: center 15.9694%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.zN1j2R59tzAblPZT6g5vOg\=\= { background-position: center 49.2244%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.FOeNlKIccTh8zQjiCdu-ow\=\= { background-position: left 2.4467%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.-A-XVlYtdbh5LcXdqVi5Mg\=\= { background-position: center 2.0047%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=._0euiodvGxYWWcxzV1tpzRw\=\= { background-position: center 8.4316%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.LKkzrCwzacUU78hcHq9Beg\=\= { background-color: #ee1719; background-position: center 43.9036%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.Ypht3E28j\+HXSQObg5DlqA\=\= { background-position: center 4.8844%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.TJwQs1zuViJIOZnqik77Fw\=\= { background-position: center 49.4445%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.TrGbibP4CL4jrfYwZWY8gg\=\= { background-position: left 16.4128%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.jiUOxMxOaXfgcQfGdo\+P7A\=\= { background-position: center 1.5589%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.R52HdvYY3-C35R2CaHTg1g\=\= { background-position: left 26.8327%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.C2RolwK-ogEUaNwO6u3oMw\=\= { background-position: left 16.6345%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.bLkIGK285cMQaE4Qy8lLSQ\=\= { background-position: center 17.0779%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.IWA-FkYqAq1J8c5M1KSPUg\=\= { background-position: left 17.2996%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.zRlVn7KQDP-edZ9IArwkow\=\= { background-position: center 1.7805%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.XvhIqrACY\+bgPaautwYdHA\=\= { background-position: center 17.5213%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.kJr9TupZ49DOUrCSZKGejQ\=\= { background-position: center 49.002%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.ofKyaMHeoiKR9YdznauGgQ\=\= { background-position: center 35.2555%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=._1IMzETdDH2RvbwK5YeDPKQ\=\= { background-position: left 35.479%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.w\+qX2E6QGSbuoOfjfGhuCw\=\= { background-position: center 36.8092%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.eN5fgKBupHGz06H-56WPHQ\=\= { background-position: left 2.6674%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.yUPcjZZuAWujC0kTSrOZRw\=\= { background-position: center 35.7007%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.xQKeg0HLUTm-YaOrhtWqiQ\=\= { background-position: center 17.743%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=._3X2oI5rkdWq9LCMnqAleeg\=\= { background-position: center 17.968%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.M-Re\+NXg\+igBEzyQafIqbQ\=\= { background-position: center 0.2287%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=._0UkxIyNF\+gomHHb-y89BZg\=\= { background-position: center 18.1864%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=._4g0mRsgLr4zMCQLvRhP8nw\=\= { background-position: center 35.9224%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.ngrg9ZhB7e5rZ43dQhdtVQ\=\= { background-position: center 2.8931%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.ChDa5\+-p3hNRRfcP\+hotYg\=\= { background-position: center 12.4222%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.wdrpno5rvtDUgXQXc\+c65A\=\= { background-position: left 3.3325%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.QMQNXaOv4WWCbzw\+8-ZgTA\=\= { background-position: left 43.4602%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.x1Q7D4NB30A1qCCrELnNuQ\=\= { background-position: center 3.5542%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.WN6FHnd389dvUmieicLBuw\=\= { background-position: center 53.875%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.ghheKdz01fZa1bbXI1sULw\=\= { background-position: center 36.3658%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.ladBxKziOezkYhPSfxhFxw\=\= { background-position: center 49.6678%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.IRsy3NsebALTF14q0\+jJOQ\=\= { background-position: center 18.6298%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.J9eoZPvnQPrfyV5bGZaC6A\=\= { background-position: center 50.7763%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.sUvC1NS-ot-Jv4zOd-R4wQ\=\= { background-position: center 36.1441%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.xRTRYFLZX7hwLb\+QXwf0nQ\=\= { background-position: center 36.5875%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.kdxK747jh9Bwemj6whqvFw\=\= { background-position: center 3.7759%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.nI8xduYZR3qY8JTwgSBxUg\=\= { background-position: center 44.5687%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.RNfYZcfSfIsVIMJBl0go8Q\=\= { background-position: center 19.2987%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.yZqfprdZnN9AakmItpI3Og\=\= { background-position: center 27.0544%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=._69zBo9duejX6W3b5XHuv7g\=\= { background-position: center 18.8515%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=._6n5wC7hfgxN1oZ5uKokX8A\=\= { background-position: center 37.4743%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.Z9UcTQGk\+Y-q8jv6pp9lRQ\=\= { background-position: center 4.2229%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.aRMgGh5hjBKTwUIicfTsLg\=\= { background-position: center 37.0309%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.pwBmTCbklShnskILMd6nYA\=\= { background-position: left 19.0732%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.SczzAJ728ayAER8R4nb9Yg\=\= { background-position: center 4.0015%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.mHt64orVqyouoQ90wA4y9w\=\= { background-position: center 4.441%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.\+EA4izZaXGdJlgU3sZJkmA\=\= { background-position: center 19.518%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.m4885AAhvE9xelFhIO3XWA\=\= { background-position: center 3.1125%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.GrXbtyocSudYxrYVqvoIkw\=\= { background-position: left 37.2526%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=._0gpNY0OZ2ofN9gllzrqeng\=\= { background-position: center 19.7383%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.yyF8BIbJTkniFJPZ64IrjA\=\= { background-position: center 50.1112%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.azi7OF20ofuQTfHNIHrxnQ\=\= { background-position: left 4.66663%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.zAW3FlhCFmNTMiLK0gXqgw\=\= { background-position: center 19.96%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.Xpm8e13-efWXL0HKDsd8HQ\=\= { background-position: center 27.2761%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.oaSVMFBwGNet9ncaG2UarA\=\= { background-position: center 48.781%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=._4d6pfHG\+mhq\+nrxLu05hAw\=\= { background-position: center 20.4034%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.NtL05xLStw-GJMAPX7kclg\=\= { background-position: center 35.0356%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.cDcON\+j-8FkwO6uLlVJbtg\=\= { background-position: center 20.1817%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.niKPdZSnVXSAw4x3UJ-oVw\=\= { background-position: center 37.696%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.UzBYs2FgChNANxAYKARqmA\=\= { background-position: center 27.7195%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.esKV1ubmvi93SI\+8B-erfQ\=\= { background-position: center 38.1394%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=._3i19Nyc7ScKi0i3N1SQxSg\=\= { background-position: center 45.6772%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.ohf9tVuY28JYon1wTmCAgw\=\= { background-position: center 38.3611%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=._1IptbA8yjHgD\+fZr86PECw\=\= { background-position: center 27.4978%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.CSx-gmAA31df1wxqrwTxNA\=\= { background-position: center 45.4555%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.GDo-L1FADEwSwRBEvJzBow\=\= { background-position: center 45.2338%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.bjkId1JWud43DcWSNz-7ww\=\= { background-position: center 37.9177%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.ru7dJbsMczGmsOVKR3PYOw\=\= { background-position: center 38.5828%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.Mrm0qib6KZbb\+T5RFBxW0Q\=\= { background-position: center 38.8045%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.egBEyZwjPSfgKeh9wVwOrA\=\= { background-position: center 20.6241%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=._0AGhgzucUmMzLJolueKa\+Q\=\= { background-position: left 46.1206%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.UXAU9DrY1ZL11ygwGY46yg\=\= { background-position: center 27.9412%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.-NhKZz\+8vibyEFM\+q5gR0Q\=\= { background-position: center 5.1061%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.d\+lA4UiIWwgrnaZtaU319w\=\= { background-position: center 46.3423%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.CXqRFjBVb2ehDrrjCxj\+bg\=\= { background-position: center 26.611%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=._9NNAFwEc4s-BRtK\+RI8DKw\=\= { background-position: center 50.3329%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.WgPPoTzwdq1dykh1-2GtGQ\=\= { background-position: center 16.8562%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.aFHjqVGoEQ9hBWetQGYsMg\=\= { background-position: center 22.8421%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=._4EZL3G1GhNT3kGVNowuUEw\=\= { background-position: left 29.9365%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.mgLZzUtQbckBsD4RPuwgWA\=\= { background-position: center 31.2667%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.PL3dSpVBK31A1MRboslE9g\=\= { background-position: left 45.897%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.DzMQRwK6GVNAa884tu0XZw\=\= { background-position: center 16.1911%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.-wANfngKTIsoEasVtH1tEg\=\= { background-position: center 28.1615%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.mKfpbHUaG3WN3dsZpQmXFw\=\= { background-position: center 28.3846%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.KqzoCtkvqDdZMckBp7bbMg\=\= { background-position: center 46.561%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.faU6RZSCkJSiFkGXXX2bmA\=\= { background-position: center 23.0638%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.pwloNAgm8GxHRLm9rYWJjg\=\= { background-position: left 39.4696%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=._35SDKY6Okec9wFJU2Vp5oA\=\= { background-position: right 31.4884%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.E1G-ol09ysIWwiN4ZVYWqg\=\= { background-position: left 5.5495%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.ruF8C5xGbKtZQ5HgbkRZ4A\=\= { background-position: center 5.3298%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.sNA3zJq62LUk2vL5eW79aA\=\= { background-position: center 39.6913%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.ktt1P-1R1lRMVHt1KJ6F\+A\=\= { background-position: center 39.913%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.\+6sdkeBRokhW34eV7Sqbvg\=\= { background-position: center 39.2479%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=._0Ty1\+8pZma\+JYHXB3Pvc0Q\=\= { background-position: center 5.7712%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.pHpkqVr7TGmcoALK7LhlZg\=\= { background-position: center 7.3231%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.sjm2dDrCrX5OidE5f3-AAg\=\= { background-position: center 40.5781%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=._3PzCM0QcH57PO9xlT2xhwQ\=\= { background-position: center 40.3564%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.E9y\+bUF4LCvFp5\+DNVelxw\=\= { background-position: center 40.7998%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.Qa9wTF-c1isuG0XXnquJvw\=\= { background-position: center 36.5875%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.Ib7mmScUDgLjzMYOHyQAPg\=\= { background-position: center 5.994%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.ALZTPhHeIQa39SyIPakG-w\=\= { background-position: left 50.5546%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.T6ZBpylsya2v-othcq2eIQ\=\= { background-position: center 41.2432%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.mmPZjiYnB2hMkN17RGv-\+A\=\= { background-position: center 6.4363%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.x2hGwsAOPvITsRog-E7QqQ\=\= { background-position: center 29.4931%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.z-qVV8baNm145crnP4H11w\=\= { background-position: left 29.2714%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.nF01VScXXPgqJSn-d26NnA\=\= { background-position: center 28.6063%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.oXV7UN9IOFs0mLeL2UGVFA\=\= { background-position: center 30.1582%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.i6gMPfdcxLo2gl0OBTTJEA\=\= { background-position: center 20.8468%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.I1rHIGz7oBNbBcQo1G7\+xQ\=\= { background-position: center 6.658%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.vilB1os00QvZfTq8wqVZiQ\=\= { background-position: center 21.2902%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.Swp0w3TJEURpPy-WY-q8Xw\=\= { background-position: left 40.1347%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.vhRhsMs7Oj1VhO0WmXa3UQ\=\= { background-position: center 6.8805%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.Z7tfidIBTot76zWz6BaCAQ\=\= { background-position: center 29.0497%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.ZPAoLIMuZz6TetKR6i4bQA\=\= { background-position: center 6.2156%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=._8XUiWwYXjENSpPtFzAdo9A\=\= { background-position: center 21.0685%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.Atj5F6N6g4sEkEixFVSmeA\=\= { background-position: center 28.829%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.OHMy7RhfgDoSQYh5mhcI5Q\=\= { background-position: left 7.5448%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.hjBNwTXgJOHMnjciBrTL5Q\=\= { background-position: left 7.7661%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.uV1kyY16yqdqq1keoRAKDw\=\= { background-position: center 50.998%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.R44VeI1LTKjRCp6a6SNY2g\=\= { background-position: center 7.98937%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=._89fLt39STvrd\+lKowvYcgA\=\= { background-position: center 51.8848%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.mEUQwy9id75M7xCRKGcV7A\=\= { background-position: center 8.2099%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=._16gfMasPQpivuGXSTIpsZQ\=\= { background-position: center 21.5119%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.tDczNTYovkpPBK5U4VdIMw\=\= { background-position: center 41.0215%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.T3t-PfRH\+MebYU7YT4ndzw\=\= { background-position: center 41.4649%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.DEI8uyTx0xFynMUWqzVPvg\=\= { background-position: left 29.7148%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.NlU0cfq5b\+eFReQTDkja7w\=\= { background-position: left 51.4414%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.VKBgSHt2fbiXKeRngXx0jw\=\= { background-position: center 51.6631%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.Zvpk0GKVXq06uQARoQ-SEQ\=\= { background-position: center 51.2197%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=._5B8UFnD7VG07A4IdaMH4JA\=\= { background-position: left 46.7857%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.k4q0I7JEmr19FidA9biFjQ\=\= { background-position: center 21.7336%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.\+n4HiqRUXx3kF6dpa27kHw\=\= { background-position: center 22.177%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.WleAQetr3U1vTRNWoMcOlw\=\= { background-position: center 49.8895%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=._4ONExeqVSa4-vt9Q2z8KFQ\=\= { background-position: center 30.6016%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.ptoDfvFiCJ6Ou-43vy6RDg\=\= { background-position: left 30.8233%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.eicTbMkEcjrb-2\+-a8KelQ\=\= { background-position: center 47.0074%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.HPQJWOMq9YBQ4UvyjtgxCw\=\= { background-position: center 41.6866%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.ky3fZnb-kaDZH-iB6B\+SnA\=\= { background-position: center 23.2855%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=._7xl5BR5RvJJjsIxfedU2tA\=\= { background-position: left 22.4002%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.xz418hpInw13kaUBF53fyw\=\= { background-position: center 47.2291%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.IUN489rW\+qAQtkdqZMBMCQ\=\= { background-position: center 41.9083%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=._5XpUnBtE-gaCqsZhw1xEMw\=\= { background-position: center 30.3799%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.s8KSxrRibNulQB7LFuBvLw\=\= { background-position: center 21.9553%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=._5VSf6fT34iCmoItUmV9F7w\=\= { background-position: center 47.4508%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.KiYIdup8EzQMhBHMruzTPw\=\= { background-position: center 8.6533%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.M7Y0tZFmhgW2Y2sab9-tmg\=\= { background-position: center 42.13%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.Wo2OjNI4wCk0dhoY0zk-xw\=\= { background-position: center 42.7951%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.mDkvCs7l\+9TkAdqwqvrAng\=\= { background-position: center 42.3517%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=._1q1jGCgoEAsXAVCf67zoBQ\=\= { background-position: right 8.875%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.ja-38Jm74tTK-nwCjru2dw\=\= { background-position: center 47.6725%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.eQoYsSZjkwtYFsbRcmAmjg\=\= { background-position: left 52.3282%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=._9HDTCE54g7\+BYlJM1HP4oQ\=\= { background-position: left 9.7628%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=._89760NRbSkP8iAplhcwvaw\=\= { background-position: center 10.8703%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.BXMubOTJKUsbI5Cfmv67nw\=\= { background-position: center 43.6819%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.oH1FbtA2TdbY8LLTSctkyQ\=\= { background-position: left 31.045%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.OGkzzKcU2AqhF0Iz0Oaeeg\=\= { background-position: center 9.0967%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.h0\+aW1IFOaLCVU9NE3D\+pw\=\= { background-position: center 43.2385%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.vZ-WMBMyfM2HY5p2VvKNNg\=\= { background-position: center 41.4649%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.gqztP09hlRw2lBFrvnspVg\=\= { background-position: center 43.0168%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.R1xzMpJya7sKEdOQEiDFSw\=\= { background-position: center 9.9845%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.LqRgtYWCnL-vJoXfBo5Vuw\=\= { background-position: center 42.5734%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.DbUbw9-g-EBkFvVfMEsbKQ\=\= { background-position: center 9.5426%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.tZdcXar54gEHcP7y3OVr9A\=\= { background-position: center 10.2052%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.JPllzk4UF9kxu3dAH336Pg\=\= { background-position: center 11.0945%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.eFogh5Sw8Q3JOpN7Fer5Iw\=\= { background-position: left 10.6486%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=._5DurX4kNSjqepz3OKKCL5A\=\= { background-position: center 9.32237%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.zLwnpRZS3\+stXHFKhZAkHQ\=\= { background-position: center 18.4081%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.TmPuFgagE3iNOTUVg0C3yg\=\= { background-position: left 23.732%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=._5VIrtkmcj5Ym5n0-zos0QQ\=\= { background-position: center 47.8942%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.oBjImLZyzMb\+1bWlNtdpHw\=\= { background-position: center 11.3135%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.IMWU9KodAUIrjgCn8Hh41A\=\= { background-position: center 24.1723%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=._6fVmMsC3hRMVr-Qv8MOjIg\=\= { background-position: center 2.2247%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.Wl9Haf0\+5B7JIopIvibQqA\=\= { background-position: center 36.5875%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.dVjJL0WB\+AjPBXZqLwZKrA\=\= { background-position: left 11.5354%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.AprAn53a4iuJdSJQnqJwiQ\=\= { background-position: center 32.1535%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.q6ivVHTvtqEuNEfWFPzwRw\=\= { background-position: center 31.9318%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.lcpwldOlI00sUwguiOg9JQ\=\= { background-position: center 52.5499%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=._8WNoH3xer6uoBfMTRMFDMQ\=\= { background-position: left 32.3752%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.DsiCw\+33fj9SyB8E0ziiiQ\=\= { background-position: center 32.5969%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.h\+SkLfrbjgIzLDatkLIZqQ\=\= { background-position: center 11.7593%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=._1I9UJw4pfMpzccYyGAmDcA\=\= { background-position: left 52.7716%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.yKD9cQnUkN80uoGzwuo\+hQ\=\= { background-position: center 44.1253%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.amqm-MbScMisFhI3aTCqVw\=\= { background-position: center 23.9506%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.oCAOOlyCJ3J7oycgtb0zIg\=\= { background-position: center 52.9933%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=._9XiVrm\+8eVBdbyFMA3aoOw\=\= { background-position: left 31.7101%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.MwHue7tckjueFGZZ9EJ2BQ\=\= { background-position: center 12.2005%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.JovsxokiWjDS\+GF6TeAncw\=\= { background-position: center 44.347%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.XGR9d6LY44naovrVTwZzXQ\=\= { background-position: center 11.9799%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.Cr8TqZdHaz2NVtgVtRjutg\=\= { background-position: center 24.392%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.sqYs\+ouRAhWxylNOESyIPQ\=\= { background-position: center 54.54%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=._2NtXndNOshsEioEA05D5kw\=\= { background-position: center 24.392%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.ZSuHMbRuabFFmbq7zn2MfQ\=\= { background-position: left 24.8374%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.ZGwCOc5ruedodWbPEfEsXw\=\= { background-position: left 48.3376%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.g4f8N-hG110swx7ifvE\+Fg\=\= { background-position: right 44.7904%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.ykPo-Mg5X8o\+3VOixBvFkw\=\= { background-position: center 23.5072%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=._7MiU-iaNbKGnduVOQwM23w\=\= { background-position: center 25.0591%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.MmE1DS0OPTTrwPinkHnJxA\=\= { background-position: center 15.528%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.Cq9wZsm5T9SmCng2C0Gisw\=\= { background-position: center 24.6157%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.ba3gniCmPptxxvN5RGiiyA\=\= { background-position: center 32.8186%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.AzqUMUZGMqcyF-plRVm1xA\=\= { background-position: left 53.215%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.vQn4FDSuaKEjNkSJbd7qAw\=\= { background-position: center 53.4385%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.Lhbo1UrO-lka6qeH9TIZwQ\=\= { background-position: left 52.1065%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.HRkLVGs8Xl7oPYw\+HK8FuA\=\= { background-position: center 39.0262%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.Junt7t\+Nvd2bFVTx2RS7zQ\=\= { background-position: center 12.644%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.EoLM0chg0fhDGg7LHTN2AA\=\= { background-position: center 7.1038%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.BZkAmKUI-PCKSKvRI8uhNg\=\= { background-position: left 10.4269%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.NHdsPD0QNEaeZLrlUwv35Q\=\= { background-position: center 12.8664%; } .RmFm2ECRDW-AGIFg\+aaxQg\=\=.f\+EOHrNnxDp2bdAu4XYkXg\=\= { background-position: left 13.0873%; } .Lr9dZ-NWNo8lIeqDGVgPNA\=\= { --bg-color: transparent; --border-color: var(--border-secondary); display: block; } ._79wtAj3POF9UIVgXWdesag\=\= { display: flex; flex-direction: column; color: var(--content-primary-a); } .nHwdODjUb-MNz9Mk3ikJxA\=\= { box-sizing: border-box; display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width: var(--size-medium); min-width: var(--size-medium); height: var(--size-medium); padding: var(--spacing-none); overflow: hidden; vertical-align: text-top; color: var(--content-primary-b); background-color: var(--bg-color); border: 1px solid var(--border-color); border-radius: var(--radius-xsmall); transition: all 200ms; } .chQi052QKV8qTPQce6223A\=\= { margin-top: 2px; } .Lr9dZ-NWNo8lIeqDGVgPNA\=\=:hover .nHwdODjUb-MNz9Mk3ikJxA\=\=::after { --overlay-opacity: var(--hover-opacity); } .Lr9dZ-NWNo8lIeqDGVgPNA\=\= .nHwdODjUb-MNz9Mk3ikJxA\=\=:active::after { --overlay-opacity: var(--pressed-opacity); } .Lr9dZ-NWNo8lIeqDGVgPNA\=\=:active .nHwdODjUb-MNz9Mk3ikJxA\=\=::after { --overlay-opacity: var(--pressed-opacity); } .nHwdODjUb-MNz9Mk3ikJxA\=\= svg { width: var(--size-small); height: var(--size-small); } .Lr9dZ-NWNo8lIeqDGVgPNA\=\=[data-selected] .nHwdODjUb-MNz9Mk3ikJxA\=\=, .Lr9dZ-NWNo8lIeqDGVgPNA\=\=[data-indeterminate] .nHwdODjUb-MNz9Mk3ikJxA\=\= { --bg-color: var(--background-primary); border: none; } .Lr9dZ-NWNo8lIeqDGVgPNA\=\=[data-disabled], .Lr9dZ-NWNo8lIeqDGVgPNA\=\=[data-disabled] .nHwdODjUb-MNz9Mk3ikJxA\=\=, .Lr9dZ-NWNo8lIeqDGVgPNA\=\=[data-disabled] .Lr9dZ-NWNo8lIeqDGVgPNA\=\=, .Lr9dZ-NWNo8lIeqDGVgPNA\=\=[data-disabled] ._79wtAj3POF9UIVgXWdesag\=\= { cursor: not-allowed; } .Lr9dZ-NWNo8lIeqDGVgPNA\=\=[data-disabled] ._79wtAj3POF9UIVgXWdesag\=\= { color: var(--content-secondary); } .Lr9dZ-NWNo8lIeqDGVgPNA\=\=[data-disabled] .nHwdODjUb-MNz9Mk3ikJxA\=\=::after { --overlay-primary-a-color: var(--primary-white); --overlay-opacity: var(--disabled-opacity); top: -1px; left: -1px; width: 115%; height: 115%; background-color: var(--background-tertiary); border-radius: var(--radius-xsmall); } .Lr9dZ-NWNo8lIeqDGVgPNA\=\=[data-focus-visible] .nHwdODjUb-MNz9Mk3ikJxA\=\= { outline: none; box-shadow: 0 0 0 4px var(--border-focus); } .Lr9dZ-NWNo8lIeqDGVgPNA\=\=[data-invalid] .nHwdODjUb-MNz9Mk3ikJxA\=\= { --border-color: var(--border-error); } .dVhpKE\+XefXyx9XLLTIuWQ\=\=[data-invalid] ._79wtAj3POF9UIVgXWdesag\=\= { color: var(--content-error); } .Lr9dZ-NWNo8lIeqDGVgPNA\=\=[data-invalid][data-selected] .nHwdODjUb-MNz9Mk3ikJxA\=\=, .Lr9dZ-NWNo8lIeqDGVgPNA\=\=[data-invalid][data-indeterminate] .nHwdODjUb-MNz9Mk3ikJxA\=\= { --bg-color: var(--background-error-high); } .TvzQNUxS2t7YrkQmYA4Hlg\=\= { display: flex; flex-direction: column; cursor: pointer; } .SCqS1NyTQL0Hvxg2atuoOw\=\= { display: flex; } .NvL1nQD5LhSkUcPRRGTWzA\=\= { display: flex; flex-direction: column; margin-left: var(--spacing-small); } ._3Jlzvyv48n3VNadUXfuaMA\=\= { color: var(--content-secondary); } .ErGhMOxoUG-uNyPr7pz3BQ\=\= { display: flex; gap: var(--spacing-small); align-items: flex-start; margin-left: var(--spacing-large); font-size: var(--body-standard-font-size); font-weight: var(--body-standard-font-weight); color: var(--content-error); } ._1smkTFKVJtdIUD\+WgQnaBQ\=\= { line-height: var(--body-standard-line-height); } .ErGhMOxoUG-uNyPr7pz3BQ\=\= svg { flex-shrink: 0; } .mG8DeWSsh3nYvWAG7XW5Ug\=\= { position: relative; display: flex; align-items: center; width: 100%; height: var(--size-xlarge); padding: var(--spacing-small) var(--spacing-medium); color: var(--content-primary-a); cursor: pointer; background: transparent; border: none; box-shadow: none; &::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; content: ""; background-color: var(--overlay-primary-a-color); opacity: var(--overlay-opacity); } &[aria-selected="true"] { background-color: var(--state-selected); } &:hover::after, &:active::after { --overlay-opacity: var(--hover-opacity); } &[disabled], &[aria-disabled="true"] { cursor: not-allowed; & > * { opacity: var(--disabled-opacity); } &:hover::after, &:active::after { --overlay-opacity: 0; } } &[data-focus-visible] { background-color: var(--state-primary-a-pressed); } } .FAuhrWhTV6Uo6W5437qTjg\=\= { display: none; /* Hidden by default */ margin-right: var(--spacing-small); pointer-events: none; } /* Show checkbox only when parent has data-selection-mode="multiple" */ .mG8DeWSsh3nYvWAG7XW5Ug\=\=[data-selection-mode="multiple"] .FAuhrWhTV6Uo6W5437qTjg\=\= { display: inline-flex; } .ffsUEJgaukX1dk\+80Nfn\+g\=\= { display: flex; flex: 1; align-items: center; overflow: hidden; text-overflow: ellipsis; text-align: left; white-space: nowrap; } .f0ly6yjXrppd-M56VO\+PuQ\=\=, .WHHR600O46WnTqg8uucGUQ\=\= { display: flex; flex-shrink: 0; align-items: center; } .f0ly6yjXrppd-M56VO\+PuQ\=\= { margin-right: var(--spacing-medium-sm); } .WHHR600O46WnTqg8uucGUQ\=\= { margin-left: var(--spacing-medium); } .V2jo0bbcVIucWrErgBy7ug\=\= { --border-color: var(--background-primary); --knob-color: var(--background-primary); display: flex; gap: var(--spacing-small); align-items: center; color: var(--content-primary-a); forced-color-adjust: none; &::before { box-sizing: border-box; display: block; flex-shrink: 0; width: var(--size-medium); height: var(--size-medium); content: ""; border: 1px solid var(--border-color); border-radius: var(--radius-round); transition: all 200ms; } &[data-pressed]::before, &[data-selected]::before { background: radial-gradient(circle at center, var(--knob-color) 40%, transparent 40%); border-color: var(--knob-color); } &[data-focus-visible]::before { box-shadow: 0 0 0 4px var(--border-focus); } &:hover { cursor: pointer; &::before { background-color: var(--state-primary-a-hover); } } &[data-disabled] { color: var(--content-secondary); cursor: not-allowed; &::before { opacity: 0.45; } &:hover { &::before { background-color: var(--state-primary-a); } } } } @keyframes _8Ep8t8pgDwaDZMJzxYwsTQ\=\= { from { opacity: 0; transform: scale(0.98) translate(var(--tooltip-tx, 0), var(--tooltip-ty, 0)); } to { opacity: 1; transform: scale(1) translate(0, 0); } } @keyframes DzRaZ8KqBlh8IjWIpE4u7g\=\= { from { opacity: 1; transform: scale(1) translate(0, 0); } to { opacity: 0; transform: scale(0.98) translate(var(--tooltip-tx, 0), var(--tooltip-ty, 0)); } } .r1Fy6XCafRz-Q599\+CsDaw\=\= { max-width: 304px; padding: var(--spacing-small) var(--spacing-medium-sm); color: var(--content-primary-b); overflow-wrap: break-word; background-color: var(--background-primary); border-radius: var(--radius-small); animation: _8Ep8t8pgDwaDZMJzxYwsTQ\=\= 50ms cubic-bezier(0.4, 0, 0.2, 1); &[data-exiting] { animation: DzRaZ8KqBlh8IjWIpE4u7g\=\= 80ms ease; } &[data-placement="bottom"] { --tooltip-ty: -6px; } &[data-placement="top"] { --tooltip-ty: 6px; } &[data-placement="right"] { --tooltip-tx: -6px; } &[data-placement="left"] { --tooltip-tx: 6px; } } .HvePuOucfrLOi7nCkon2yg\=\= { all: unset; position: relative; display: flex; /* Padding grows the clickable box to the 24x24 target-size minimum (WCAG rule * 2.5.8); the matching negative margin keeps the visible icon in place. */ padding: var(--spacing-xsmall); margin: calc(var(--spacing-xsmall) * -1); cursor: pointer; &::after { content: none; } } :root { --radio-size: 16px; } .JTyy5qQpPE4iuFCif9kabA\=\= { display: flex; flex-direction: column; gap: var(--spacing-small); font-size: var(--body-standard-font-size); color: var(--content-primary-a); .DaAUxuvnF7YimA9\+oXd6Cg\=\= { display: flex; align-items: center; line-height: 24px; color: var(--content-error); } ._6J1Gpiy2ywM4zxM7WtM\+kw\=\= { padding: var(--spacing-none); color: var(--content-secondary); background: none; border: none; } } ._7T2Qizgz3XEHN1Mn8UT07g\=\= { position: relative; display: flex; flex-direction: row; align-items: center; } .Pyg\+ElU3d0H8-RCr3B5cqg\=\= { display: flex; align-items: center; } ._3NCtzj7-gAAh4h1R8CDVjw\=\= { position: absolute; margin-left: var(--spacing-medium-sm); color: var(--content-primary-a); pointer-events: none; } .LM0Nvcos5qlUjLfDQvixrg\=\= { width: 100%; padding-left: 36px; pointer-events: all; background-color: var(--background-field); } .LM0Nvcos5qlUjLfDQvixrg\=\=::-webkit-search-cancel-button { -webkit-appearance: none; } ._7T2Qizgz3XEHN1Mn8UT07g\=\=[data-empty="true"] .AwfdC5c2Fy6AFLD\+HOfNzw\=\= { display: none; } .LM0Nvcos5qlUjLfDQvixrg\=\=.LyaqxkDSn5oQPvQpeCCKYg\=\= { height: var(--size-large); padding: var(--spacing-none) 36px; line-height: 40px; } .AwfdC5c2Fy6AFLD\+HOfNzw\=\= { position: absolute; right: 2px; svg path { fill: var(--content-tertiary); } } .ZBi3nvW-YvBpc4thTthkqg\=\= { position: absolute; right: 35px; } .P8h\+wsY9bx9xF5aq9adnZQ\=\= { height: 1px; margin: 5px var(--spacing-none) 6px; border-bottom: 1px solid var(--border-tertiary); } ._7JoaRbN7HFg9nMttAMITlQ\=\= { padding: var(--spacing-none) var(--spacing-medium); color: var(--content-secondary); } ._3QlXbqAeXv7fBu9RY71vAA\=\= { padding: var(--spacing-medium-sm); font-size: var(--body-standard-font-size); font-weight: var(--body-standard-font-weight); line-height: var(--body-standard-line-height); color: var(--content-primary-a); background-color: var(--background-field); border: none; border-radius: var(--radius-small); transition: border-color 0.5s; &::placeholder { line-height: var(--body-standard-line-height); color: var(--content-tertiary); opacity: 1; } &:not(._0NXzOKzZ\+ucys1gj8dOjaw\=\=)._3QlXbqAeXv7fBu9RY71vAA\=\=[data-disabled] { cursor: not-allowed; background-color: var(--state-disabled); opacity: 0.45; } &._0NXzOKzZ\+ucys1gj8dOjaw\=\= { cursor: default; outline: 1px solid var(--border-secondary); outline-offset: -1px; } /* Hover overlay: a semi-transparent layer on top of the trigger so the hover tint combines with the field background instead of replacing it. */ &::after { position: absolute; inset: 0; pointer-events: none; content: ""; border-radius: inherit; } &:not([data-disabled], [data-readonly="true"])[data-hovered]::after { background-color: var(--state-primary-a-hover); } } [data-invalid="true"] ._3QlXbqAeXv7fBu9RY71vAA\=\= { outline: 1px solid var(--border-error); outline-offset: -1px; } ._3QlXbqAeXv7fBu9RY71vAA\=\=[data-pressed] { border-color: var(--border-selected); box-shadow: 0 0 0 4px var(--border-focus); } ._3QlXbqAeXv7fBu9RY71vAA\=\=[data-focused] { border-color: var(--border-selected); box-shadow: 0 0 0 4px var(--border-focus); } .QIwb5W3RvjMmxhfClBReSQ\=\= { overflow: auto; color: var(--primary-content-a); background-color: var(--elevation-high); border-radius: var(--radius-medium); box-shadow: var(--shadow-high); } ._631DSrBSQ5E4qDx0V5kM2g\=\= { display: flex; flex-direction: column; gap: 6px; } ._4lUWxPrQylmnvABsai7QWA\=\= { display: flex; gap: var(--spacing-small); align-items: center; } .CSJEPmwtUsCkh3k0GlNxxQ\=\= { display: block; width: var(--size-medium-small); height: var(--size-medium-small); color: var(--content-secondary); } .NDNEQLI06z8yv-Wi4XLfuw\=\= { position: relative; display: flex; width: 100%; } .CfunxQSya9igoOoXmFtIQA\=\= { position: relative; display: flex; flex: 1; gap: var(--spacing-small); align-items: center; min-width: var(--size-none); } .lYLC7iE5rb4L3kLKGIJMKw\=\= { padding-right: var(--size-large); } .CfunxQSya9igoOoXmFtIQA\=\= > .Tjzjg9n18WY3Mw1QDOJu1Q\=\= { display: flex; flex: 1 0; align-items: center; overflow: hidden; text-overflow: ellipsis; text-align: left; white-space: nowrap; &[data-placeholder="true"] { color: var(--content-secondary); } } .CfunxQSya9igoOoXmFtIQA\=\= svg { flex-shrink: 0; pointer-events: none; &._2xpB5f85WZtlOxCXzO\+LDg\=\= { opacity: 0.45; } } .IiOGIA0FVi\+z\+Ghi8anDmA\=\= { display: flex; flex-direction: column; width: var(--trigger-width); min-width: 208px; /* * The base .popover sets overflow:auto. Only the option list may scroll, otherwise on a * short viewport the popover itself scrolls and takes the search field off-screen with it. */ overflow: hidden; &:not(._67wbGtlnSQmiq0RQnjRutA\=\=) { width: auto; max-width: 360px; } } /* * min-height:0 is load-bearing: it lets this list shrink below its own max-height inside * the popover's runtime inline max-height (react-aria sizes the popover to the * trigger-to-viewport gap), so the list scrolls to fit short viewports. No min() is needed * — flex-shrink does the clamping. * * --select-max-height is measured and published by useVisibleRowsCap, because CSS cannot sum * the heights of the first N children. The fallback keeps first paint and virtualized mode * (which requires a uniform row height) bounded arithmetically. The list's own padding is * part of the value: max-height is border-box. */ .KIF7LQAxFhTEEZNT7GclFQ\=\= { --select-visible-rows: 7; --select-row-height: var(--size-xlarge); flex: 0 1 auto; min-height: var(--size-none); max-height: var( --select-max-height, calc(var(--select-visible-rows) * var(--select-row-height) + var(--spacing-small) * 2) ); padding: var(--spacing-small) var(--spacing-none); overflow-y: auto; overscroll-behavior: contain; } ._98eQCTPI1L9gmMh2X-1hNA\=\= { background-color: var(--elevation-high); border: none; border-bottom: 1px solid var(--border-tertiary); border-radius: var(--radius-none); &:focus-visible { border-bottom: 1px solid var(--border-tertiary); box-shadow: none; } } .LJFC-VvhDWLk71y7Q\+ykWg\=\= { flex-shrink: 0; } .IX-VnIYHFb6ED-dbpNkZiA\=\= { position: relative; width: 100%; height: var(--size-xlarge); padding: var(--spacing-small) var(--spacing-medium); overflow: hidden; text-overflow: ellipsis; color: var(--content-primary-a); white-space: nowrap; &::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; content: ""; background-color: var(--overlay-primary-a-color); opacity: var(--overlay-opacity); } } ._8rmM3S\+8eUKd4fN9t63AnA\=\= { position: absolute; top: 50%; right: 2px; transform: translateY(-50%); } .DxWj4rxiixp1OIKeyHvx-Q\=\= { display: flex; flex-direction: column; gap: var(--spacing-small); } ._9EhY4dNHEYGpoNtfmZIhuw\=\= { display: flex; flex-direction: column; gap: var(--spacing-small); } ._8fbBOCv5tuIbyousFPreDA\=\= { display: flex; flex-direction: column; gap: var(--spacing-small); margin-top: var(--spacing-small); } .RTUOIJK55fYo9l04HVslqQ\=\= { display: flex; align-items: center; gap: var(--spacing-medium-sm); } .LfRLsAItV-uM2iudb86XYQ\=\= { display: flex; align-items: flex-start; } ._7RUuity0hqhVU1OECAFj8A\=\= { max-width: 504px; padding: var(--spacing-medium); border-radius: var(--radius-medium); } ._20zqtlWYAXbMnZPdT4N6hQ\=\= { max-width: none; } ._6OC9A-97VUkXk6hb8nZWWw\=\= { display: flex; align-self: flex-start; margin: var(--spacing-xsmall) var(--spacing-small) var(--spacing-none) var(--spacing-none); } ._6OC9A-97VUkXk6hb8nZWWw\=\= > svg { width: var(--size-medium-small); height: var(--size-medium-small); } ._7RUuity0hqhVU1OECAFj8A\=\= ._6OC9A-97VUkXk6hb8nZWWw\=\= { align-items: center; align-self: flex-start; height: var(--body-standard-line-height); margin: var(--spacing-none) var(--spacing-small) var(--spacing-none) var(--spacing-none); } ._7RUuity0hqhVU1OECAFj8A\=\= ._6OC9A-97VUkXk6hb8nZWWw\=\= > svg { width: var(--size-medium); height: var(--size-medium); } ._6OC9A-97VUkXk6hb8nZWWw\=\=.HWYtp1ZPEt9PvYIUzaEkfQ\=\= svg path, .HWYtp1ZPEt9PvYIUzaEkfQ\=\= svg path { fill: var(--content-error); } ._6OC9A-97VUkXk6hb8nZWWw\=\=._4ptbKWu24zc\+X5nR4Dov2g\=\= svg path, ._4ptbKWu24zc\+X5nR4Dov2g\=\= svg path { fill: var(--content-primary-a); } ._6OC9A-97VUkXk6hb8nZWWw\=\=.oOWZvtDfGjwbNEfZBKqeWQ\=\= svg path, .oOWZvtDfGjwbNEfZBKqeWQ\=\= svg path { fill: var(--content-warning); } ._6OC9A-97VUkXk6hb8nZWWw\=\=.wMOiNhRi1Gz29GF5HCWk0w\=\= svg path, .wMOiNhRi1Gz29GF5HCWk0w\=\= svg path { fill: var(--content-success); } ._1Pyq2dsLSagY5a4jSiLfJg\=\= { margin: var(--spacing-none); text-align: left; } ._7RUuity0hqhVU1OECAFj8A\=\= ._1Pyq2dsLSagY5a4jSiLfJg\=\= { color: var(--content-primary-a); } ._7RUuity0hqhVU1OECAFj8A\=\= ._1Pyq2dsLSagY5a4jSiLfJg\=\= a, ._7RUuity0hqhVU1OECAFj8A\=\= ._1Pyq2dsLSagY5a4jSiLfJg\=\= a:hover { color: var(--content-primary-a); text-decoration: underline; cursor: pointer; } .LfRLsAItV-uM2iudb86XYQ\=\=:not(._7RUuity0hqhVU1OECAFj8A\=\=) ._1Pyq2dsLSagY5a4jSiLfJg\=\= { color: var(--content-secondary); } .LfRLsAItV-uM2iudb86XYQ\=\=:not(._7RUuity0hqhVU1OECAFj8A\=\=) ._1Pyq2dsLSagY5a4jSiLfJg\=\= a, .RVfYDIl4ldnExjZfbKmgkg\=\= ._1Pyq2dsLSagY5a4jSiLfJg\=\= a:hover { color: var(--content-primary-a); text-decoration: underline; cursor: pointer; } .PyUk7FMAoJtZc7yQyD1lDA\=\= { background-color: var(--background-error-low); } .uYyjrUUix-wXOn-Yiw327A\=\= { background-color: var(--background-information-low); } .njnRKP2YsEAWzpZWBP0pug\=\= { background-color: var(--background-warning-low); } .wPDBup7T4e1dsHJvTf-xiA\=\= { display: flex; align-items: center; justify-content: center; width: 100%; max-width: none; padding: var(--spacing-small); background-color: var(--background-upgrade); border: none; border-radius: var(--radius-medium); } .IFq3jFgE62pvfGc3INDNlA\=\= { background-color: var(--background-success-low); } .wPDBup7T4e1dsHJvTf-xiA\=\= ._6OC9A-97VUkXk6hb8nZWWw\=\= { margin: var(--spacing-none) var(--spacing-small) var(--spacing-none) var(--spacing-none); } .wPDBup7T4e1dsHJvTf-xiA\=\= ._6OC9A-97VUkXk6hb8nZWWw\=\= > svg { width: 20px; height: 20px; } ._7XCHb5k4d96hMy-MCBX-Dg\=\= { display: flex; align-items: center; justify-content: center; width: 100%; padding: var(--spacing-small); background-color: var(--background-badge-promo); border: none; border-radius: var(--radius-medium); } ._7XCHb5k4d96hMy-MCBX-Dg\=\= ._6OC9A-97VUkXk6hb8nZWWw\=\= { margin: var(--spacing-none) var(--spacing-small) var(--spacing-none) var(--spacing-none); } ._7XCHb5k4d96hMy-MCBX-Dg\=\= ._6OC9A-97VUkXk6hb8nZWWw\=\= > svg { width: 20px; height: 20px; } .jcziwOgU7Co\+Ry-FQj6VBg\=\= { @media only screen and (width > 776px) { width: fit-content; } @media only screen and (width <= 776px) { display: flex; width: 100%; } } .m4Ckbi98KY7NypWjlkG1fg\=\= { display: flex; justify-content: center; @media only screen and (width <= 776px) { flex-wrap: wrap; gap: var(--spacing-medium); column-gap: var(--spacing-none); } } ._7k85bBxrzE\+nv2FW3b76ug\=\= { display: block; width: 108px; height: 24px; } .VWJSKJeYv\+eWvFPa1zeiIg\=\= { width: 100%; max-width: 960px; margin: auto; padding-bottom: var(--spacing-huge); @media only screen and (width <= 776px) { padding: var(--spacing-xlarge) var(--spacing-medium); } } .debRoYtPQVi0w7nE\+\+oQSA\=\= { display: grid; grid-template-rows: auto 1fr; width: 100%; height: 100%; } .debRoYtPQVi0w7nE\+\+oQSA\=\= > .VWJSKJeYv\+eWvFPa1zeiIg\=\= { grid-row: 2; } .jSlzn2cVAjtWqnKzWW5e2w\=\= { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--spacing-huge); @media only screen and (width <= 776px) { flex-direction: column; margin-bottom: var(--spacing-medium); } } .ea0EuxF6TR\+o2gySzVhNbw\=\= { width: 100%; max-width: 504px; @media only screen and (width <= 776px) { margin-bottom: var(--spacing-medium); } } .pwnT\+mq3VAv48n\+By3ZFAQ\=\= { padding: var(--spacing-none); list-style: none; } .IjDLKBg22jniJfJEeKBhPg\=\= { display: flex; align-items: center; justify-content: flex-start; } .p6uMwHS9Shzb8hFqFbcGqQ\=\= { width: var(--size-medium); height: 19px; margin-right: var(--spacing-medium); flex-shrink: 0; } .V2liiXk5E2SSzKfd9TNtGg\=\= { display: flex; flex-wrap: wrap; gap: var(--spacing-medium); @media only screen and (width <= 776px) { flex-direction: column; } } .JN2L3uGL8ry3MTmGHIwbiw\=\= { @media only screen and (width <= 776px) { width: 100%; } } .IdZZ8uTwi\+goE5ymnTCsyw\=\= { width: 408px; max-width: 100%; aspect-ratio: 408 / 400; flex-shrink: 0; } .UC5P68Oh1FjlhFcZk-jNfg\=\= { display: flex; align-items: center; justify-content: space-between; @media only screen and (width <= 776px) { position: static; flex-direction: column; margin-bottom: var(--spacing-xxxlarge); } } .MgixUSu0k6PPuDd7jWqcJw\=\= { @media only screen and (width <= 776px) { margin-bottom: var(--spacing-large); } } .XOhwl7YelWjOBV36xWk1BQ\=\= { z-index: var(--z-index-above); display: flex; align-items: center; justify-content: space-between; width: 100%; min-width: 980px; min-height: var(--size-xxlarge); padding: var(--spacing-small) var(--spacing-medium); color: var(--content-primary-b); a { color: inherit; &:focus-visible { border-radius: var(--radius-xsmall); box-shadow: 0 0 0 4px var(--border-primary); } } } .Z-Ejda-tzznHxB1OV3glxw\=\= { background: var(--background-information-high); } .-bQtge7m\+WmWrlYJfhK7rA\=\= { color: var(--content-primary-b-static); background: var(--background-warning-high); } .D8TYFNDIEC7soQoAg\+dchw\=\= { color: var(--content-primary-b-static); background: var(--background-error-high); } .FCYApZxw1Mj4BqJiVZQf\+A\=\= { display: flex; flex: 1; align-items: center; justify-content: center; } .yBQWVcYgeWBmT8tB4iSQNQ\=\= { color: inherit; } .kwYK7YmPVHYNgAPT\+rEd7w\=\= { display: flex; margin-right: var(--spacing-medium-sm); color: inherit; } ._3\+QJ6FJ0G-6HnIXhRTHnaQ\=\= { color: inherit; &:focus-visible { box-shadow: 0 0 0 4px var(--border-primary); } } .wwFhJp\+kCe9OgquJyc0mlg\=\= { box-sizing: border-box; display: flex; gap: var(--spacing-medium-sm); align-items: flex-start; width: 320px; padding: var(--spacing-medium); color: var(--content-primary-b); background: var(--background-primary); border-radius: var(--radius-medium); } .p85YUAp4aJShF1jDgquxSw\=\= { flex: 1; } .MEZBSY\+aBJtdipHy-Q5myw\=\= { display: flex; align-items: center; height: var(--size-medium-plus); } .D4PUZy3YoUuAzlBuEsPXhA\=\= { width: var(--size-medium-plus); height: var(--size-medium-plus); } .SYKsKZqaEptpKXuhvWWO-w\=\= { width: 24px !important; height: 24px !important; margin-left: auto; color: inherit; } .Z7jiNOHO\+B5vGpJuQVBxIg\=\= { color: var(--content-primary-b-static); background: var(--background-success-high); } ._0e62mcB7wl5kKiGkSuivfA\=\= { background: var(--background-information-high); } .k1HI94vICIH0HHclSiEQ-w\=\= { color: var(--content-primary-b-static); background: var(--background-error-high); } .hiViyjtpqUuch-GoNY4DYw\=\= { position: relative; display: block; overflow: hidden; background: var(--background-placeholder); background-size: 1000px 104px; animation-name: byK8sKTEMkN84TPlG9zNmA\=\=; animation-duration: 1.5s; animation-timing-function: linear; animation-iteration-count: infinite; animation-fill-mode: forwards; } /* Border-radius must stay in sync with avatar.module.css */ .iM4IIBXO7Q5hLkEbI5D60w\=\= { width: var(--size-large); height: var(--size-large); border-radius: var(--radius-medium); &.xlY2TGRUFceWB97USIuvqg\=\= { width: var(--size-medium); height: var(--size-medium); border-radius: var(--radius-xsmall); } &.U-n\+-DTbpyXhR3yKxDSHgw\=\= { width: 24px; height: 24px; border-radius: var(--radius-small); } &.UMBCtxkNB4Pn\+zOUTGIlWA\=\= { width: var(--size-large); height: var(--size-large); border-radius: var(--radius-small); } &.KFJ5xpuvtTgc12P9tXK5Dw\=\= { width: var(--size-xlarge); height: var(--size-xlarge); border-radius: var(--radius-medium); } &.\-1Vtm8U4yuUmy9DJMKNFZQ\=\= { width: var(--size-xxlarge); height: var(--size-xxlarge); border-radius: var(--radius-medium); } &._9bfn8IDykSvVCE8XZ9bluA\=\= { width: 64px; height: 64px; border-radius: var(--radius-large); } } .A3VBlIvUw4DcJ\+vvsqhFxw\=\= { width: 100%; border-radius: var(--radius-round); &.iTJu-RowkDWa0eKcuWSMWg\=\= { height: var(--size-medium-plus); } &.C5H-rYdZX73HWPuxNWYvsA\=\= { height: var(--size-large); &.HXTTXhkZNUlhll6ysyByhg\=\= { width: var(--size-large); } } &._6OZ-IhhUadZX8RXqb5zGvA\=\= { height: 44px; &.HXTTXhkZNUlhll6ysyByhg\=\= { width: 44px; } } } .ayjdlO56a4ZTtH0lK7ESew\=\= { width: 400px; height: 70px; border-radius: var(--radius-small); } .HgvmfM2QP5FZXawI0twBnA\=\= { width: 100%; height: var(--size-small); margin-top: var(--spacing-small); border-radius: 50px; } .HgvmfM2QP5FZXawI0twBnA\=\=.JNgdEqzK2\+sHnBZc03FXmw\=\= { margin-top: var(--spacing-none); } .kXJ2ps5TveKgKTVEV-SafQ\=\= { width: 100%; } .\+0LorK867W45knEFYKZbMg\=\= { display: flex; align-items: center; width: 100%; &.-AyIcgV8VXIQgxVSJjufHA\=\= { height: var(--display-line-height); .fz2gbSOPB3dlfjOPajuFvw\=\= { height: var(--scale-300); } } &.c5rAJxO4TQ33zwGJ\+w8RvQ\=\= { height: var(--heading-page-line-height); .fz2gbSOPB3dlfjOPajuFvw\=\= { height: 18px; } } &.shXKoXLUkYtyv5hi1stbww\=\= { height: var(--heading-section-line-height); .fz2gbSOPB3dlfjOPajuFvw\=\= { height: 14px; } } &.jgOygUF4gdkGHbGyXzvBig\=\= { height: var(--heading-subsection-line-height); .fz2gbSOPB3dlfjOPajuFvw\=\= { height: 10px; } } &.z3KPdYzLzR9KN39dNWpxbQ\=\= { height: var(--body-prominent-line-height); .fz2gbSOPB3dlfjOPajuFvw\=\= { height: 10px; } } &.c-JB2VfMau3KTIFvAqfhYQ\=\= { height: var(--body-standard-line-height); .fz2gbSOPB3dlfjOPajuFvw\=\= { height: var(--size-small); } } &.aoNkoAIAaXJmZb60HZW6pw\=\= { height: var(--caption-line-height); .fz2gbSOPB3dlfjOPajuFvw\=\= { height: 6px; } } } .fz2gbSOPB3dlfjOPajuFvw\=\= { width: 100%; border-radius: var(--radius-round); } @keyframes byK8sKTEMkN84TPlG9zNmA\=\= { 0% { background-position: -500px; } 100% { background-position: 500px; } } .FW9StyswZCzkLBrHvt76Mg\=\= { position: relative; display: flex; align-items: center; min-height: var(--size-xxxlarge); padding: var(--spacing-medium-lg); text-decoration: unset; appearance: none; cursor: pointer; outline: none; background-color: var(--elevation-high); border-radius: var(--radius-medium); &::after { position: absolute; inset: 0; pointer-events: none; content: ""; border-radius: inherit; } &[data-focus-visible] { box-shadow: 0 0 0 4px var(--border-focus); } } .mk-gZbzRk642B-P5sjtx3A\=\= { outline: 1px solid var(--border-selector); outline-offset: -1px; box-shadow: var(--shadow-selector); &:not(._7JtdikhrErWirr9luWtmeg\=\=) { &[data-hovered]::after { background-color: var(--state-primary-a-hover); } &[data-pressed]::after { background-color: var(--state-primary-a-pressed); } } } ._7JtdikhrErWirr9luWtmeg\=\= { cursor: default; } .ZeEmmPnk52umdI\+W94UG4Q\=\= { cursor: not-allowed; outline-color: var(--border-selector); background-color: var(--elevation-high); background-image: linear-gradient(0deg, var(--state-disabled) 0%, var(--state-disabled) 100%); box-shadow: none; opacity: var(--disabled-opacity); } .AzopeEo2mzopk06FzOtdBw\=\= { cursor: initial; outline-color: var(--border-tertiary); background-color: var(--background-tertiary); box-shadow: none; } /* Selected + disabled uses a different background than plain disabled — same rule across all non-expandable selector components (SelectorCheckbox, SelectorRadio). Specificity (0,3,0) beats .disabled alone (0,1,0), so source order doesn't matter. */ .FW9StyswZCzkLBrHvt76Mg\=\=[data-selected].ZeEmmPnk52umdI\+W94UG4Q\=\= { background-color: var(--background-tertiary); background-image: none; } .A2NLK\+LBKHeI4Hz35zAi1g\=\= { display: flex; align-items: center; justify-content: center; width: var(--size-xlarge); height: var(--size-xlarge); margin-right: var(--spacing-medium); svg { width: 100%; height: auto; } } .z1VW22tZkYu8KjiQwEr1jQ\=\= { display: flex; flex: 1 1 0; flex-direction: column; align-items: flex-start; justify-content: center; } .yEvsqz3a0Z-BPLgAIRKXlQ\=\= { color: var(--content-primary-a); text-align: left; } .-xbxyMvChI7AzXbSHcxZuQ\=\= { color: var(--content-secondary); text-align: left; } ._1M4lIa01pFSZV8tsm\+PwiA\=\= { width: 100%; } .bp\+fRIqBPJKY-NeCFYu8xQ\=\= { } ._1M4lIa01pFSZV8tsm\+PwiA\=\=.KaJaACljWAANtoqt0e6Thg\=\= { outline: 1px solid var(--border-tertiary); outline-offset: -1px; background-color: transparent; &:not(.waOEpaL1D6uG7k3MwHSSHQ\=\=) { &[data-hovered]::after { background-color: var(--state-primary-a-hover); } &[data-pressed]::after { background-color: var(--state-primary-a-pressed); } } } .t4sFnZJElANgU8RvldEDPw\=\= { } .waOEpaL1D6uG7k3MwHSSHQ\=\= { box-shadow: none; } .tdh6U8E-lBsKxmUXRl-NNg\=\= { } ._2jojxICbazmOPQIYymFoBg\=\= { } .Wzqcdf2pEfGe2vbJRSVGuQ\=\= { } .YI6BhhB9CEHBkt02m0dvYQ\=\= { } .b2RVLJtn-syNA0fn99H2Lw\=\= { margin-top: var(--spacing-small); } ._4\+z9wfKTq\+ChYuX6Q1cFrA\=\= { margin-left: var(--spacing-large); color: var(--content-secondary); text-align: left; } ._13OgNl2ZugpRg99aLYcUVg\=\= { color: var(--content-primary-a); } ._5\+2ieMJ7tGC6mXh0Tol7xw\=\= { display: flex; align-items: center; justify-content: flex-end; margin-left: var(--spacing-medium); background: transparent; svg { width: var(--size-medium); height: var(--size-medium); path { fill: var(--content-secondary); } } } .CZUQ16dx0QyEqgn\+Kz07wA\=\=:not([data-focus-visible]) { box-shadow: none; } .CZUQ16dx0QyEqgn\+Kz07wA\=\=[data-focus-visible] { border-radius: var(--radius-xsmall); } ._5RHBu561aB2ZzfqJrIFC1w\=\= { max-width: 504px; display: flex; flex-direction: column; gap: var(--spacing-xlarge); } ._2jwWgfRLctnjWdtajJ99ZQ\=\= { display: flex; flex-direction: column; gap: var(--spacing-medium); } .GlJTOmLDTuD6UmpmlztDXg\=\= { width: 100%; border-bottom: 1px solid var(--border-tertiary); margin: var(--spacing-small) var(--spacing-none); } ._0crgOiauhlzPY0h5lvTcpw\=\= { display: flex; flex: 1 0; align-items: center; overflow: hidden; text-overflow: ellipsis; text-align: left; white-space: nowrap; &[data-placeholder="true"] { color: var(--content-tertiary); } } .z9Qms4MwJkSdniYTpYFNMA\=\= { padding-right: var(--size-large); } /* Trigger styles - based on power-select-customs/trigger.module.css */ .s9CAodev9rKClH7Srtk6Qg\=\= { display: flex; align-items: center; width: 100%; margin-right: var(--spacing-xsmall); } .s9CAodev9rKClH7Srtk6Qg\=\= > .DYFXSwiaEhjqnBU0gLtXkA\=\= { padding: var(--spacing-none); margin: var(--spacing-none); margin-right: var(--spacing-xsmall); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .oJPqf2mtP2fPg5zXdEDcPA\=\= { margin-right: var(--spacing-xsmall); color: var(--content-secondary); } ._0-yvey8jJY2JxX1BvM5oww\=\= { z-index: var(--z-index-mid); display: flex; padding: var(--spacing-none); cursor: pointer; background: transparent; border: 0 none; } ._0-yvey8jJY2JxX1BvM5oww\=\= svg { width: var(--size-medium-small); height: var(--size-medium-small); } .JW7\+xIuQPu8EmKTn-yMqeA\=\= { margin-right: 11px; margin-left: auto; font-variant-numeric: tabular-nums; color: var(--content-secondary); text-align: right; } .RV9Ku37iFijq1ik1MDOjSw\=\= { width: var(--size-medium-plus); min-width: var(--size-medium-plus); height: var(--size-medium-plus); margin-right: var(--spacing-medium-sm); } /* Footer styles - based on power-select-customs/multiple/footer.module.css */ .\+aXn5RkNsMTz4A1b0195mg\=\= { position: relative; display: flex; align-items: center; color: var(--content-primary-a); white-space: nowrap; background-color: var(--background-secondary); border-top: 1px solid var(--border-tertiary); border-radius: var(--radius-none) var(--radius-none) var(--radius-xsmall) var(--radius-xsmall); } .i4gT9CBk4k7u1Jgm5H8lpA\=\= { --bg-color: var(--elevation-low); flex: 1; padding: var(--spacing-small) var(--spacing-medium); } .QayCTXSO3KkW9EsytDTVqQ\=\= { display: flex; gap: var(--spacing-small); align-items: center; padding: var(--spacing-small) var(--spacing-medium); border-bottom: 1px solid var(--border-tertiary); } .hpy0yibhUvh-2q4NyqSkGg\=\= { color: var(--content-secondary); } ._8R-N\+aKa\+aDbMzwXNwDysQ\=\= { max-height: 190px; padding: var(--spacing-small) var(--spacing-none); overflow-y: auto; } ._6ayZNFuyhBNLqhNaiq2cug\=\= { position: relative; width: 100%; height: var(--size-xlarge); padding: var(--spacing-small) var(--spacing-medium); overflow: hidden; text-overflow: ellipsis; color: var(--content-primary-a); white-space: nowrap; &::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; content: ""; background-color: var(--overlay-primary-a-color); opacity: var(--overlay-opacity); } } .NEF62hR\+nZnLsmDGgfQSjA\=\= { display: flex; flex-direction: column; gap: 6px; } .klj\+fcqV5T-5x\+K2yM04Zg\=\= { position: relative; display: flex; align-items: center; width: 100%; } .DEdBf9XwILPc-LPLZIiI5A\=\= { position: relative; display: flex; flex: 1; gap: var(--spacing-small); align-items: center; min-width: var(--size-none); } .Z-UxF8ZJUzW4fTVYxdBU4A\=\= { position: absolute; top: 50%; right: 2px; transform: translateY(-50%); } /* Popover styles - based on select.module.css */ .Xk\+CSLmunDVLNmZPOrog7Q\=\= { display: flex; flex-direction: column; width: var(--trigger-width); min-width: 208px; overflow: auto; overflow-y: auto; color: var(--primary-content-a); background-color: var(--elevation-high); border-radius: var(--radius-small); box-shadow: var(--shadow-high); &:not(.dnaLO\+aTVMgLrRIw4NxAxA\=\=) { width: auto; max-width: 360px; } } .vJuZ0erKGWh3vhsi23K4\+w\=\= { display: flex; flex-direction: column; overflow-y: auto; } .S3dQ7SgL3WTZDRL44IIfFg\=\= { background-color: var(--elevation-high); border: none; border-bottom: 1px solid var(--border-tertiary); border-radius: var(--radius-none); &:focus-visible { border-bottom: 1px solid var(--border-tertiary); box-shadow: none; } svg { margin-left: var(--spacing-medium); } } .nise2HITi2qG0QL8DS-SBw\=\= { color: var(--content-error); } .FXhs0DIg0dGAzuXt64d1Fw\=\= { display: flex; gap: var(--spacing-medium-sm); align-items: center; margin-left: var(--spacing-xsmall); } .P\+PrIa3plWuCp5SfmcURFw\=\= { margin-top: var(--spacing-xsmall); margin-bottom: var(--spacing-small); color: var(--content-secondary); } .g\+t\+QRDpYbiwA6525NKYtQ\=\= { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; width: 100%; text-align: center; color: var(--content-primary-a); padding: var(--spacing-large) var(--spacing-medium); flex: 1; margin: var(--spacing-none) auto; @media only screen and (width >= 768px) { justify-content: center; max-width: 504px; } } .TjTznzi\+Bg83x8Px8QITWA\=\= { width: 200px; aspect-ratio: 1; margin: var(--spacing-none); margin-bottom: var(--spacing-xlarge); svg, img { display: block; } } .cgcPnYkMFVZ2d2mgpnP2xg\=\= { display: flex; flex-direction: column; gap: var(--spacing-medium); justify-content: center; align-items: center; } .UHBLjOZ3En-wbXF5r6XVYA\=\= { text-decoration: none; &:hover { text-decoration: underline; } } .wJTrw2EVxxYFLasE\+pJ2-w\=\= { position: relative; width: 100%; height: 100%; min-height: 100%; max-height: 100vh; } .YxmbPTeODLXLCGFoW5XZ\+Q\=\=, .vLgDdD1x4L-vzHcSjTWSiQ\=\= { top: 0; right: 0; z-index: 1; grid-row: 1; grid-column: 1 / -1; width: 100%; text-align: right; pointer-events: none; } .vLgDdD1x4L-vzHcSjTWSiQ\=\= { height: var(--size-none); padding-right: var(--spacing-medium); } ._3MJl2QmJbgTJBLCXMdFUCA\=\= { position: sticky; top: 16px; right: 16px; pointer-events: auto; } .rl68A7U-f-jcFqubCHC8qg\=\= { position: sticky; top: 16px; z-index: 2; margin-top: var(--spacing-medium); pointer-events: auto; } .mSULev319ctrDtozL7lBPA\=\= { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; } .sPqoWN5RBcwrRAtgLeKdYQ\=\= { overflow-y: auto; display: flex; justify-content: center; align-items: center; height: 100%; } .nrh60z5G6\+zf\+6OyWqX1gA\=\= { width: 200px; height: 200px; } .Gt3mzfKlM1rJkSnpdS7zjQ\=\= { width: 100%; max-width: 504px; text-align: center; } @media only screen and (width <= 776px) { .Gt3mzfKlM1rJkSnpdS7zjQ\=\= { padding: var(--spacing-none) var(--spacing-medium); } } .NkE\+4GxZto8pMMPEYUHJ4g\=\= { overflow-y: auto; display: flex; justify-content: center; align-items: center; height: 100%; } .e0I5duZwTIzOrOAQuJ4F7w\=\= { width: 200px; height: 200px; } ._2WRFj5dm0PaalWZhTUFPuw\=\= { width: 100%; max-width: 504px; text-align: center; } @media only screen and (width <= 776px) { ._2WRFj5dm0PaalWZhTUFPuw\=\= { padding: var(--spacing-none) var(--spacing-medium); } } .IPrp66fEK30i5Zfo67snUw\=\= { overflow-y: auto; display: flex; justify-content: center; align-items: center; height: 100%; padding-top: var(--spacing-medium); } .JuObUr0FtRQ-QqhloAXsQg\=\= { width: 200px; height: 200px; } .elWgiiIg73ptC0OHrqdrPg\=\= { width: 100%; max-width: 504px; text-align: center; } @media only screen and (width <= 776px) { .elWgiiIg73ptC0OHrqdrPg\=\= { padding: var(--spacing-none) var(--spacing-medium); } } .nse9kMi2ua9ThbkcFR\+XnQ\=\= { overflow-y: auto; display: flex; justify-content: center; align-items: center; height: 100%; } .uezcz\+4y4VZ6omklYm8wTw\=\= { width: 200px; height: 200px; } .WsE8-9xwPUv80eQqg0UlAg\=\= { width: 100%; max-width: 504px; text-align: center; } @media only screen and (width <= 776px) { .WsE8-9xwPUv80eQqg0UlAg\=\= { padding: var(--spacing-none) var(--spacing-medium); } } .j75yEuQOoW4uB\+mvtWT0Ag\=\= { width: 100%; min-height: 100vh; border: none; } .ymaGcEbgEoInRBu6ts6rZA\=\= { display: none; } .OeeYztvrARTlTmPg3B4Iiw\=\= { display: flex; justify-content: center; align-items: center; height: 100%; } .TpUq2UhPATDQPWer5fE3Pg\=\= { width: unset; height: unset; } .dark-theme .TpUq2UhPATDQPWer5fE3Pg\=\= { filter: invert(1); } .iFrfePl1\+iTeRyNDMAMNeA\=\= { display: flex; flex-direction: column; align-items: center; padding-top: var(--spacing-medium); } .Zdw4IDtaj7jqTumEFm3CtQ\=\= { width: 100%; max-width: 504px; } .uvrtoMVKBuzJD1FLbI1K6A\=\= { box-sizing: border-box; max-width: 504px; display: flex; align-items: center; border: 1px solid var(--gray300); border-radius: var(--radius-xsmall); } .Gmc1LREi12JF1uTF1En8rA\=\= { height: 210px; justify-content: space-between; padding: var(--spacing-large); } .sS7B5Z5S48lPxagcTtctSg\=\= { justify-content: center; padding: var(--spacing-medium) var(--spacing-none); font-size: var(--heading-section-font-size); font-weight: 600; } .zhflkn4-GR5gBnDUU\+aGxA\=\= { width: 160px; height: 160px; flex-shrink: 0; } .Au5yrf0gxcNQvuuExnFRYw\=\= { color: var(--gray400); height: 100%; display: flex; flex-direction: column; align-items: center; } .W-hGz7elbGrHebFIysTLyw\=\= { border-left: 1px solid var(--gray400); width: var(--size-none); flex-grow: 1; } .wQqNGajcBlJeWm96LOU44g\=\= { width: 100%; padding: var(--spacing-xxxlarge) var(--spacing-medium); } .PhB9fMOWxHjyWKH\+5cyFaw\=\= { display: grid; grid-template-columns: 1fr auto; gap: var(--spacing-medium); } /* DSK Button specifies svg color as --content-primary-a for some reason */ svg.hFlukDnlyMM5JZdWZfDkbw\=\= { color: var(--content-primary-b); } ._0HSgdWiCeYe1ac1iDdkWrQ\=\= { display: inline-flex; align-items: center; width: fit-content; padding: var(--spacing-xsmall) 6px; color: var(--content-primary-a); white-space: nowrap; cursor: default; user-select: none; background-color: var(--background-secondary); border-radius: var(--radius-small); } .Kx2KbXtV41yAH21oFKgiMA\=\= { display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 764px; /* 732px (original width) + 32px */ padding: var(--spacing-xxxlarge) var(--spacing-none); } .Uwl3oG\+mAsLRLBfvOxi6qw\=\= { display: grid; grid-template-columns: 1fr 1fr; gap: var(--spacing-large); } /* Card */ .P7EZT\+sYTBfsRC6DnwATmw\=\= { display: grid; grid-template-rows: auto 1fr auto; gap: var(--spacing-large); padding: var(--spacing-large); border: 1px solid var(--border-tertiary); border-radius: var(--radius-small); box-shadow: var(--shadow-low); } .EGob-ufQLT48me2e-kYxOg\=\= { display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; } .Y2bvk\+uT7O3\+bflY0BtK4A\=\= { margin-bottom: 10px; } .Y2bvk\+uT7O3\+bflY0BtK4A\=\= > svg { width: var(--size-xxxlarge); height: var(--size-xxxlarge); margin-bottom: 10px; } /* Card item */ .vtvYXXTElzgyxDwU62ksfQ\=\= { display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; } ._3D8JlKqL31s1YJwX4YxVGA\=\= { color: var(--content-secondary); } .YQLclg6pJw0O-loyPnm73Q\=\= { display: grid; grid-template-columns: 1fr 32px 1fr; height: 24px; align-items: center; text-align: center; color: var(--content-tertiary); } .Ip3E3Fyt8qgreY13TRZPww\=\= { height: 1px; background-color: var(--border-tertiary); } .fjDpmeuBiajPn-o\+6N39mQ\=\= { display: inline-flex; gap: var(--spacing-xsmall); align-items: center; width: fit-content; padding: var(--spacing-xsmall); color: var(--content-primary-a); white-space: nowrap; user-select: none; border-radius: var(--radius-small); } .nvDylSa0bJxX2t\+B0E-6mw\=\= { padding-right: 6px; } .GB5eP6n6x5hLG3W2g5dkxA\=\= { overflow: hidden; text-overflow: ellipsis; line-clamp: 1; } .P9piN4dN7g4AYSnkPvX5XQ\=\= { flex-shrink: 0; } .Sf5VYs5f8o0pXNm2F9cALA\=\= { background-color: var(--background-secondary); } .-wvbj35vz6Opus3XAJu2pw\=\= { background-color: var(--background-badge-free-trial); } .MnawHkIQZREFVzZWOkexvw\=\= { background-color: var(--background-badge-activate); } .c7rTyqucGjg\+1iEUL1iJMA\=\= { background-color: var(--background-upgrade); } .byFb7S45AelCzA6vYXTK8A\=\= { background-color: var(--background-badge-promo); } .xnG9W6dfqq3r\+9-ISUkXiA\=\= { position: relative; width: 504px; padding: var(--spacing-xlarge); color: var(--content-primary-a); background-color: var(--elevation-high); border-radius: var(--radius-large); box-shadow: var(--shadow-high); /* Promotional illustration is a full-width image behind the close icon, so the icon needs a theme-independent color to stay legible over it. */ &:has(.GPHlA9Oqyd6u3brW7eJD3w\=\=) .pjmHJFw53Chm3GDwY1bZMA\=\= { color: var(--content-primary-a-static); } } .o0-a9wRg3jx\+PsqptcdYSQ\=\= { &:focus, &:focus-visible, &:focus-within { outline: none; box-shadow: none; } } ._4JiR\+5htdjULtFmY7ADIWQ\=\= { margin-bottom: var(--spacing-medium); } .dn56UqbQ\+EBsTzF584ctWg\=\= { margin-bottom: var(--spacing-medium); } .kXF0cS-IVftk-PzxZyf6oA\=\= { margin-right: var(--spacing-xxlarge); /* to avoid overlap with the close button */ margin-bottom: var(--spacing-medium); overflow-wrap: break-word; } .Dr9UMz9JYJtgn4EJ8DQ4AA\=\= { overflow-wrap: break-word; } .\+LL3fMJ910x9S0\+gETcjqQ\=\= { margin-top: var(--spacing-large); } .LY-kyguV8CnTX48vQpqZoQ\=\= { display: flex; gap: var(--spacing-medium-sm); margin-top: var(--spacing-large); } .pjmHJFw53Chm3GDwY1bZMA\=\= { position: absolute; top: var(--spacing-medium); right: var(--spacing-medium); z-index: var(--z-index-above); color: var(--content-primary-a); svg { width: var(--size-medium); height: var(--size-medium); } /* This selector can be removed once Popup.tsx is removed in favor of the Composable Popup */ &.EtDYgfc9cw9NzKAhNFKRaQ\=\= { color: var(--content-primary-a-static); } } .react-aria-ModalOverlay { position: fixed; top: 0; right: 0; left: 0; z-index: calc(var(--z-index-above) + 10); width: 100%; height: 100%; background-color: var(--background-modal-overlay); animation: nWCbGi6mnVAYFUEOaIGh3Q\=\= 0.5s ease-in-out; } body.has-fullscreen-modal .react-aria-ModalOverlay, body.has-popup-modal .react-aria-ModalOverlay { z-index: 51; } .react-aria-ModalOverlay > div { position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); } .IU5fARPrkgGmGdovEOzebQ\=\= { margin: var(--spacing-none); } .GPHlA9Oqyd6u3brW7eJD3w\=\= { box-sizing: border-box; margin: calc(-1 * var(--spacing-xlarge)) calc(-1 * var(--spacing-xlarge)) var(--spacing-large); } .GPHlA9Oqyd6u3brW7eJD3w\=\= > * { width: 100%; border-radius: var(--radius-large) var(--radius-large) var(--radius-none) var(--radius-none); } @media (width <= 776px) { .xnG9W6dfqq3r\+9-ISUkXiA\=\= { width: 100%; } } .bYUpxVq5GcGMyvxefvxdyA\=\= { display: flex; align-items: center; justify-content: center; margin-right: auto; margin-bottom: var(--spacing-xlarge); margin-left: auto; } .m1EvGyix50SMo9SGctEj4A\=\= { max-width: 120px; max-height: 120px; } ._5uBJP46TBgZTm48l-COOCg\=\= { max-width: 200px; max-height: 200px; } .CldVzKrPdu0ZkebTOmhu8Q\=\= { max-width: 378px; max-height: 378px; } .YZ0vrSXR7g-wAsi3CtMCKA\=\=.m1EvGyix50SMo9SGctEj4A\=\= { width: 120px; height: 120px; } .YZ0vrSXR7g-wAsi3CtMCKA\=\=._5uBJP46TBgZTm48l-COOCg\=\= { width: 200px; height: 200px; } .YZ0vrSXR7g-wAsi3CtMCKA\=\=.CldVzKrPdu0ZkebTOmhu8Q\=\= { width: 378px; height: 378px; } .IrBBikMmK\+yLBxPMzS8Fsw\=\= { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; max-width: 550px; height: 100%; margin: var(--spacing-none) auto; color: var(--content-primary-a); text-align: center; } .gh8qUhHRNvERdn6FO0V9Mg\=\= { margin-bottom: var(--spacing-medium); } ._6rDeO0YzLx\+v85vwNtwzvg\=\= { display: flex; flex-direction: column; gap: var(--spacing-medium); align-items: center; justify-content: center; margin-top: var(--spacing-xlarge); } ._3UzkJHveVvrWcC2odS54Wg\=\= { width: 100%; height: 100%; padding: var(--spacing-large); color: var(--content-primary-a); } .MRYzkh4\+PsycvU6z6mT-uQ\=\= { display: flex; justify-content: center; /* Ensure IDnow iframe takes full size */ width: 100%; height: 100%; } .kKv2gFmtLQ5BdkPtA25mUQ\=\= { display: flex; flex-direction: column; padding: var(--spacing-none); margin-top: var(--spacing-none); list-style: none; counter-reset: step; gap: var(--spacing-xlarge); } .MlBhC8kwObkml9c5qjwDzg\=\= { display: flex; align-items: center; gap: var(--spacing-medium); } .MlBhC8kwObkml9c5qjwDzg\=\=::before { content: counter(step); counter-increment: step; display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: var(--size-large); height: var(--size-large); color: var(--content-primary-a); border: 1px solid; border-radius: var(--radius-round); } .Q3t7RSysgCl9mZPwwvs9WA\=\= { display: flex; flex: 1; flex-direction: column; place-items: center; width: 100%; max-width: 504px; text-align: center; } .g2aThMyD\+oEPjeMSt4NLiw\=\= { display: flex; align-items: center; justify-content: center; width: 200px; & svg { display: block; } } .UDCO0OAivVq\+IUFlrTWOsg\=\= { display: flex; align-items: center; border: 1px solid var(--gray300); border-radius: var(--radius-xsmall); height: 208px; justify-content: space-between; padding: var(--spacing-large); } .bRM-bLvfwrbbObfJN4NP9w\=\= { width: 160px; height: 160px; flex-shrink: 0; } ._4SptUwcXP62T5ss3rO9PSQ\=\= { color: var(--gray400); height: 160px; display: flex; flex-direction: column; align-items: center; } .aoSpVc6dQASAFe7\+1ND01w\=\= { border-left: 1px solid var(--gray300); width: var(--size-none); flex-grow: 1; } .oj4WWpNoHEc7XoezQuCtLA\=\= { height: 27px; line-height: 27px; } .TeKPgWNAQYCaU7PHtdyIIA\=\= { gap: var(--spacing-medium); } .rKUe6Yvd7c\+7cJRJqzrlhQ\=\= { padding: var(--spacing-none); border: none; background-color: transparent; margin-left: var(--spacing-xsmall); cursor: pointer; } .NTvC0tB3e9RnPDRWN8112A\=\= { width: 100%; display: flex; justify-content: center; } .JOWF2PUhpvLVEflsn3AhJw\=\= { display: grid; grid-template-columns: 16px 1fr; gap: var(--spacing-medium-sm); color: var(--content-primary-a); } ._5N4bXcfjsGNWf\+BD4I4YaA\=\= { margin-top: var(--spacing-xsmall); } .JtNyF2FpnGcJIx7sFBResw\=\= { --list-item-spacing: 16px; padding: var(--spacing-none); list-style: none; &._73UND3VB5jHOMrmq4DpJWA\=\= { --list-item-spacing: 8px; } } .JtNyF2FpnGcJIx7sFBResw\=\= > li:not(:last-child) { margin-bottom: var(--list-item-spacing); } .HjB5E9ZxrGT0BiTm9azcDQ\=\= { width: 200px; height: 200px; margin: var(--spacing-none) auto; } .xoK3DIMzLuEANbc2E-6bkg\=\= { display: flex; flex-direction: column; margin-bottom: var(--spacing-large); margin-top: var(--spacing-xlarge); & h2 { font-size: var(--heading-page-font-size); margin-bottom: var(--spacing-medium); } } .hbj2pS82B464RcfYH5k69A\=\= { padding: var(--spacing-large); background-color: var(--elevation-low); border-radius: var(--radius-small); } .wc0h-SMVk6NdlX8twCg7MA\=\= { color: var(--content-primary-a); } .IBO9nDGgIYJGOfPhVKcVAQ\=\= { color: var(--error900); } @media only screen and (width <= 776px) { .xoK3DIMzLuEANbc2E-6bkg\=\= svg { display: none; } } .Xka9zyZdmBSlXrbIZzFvCg\=\= { display: flex; justify-items: center; align-content: start; gap: var(--spacing-small); } .O1Bh8J01bkEaKWWSucxILQ\=\= { color: var(--content-primary-a); } ._49A9Z8RM5T1Es8UEPDqZKQ\=\= { color: var(--content-primary-a); margin-top: -4px; } .sytPYzj0GdVy\+QaGwY0XNA\=\= { font-size: var(--body-standard-font-size); display: flex; margin-left: var(--spacing-large); margin-top: 2px; align-items: center; color: var(--content-error); } .\-7Dz2Le0sd1\+zwfcDsQGeQ\=\= { max-width: 504px; width: 100%; box-sizing: border-box; } @media only screen and (width <= 776px) { .\-7Dz2Le0sd1\+zwfcDsQGeQ\=\= { padding: var(--spacing-large) var(--spacing-medium); } } ._80oRo81KqkZei6kQf4TKhQ\=\= { margin-top: var(--spacing-medium); } .m\+BCR-XeuxkotRJjqhvr0Q\=\= { display: flex; justify-content: center; align-items: center; min-height: 100vh; flex-direction: column; } .r9mGmKGkdRwxkHTvq4r\+4w\=\= { display: flex; align-items: center; justify-content: center; min-height: 50vh; } .R1gshQw-CMljANNb29dS7w\=\= { display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 764px; /* 732px (original width) + 32px */ padding: var(--spacing-xxxlarge) var(--spacing-none); } .cC6H1Ik55fExI5cM1A3g7w\=\= { justify-content: center; min-height: 100vh; min-height: 100dvh; } .tAPtIzrGxKwrWZTxUrMihA\=\= { display: flex; flex-direction: column; gap: var(--spacing-medium); margin-bottom: var(--spacing-xlarge); width: 100%; } .vsBu6C\+toRg8XuIM2n6DAA\=\= { display: flex; flex-direction: column; gap: var(--spacing-small); } .n9GUuT-0mTZvoj0kEtErIQ\=\= { display: grid; grid-template-columns: 1fr 1fr; gap: var(--spacing-large); width: 100%; } /* Card */ .sx\+RFxEYhdiCv42XtT\+DKw\=\= { display: grid; grid-template-rows: auto 1fr auto; gap: var(--spacing-large); padding: var(--spacing-large); border: 1px solid var(--border-tertiary); border-radius: var(--radius-small); box-shadow: var(--shadow-low); } .VNry\+No-i7lqLFnl\+wePGA\=\= { display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; gap: var(--spacing-medium-sm); } ._9pHteX2R116-oIdw53ySdw\=\= { display: flex; flex-direction: column; gap: var(--spacing-large); } ._23H30aSNWzCaWYwxVPV6Eg\=\= { display: flex; flex-direction: column; gap: var(--spacing-small); } .ZevghHc9PGzGfGTEZSDlug\=\= { display: grid; grid-template-columns: auto 1fr auto; gap: var(--spacing-medium-sm);; align-items: center; margin-bottom: var(--spacing-small); } .NJVWYusxELz8QWF34EpIMQ\=\= { display: grid; grid-template-columns: 1fr 32px 1fr; height: 24px; align-items: center; text-align: center; } .gu3MWm-3DrftfnGt8MysFw\=\= { height: 1px; background-color: var(--border-tertiary); } .uReMHQJPxBzHGCVxPXlKkA\=\= { display: flex; flex-direction: column; max-width: 480px; width: 100%; margin: var(--spacing-none) auto; } .kOTLlDlOxjr863w4N\+YVmw\=\= { justify-content: center; min-height: 100vh; min-height: 100dvh; } .WON4PD3IxgF7blZuRfLTCQ\=\= { display: flex; flex-direction: column; align-items: center; text-align: center; margin-bottom: var(--spacing-large); } .EwoakbYhvXS-uXEPvNY5tw\=\= { margin-bottom: var(--spacing-xlarge); } .l74HQx\+nhNCteGwx9SDIpg\=\= { display: flex; flex-direction: column; gap: var(--spacing-small); width: 100%; margin-top: var(--spacing-medium); } .pQCe0tnQkaeA\+ySL17HyWA\=\= { display: flex; flex-direction: column; padding: var(--spacing-large); background-color: var(--elevation-low); border-radius: var(--radius-small); gap: var(--spacing-medium); margin-bottom: var(--spacing-large); } .Xb8WZ8Y7LWqd-Xpuf\+gAzw\=\= { display: flex; align-items: center; gap: var(--spacing-medium); } ._0q6AWUUs3jxGL1B8UUWjsA\=\= { margin-bottom: var(--spacing-xlarge); } .I3IwoHIad\+rj\+ScWtILGog\=\= { display: flex; flex-direction: column; gap: var(--spacing-small); margin-bottom: var(--spacing-medium); } .\-4MzihhfYWCcIHlwK-vWJw\=\= { display: flex; align-items: flex-start; gap: var(--spacing-small); } @media only screen and (width <= 776px) { .EwoakbYhvXS-uXEPvNY5tw\=\= { display: none; } } .Th2hyd-htjZIf8jqGb6TIQ\=\= { height: 100%; } .D2\+\+m0P9AtYZ-8VXJzA\+-w\=\=, .bbxwWpJVkNedCToMzIoVKQ\=\=, .R9qtNVCqR-kbtLNJ4NKf9w\=\= { position: absolute; top: 0; right: 0; bottom: 0; z-index: 0; width: 100%; margin: auto var(--spacing-none); } .ysQOFoQiB4lkRoVyy3KFWQ\=\= { display: inline-flex; flex-direction: column; gap: var(--spacing-xsmall); align-items: flex-start; } .CxxyRH8wO\+TgSr4Z9SOVrw\=\= { display: flex; flex-direction: row; gap: var(--spacing-xsmall); align-items: center; } ._1TDMqXs\+PUxrCA5W3DzdzQ\=\= { display: flex; flex-direction: row; gap: var(--spacing-small); align-items: center; } .WAJ8B7MoaaEwEvNZGObL1g\=\= { width: var(--size-xlarge); height: 44px; padding: var(--spacing-none); font-family: inherit; font-size: var(--body-prominent-font-size); line-height: var(--body-prominent-line-height); color: var(--content-primary-a); text-align: center; cursor: text; outline: none; background-color: var(--background-field); border: 1px solid transparent; border-radius: var(--radius-small); transition: background-color 0.1s ease, border-color 0.1s ease, box-shadow 0.1s ease; } .WAJ8B7MoaaEwEvNZGObL1g\=\=:focus { border-color: var(--border-selected); box-shadow: 0 0 0 4px var(--border-focus); } .WAJ8B7MoaaEwEvNZGObL1g\=\=:disabled { cursor: not-allowed; opacity: 0.5; } .lBbJ8jb3pHGy0wOhT-\+25Q\=\= { border-color: var(--border-error); } .lBbJ8jb3pHGy0wOhT-\+25Q\=\=:focus { border-color: var(--border-error); box-shadow: none; } .WzwKKQLbbZetFOvw61TiDA\=\= { display: flex; flex-direction: row; gap: var(--spacing-small); align-items: center; margin: var(--spacing-none); font-size: var(--body-standard-font-size); line-height: var(--body-standard-line-height); color: var(--content-error); } .Y53be5vcoCplkXpoqirADA\=\= { flex-shrink: 0; color: var(--content-error); } .ldSCPjUInm7IqYVWNY4Jsg\=\= { display: flex; flex-direction: column; gap: var(--spacing-small); } .CgmK422TszNE66lsIGd-MA\=\= { display: flex; gap: var(--spacing-small); align-items: center; flex-direction: row; } .bJKWVGQOTg3Ko7LJs3I2lg\=\= { color: var(--content-secondary); } ._4Yg1ngI\+zJVOfkXojsx4wg\=\= { width: 120px; height: 120px; } ._5F81N5NDXcwjGliCnQQChQ\=\= { display: flex; justify-content: center; align-items: center; padding: var(--spacing-none); margin: var(--spacing-none) auto var(--spacing-large); } ._2l-F5Oq5AgLOuQTnzXW5xA\=\= { width: 425px; height: 118px; margin: var(--spacing-none) auto var(--spacing-large); display: flex; justify-content: center; align-items: center; } a.PEsGqLoFYGJeTsLUg4EXfg\=\= { color: var(--content-accent); } /* The following styles are used only in the enforce QR code component */ .Ai--spegOTgif6xlsOwXNw\=\= { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; gap: var(--spacing-large); } .mMMLSFYpzUk8RC9flYOncw\=\= { display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: var(--spacing-medium); width: 100%; height: auto; padding: var(--spacing-large); border: 1px solid var(--border-tertiary); border-radius: var(--radius-xsmall); } .mMMLSFYpzUk8RC9flYOncw\=\= img, .mMMLSFYpzUk8RC9flYOncw\=\= svg { width: 160px; height: 160px; aspect-ratio: 1; } .jJogJ3qfsv-NpO3Nrl1v3A\=\= { display: flex; flex-direction: row; align-items: center; width: 100%; gap: var(--spacing-medium); color: var(--border-tertiary); } .jJogJ3qfsv-NpO3Nrl1v3A\=\=::before, .jJogJ3qfsv-NpO3Nrl1v3A\=\=::after { content: ""; flex-grow: 1; border-top: 1px solid var(--border-tertiary); } .Zscz9qtC5h2LDAgoEQlNKQ\=\= { position: relative; display: block; &::after { position: absolute; right: 0; bottom: 0; left: 0; height: 1px; content: ""; background-color: var(--border-tertiary); } } .luwbaPQSArq8ZzoFjyCEyQ\=\= { display: flex; flex: 1 1 100%; align-items: center; justify-content: space-between; min-height: 56px; } .KGu8jgj0-VThGzR9rBYn5g\=\= { display: flex; flex: 1 1 100%; align-items: center; justify-content: space-between; padding: var(--spacing-medium) var(--spacing-none); color: var(--content-primary-a); cursor: pointer; border-radius: var(--radius-xsmall); } .iy37zT\+jjUIgCpDES6c2Ow\=\= { display: flex; gap: var(--spacing-small); align-items: center; justify-content: flex-start; } .eIkLfTiT2ME62S-qXwgzHg\=\= { display: flex; flex-shrink: 0; align-items: center; justify-content: center; } .eIkLfTiT2ME62S-qXwgzHg\=\= svg { width: var(--size-medium); height: var(--size-medium); margin: var(--spacing-small); } .SdM\+Wq5pXDWrwuCmhpvFjg\=\= { width: var(--size-medium); height: var(--size-medium); transition: 0.2s ease-in-out; } .KGu8jgj0-VThGzR9rBYn5g\=\=[aria-expanded="true"] .SdM\+Wq5pXDWrwuCmhpvFjg\=\= { transform: rotateZ(180deg); } .-LoJTRlxqwc3xjYIuEt5fw\=\= { overflow: hidden; color: var(--content-primary-a); } .mDIMgfB3pcmE-UAOcJ-TEQ\=\= { padding: var(--spacing-medium) var(--spacing-none); } @media (prefers-reduced-motion: reduce) { .SdM\+Wq5pXDWrwuCmhpvFjg\=\= { transition: none; } .-LoJTRlxqwc3xjYIuEt5fw\=\= { transition: none; } } .QJNc2ST4DRC3B1QQSvxZ6A\=\= { width: 425px; height: 118px; margin: var(--spacing-none) auto var(--spacing-large); display: flex; justify-content: center; align-items: center; } .pMJI0uoKzVBadkmZyJdQng\=\= { display: flex; flex-direction: column; gap: var(--spacing-xsmall); } .qffh78SCji37pJPfLNr0FA\=\= { position: relative; } .xgmTivqDx0cSm2d4hj9ONg\=\= { position: relative; display: flex; align-items: center; } .dz-1VMpdP-mW1poHi1zXtg\=\= { position: absolute; margin-left: var(--spacing-medium-sm); line-height: 22px; color: var(--content-secondary); pointer-events: none; opacity: 1; } .H3MjCGXd9wbgqw8FSrdxuw\=\= { color: var(--content-primary-a); } .pMJI0uoKzVBadkmZyJdQng\=\=[data-disabled] .dz-1VMpdP-mW1poHi1zXtg\=\= { opacity: 0.45; } .xgmTivqDx0cSm2d4hj9ONg\=\= .Kwfru\+cTVP9O4cZAxz8gKQ\=\= { width: 100%; padding-left: var(--spacing-xxxlarge); } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; } .VW2mFUZvsJYxClDH4RPHtQ\=\= { position: absolute; /* This way, the tooltip is always centred within the input height */ /* label line-height + flex gap to reach the top of the input row, then centre within the input height (--size-xlarge) minus the icon size (--size-medium) */ top: calc(var(--body-standard-line-height) + var(--spacing-xsmall) + (var(--size-xlarge) - var(--size-medium)) / 2); right: var(--spacing-medium); } .c1vY\+7GgtYBF5ZjKmsD6Nw\=\= { box-sizing: border-box; flex-grow: 1; justify-content: space-between; overflow: hidden; } .lFPZTs9voHTR1T6yMKXiHg\=\= { } ._5j8yU2hbGDPfGGdNkp7cCQ\=\= { } .qlM0uQJImNcbKdYNDwdZMQ\=\= { } .fUNDstN3-Ut4cA3KZCeWeQ\=\= { } .MiijMPcvwiUY1OwLwRTxMg\=\= { display: flex; flex: 1; flex-direction: row; align-items: center; } ._6CHHGIUjvJstQo4jAbM37w\=\= { box-sizing: border-box; display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width: var(--size-medium); min-width: var(--size-medium); height: var(--size-medium); padding: var(--spacing-none); margin-left: var(--spacing-large); vertical-align: text-top; color: var(--content-primary-b); background-color: transparent; border: 1px solid var(--border-secondary); border-radius: var(--radius-xsmall); transition: all 200ms; svg { width: var(--size-small); height: var(--size-small); } } .c1vY\+7GgtYBF5ZjKmsD6Nw\=\=[data-selected] ._6CHHGIUjvJstQo4jAbM37w\=\=, .c1vY\+7GgtYBF5ZjKmsD6Nw\=\=[data-indeterminate] ._6CHHGIUjvJstQo4jAbM37w\=\= { background-color: var(--background-primary); border: none; } .u7h\+g6UrDGwjxxyxP3R7EA\=\= { } .bTnvM\+ZGtFEISAkPtLlGSQ\=\= { } .Vs0FyntxZPXMYIBneHfXig\=\= { } ._864o0-F1GFGYJ0zxR2Ej4g\=\= { } .I9zxxD7fl51OCMq7\+h\+61w\=\= { color: var(--content-secondary); text-align: left; } .mjRGNvJkMq7MWHSPnSnthg\=\= { padding: var(--spacing-medium-lg); color: var(--content-primary-a); border-top: 1px dashed var(--border-tertiary); } .Eaz6cEI28Y3-gGR78iH98Q\=\= { display: flex; flex-direction: column; width: 100%; max-width: 504px; .StripeElement { width: 100%; min-height: 44px; padding: var(--spacing-medium-sm); /* 6px matches TextField's label-to-input gap; no spatial token exists. */ margin-top: 6px; background-color: var(--background-field); border: none; border-radius: var(--radius-small); transition: box-shadow 0.15s; } .StripeElement--focus { box-shadow: 0 0 0 4px var(--border-focus); } .StripeElement--invalid { outline: 1px solid var(--border-error); outline-offset: -1px; } .StripeElement--webkit-autofill { background-color: var(--background-field) !important; } } .XDAsLBcpbIrqeoJrs0\+i\+w\=\= { margin-top: var(--spacing-medium); margin-bottom: var(--spacing-large); } .i2uEZj9yMA0078Yfrz2eYA\=\= { display: block; color: var(--content-primary-a); } .R3duvECu3\+8CYSIrRviiQg\=\=:not(:empty) { margin-top: var(--spacing-xsmall); color: var(--content-error); } .UiT0avLz4MX8fzASK7utaQ\=\= { margin-bottom: var(--spacing-large); } .wAmYNylU4epa3Sv7DnN53Q\=\= { align-self: flex-start; } .LPIP6bThUKDgKOu8F4sV-w\=\= { display: flex; justify-content: center; } .U96x\+mjaZvX-ZXho1i8ukg\=\= { width: 100%; max-width: 536px; /* 504px + 32px */ padding: var(--spacing-medium); } @media only screen and (width > 768px) { .U96x\+mjaZvX-ZXho1i8ukg\=\= { padding: var(--spacing-xxxlarge) var(--spacing-medium); } } .p6J-KbEivuLIhJxvZinV7Q\=\= { display: flex; flex-direction: column; align-items: center; } ._3-TXRgY6jsD0hL9SRF9myg\=\= { width: 200px; height: 200px; } .wkE-7EYDWcamZrLcUwhRlQ\=\=, ._8xbQURlzrPEfsh8hADxdNg\=\= { text-align: center; } ._8xbQURlzrPEfsh8hADxdNg\=\= a { color: var(--content-primary-a); } .QeW-TutTadK2v3MzLu0M5w\=\= { position: relative; display: inline-flex; height: var(--size-xlarge); color: var(--content-primary-a); background-color: var(--background-tertiary); border: 1px solid var(--border-tertiary); border-radius: 56px; } .PSC\+5slIInhbvzL0Z9Ti7w\=\= { opacity: 0.45; .ax158DuqxxjunoQMO2iS-Q\=\= { cursor: not-allowed; user-select: none; } .ssSFb-i0dBt3JPlUVi2k8g\=\=:hover { background-color: var(--background-tertiary); } .ssSFb-i0dBt3JPlUVi2k8g\=\=:active { background-color: var(--background-tertiary); } } .ssSFb-i0dBt3JPlUVi2k8g\=\= { display: grid; grid-template-columns: 1fr 1fr; width: 100%; margin: 1px; border-radius: 56px; &:hover { background-color: var(--state-primary-a-hover); } &:active { background-color: var(--state-primary-a-pressed); } } .ltCTfnaXsPRmbS591B0\+dg\=\= { /* 1px and 2px offsets are to mimic an invisible border around the background since the background is animated and we had to use an absolute positioning */ position: absolute; top: 0; left: 0; z-index: var(--z-index-default); width: 50%; height: calc(100% - 2px); margin-top: 1px; background: var(--background-toggle-button); border-radius: 56px; transform: translateX(1px); transition: transform 0.2s ease-in-out; &.LEVzoPUaR0Z9NiwYG-0llQ\=\= { transform: translateX(calc(100% - 1px)); } } .dB\+-wxV\+KbZK7dA1YgXRcw\=\= { position: absolute; width: var(--size-none); height: var(--size-none); opacity: 0; &:focus-visible + .ax158DuqxxjunoQMO2iS-Q\=\= { border-radius: 58px; box-shadow: 0 0 0 4px var(--border-focus); } } .ax158DuqxxjunoQMO2iS-Q\=\= { z-index: var(--z-index-default); display: inline-flex; align-items: center; justify-content: center; padding: 6px var(--spacing-medium-lg); white-space: nowrap; cursor: pointer; border: none; border-radius: 56px; transition: color 0.2s ease-in-out; } ._0TEGi6IiT8Tr-LFR74DXJA\=\= { color: var(--content-primary-a-static); } .Yp2aovOdk5nPjQ5fhVypWQ\=\= { @media only screen and (width > 374px) { display: none !important; } } .f6T\+EFIkEy3Rk8uRLu\+zLw\=\= { @media only screen and (width <= 374px) { display: none !important; } } .OHCVsSEibYNvprSs3HsKyw\=\= { width: 100%; overflow: hidden; } .wJVRtIgaQiPOdcHTsokAMQ\=\= { display: flex; margin-left: calc(var(--slide-spacing) * -1); touch-action: pan-y pinch-zoom; backface-visibility: hidden; } .i0dGFYw-CdmYtLJKwRFHVg\=\= { flex: 0 0 var(--slide-size); padding-left: var(--slide-spacing); } .XEKEHmQ1xcdjRT\+0Av9pMg\=\= { display: flex; gap: var(--spacing-xsmall); justify-content: center; margin: var(--spacing-medium) var(--spacing-none); } .z\+AMB5hZI5FhIJaFLMh\+2A\=\= { width: 6px; height: 6px; background-color: var(--content-tertiary); border-radius: 9999px; transition: background-color, width 200ms ease-in-out; } .z\+AMB5hZI5FhIJaFLMh\+2A\=\=.hzXRJNKrUFo7Usb7GE1yNg\=\= { width: 18px; background-color: var(--content-primary-a); } .sC6UxPqqedIvZt0eE6gzOw\=\= { padding: var(--spacing-xsmall); background-color: var(--background-accent-low); } .hExb3Ck1zxAYSsEYDx1vOA\=\= { background: linear-gradient(90deg, #b8b8b5 50%, rgba(255, 255, 255, 0%) 50%); background-size: 10px 1px; height: 1px; margin: var(--spacing-large) var(--spacing-none); width: 100%; border: none; } .yPtdx2Fup6Umejf64mP3lg\=\= { margin: var(--spacing-none); margin-bottom: var(--spacing-small); } .C1UH81Xte6RH08ZqqhVXzg\=\= { list-style-type: none; padding: var(--spacing-none); margin: var(--spacing-none); } ._7Y4XzjkciJmQyYfAsLxzuA\=\= { display: flex; .y2315fiv\+PLByHPW2e10MA\=\= { width: 24px; height: 24px; flex-shrink: 0; align-self: flex-start; } span { align-self: center; } } .rd\+ltR0XeRGew\+6hC-Og\+Q\=\= ._2wQRsoGSt8CTVyZ6-a6kig\=\= { width: var(--size-medium-small); } .rd\+ltR0XeRGew\+6hC-Og\+Q\=\=.IPD5SnP62yrgLBfDISpYww\=\= { ._2wQRsoGSt8CTVyZ6-a6kig\=\= { mask: url(/static/checkmark.960ec44e9be9947e1ae9.svg) no-repeat center; background: var(--content-primary-a); } } .rd\+ltR0XeRGew\+6hC-Og\+Q\=\=.tgnXDCDEhelzoEZL3C0gWg\=\= { text-decoration: line-through; color: var(--content-secondary); ._2wQRsoGSt8CTVyZ6-a6kig\=\= { mask: url(/static/cross.808ab8bbf6b5ed6316f5.svg) no-repeat center; background: var(--content-secondary); } } .rd\+ltR0XeRGew\+6hC-Og\+Q\=\=:last-child { margin-bottom: var(--spacing-none); } .xxm\+CZaxPHlhWg\+knjh4gQ\=\= { .fT7RQAtsCgnJGUFfcA4Ycw\=\= { background-image: var(--icon-light-path); background-size: 24px 24px; background-repeat: no-repeat; background-position: center; } } .xxm\+CZaxPHlhWg\+knjh4gQ\=\=.A0NzptSmU2YCevNaKfeBpQ\=\= { color: var(--content-secondary); text-decoration: line-through; .fT7RQAtsCgnJGUFfcA4Ycw\=\= { opacity: var(--disabled-opacity); } } .dark-theme .fT7RQAtsCgnJGUFfcA4Ycw\=\= { background-image: var(--icon-dark-path); } .kEYw-CNs8PQGuG2vuYZGqQ\=\= { color: var(--content-primary-a); display: grid; grid-template-rows: subgrid; grid-row: span 5; } .xBYeWySUlD0tc1c5GzVSNQ\=\= { background-color: var(--elevation-default); padding: 22px; border: 2px solid var(--elevation-default); border-radius: var(--radius-small); display: grid; grid-template-rows: subgrid; grid-row: 1 / 5; gap: var(--spacing-large); } .n3DUxsxk1ObUDqqpUuGT4g\=\= { background-color: var(--background-upgrade); border-color: var(--background-upgrade); } .jRfMxVsIhcRz165quxX5tQ\=\= { border-color: var(--border-primary); } .w8rS3uFcaJQvgJigLTnLiw\=\= { grid-row: span 5; } .w8rS3uFcaJQvgJigLTnLiw\=\= .xBYeWySUlD0tc1c5GzVSNQ\=\= { border-color: var(--border-tertiary); border-width: 1px; padding: 23px; border-radius: var(--radius-medium); grid-row: 1 / 6; } .w8rS3uFcaJQvgJigLTnLiw\=\= .xBYeWySUlD0tc1c5GzVSNQ\=\=.KrY\+oh16\+ygsVQWySxJBHg\=\= { border-color: var(--border-primary); border-width: 2px; padding: 22px; } .N51-PkQk2C5a39IGRtCxeA\=\= { display: flex; flex-direction: column; gap: var(--spacing-small); } .qh\+khKbHK8v9312OdhwCoA\=\= { margin: var(--spacing-none); } .OOlcHucRkvZteZyURN1tzQ\=\= { color: var(--content-secondary); text-decoration: line-through; margin-right: var(--spacing-small); } .lQgT0yG25WKyS\+wZXHKrbg\=\= { color: var(--content-secondary); } .b-C0lUsxGb-FisVC9mlmKg\=\= { text-align: center; color: var(--content-secondary); } .z4TKIfwXPyi0qyDNDCVp-A\=\= { color: var(--content-secondary); } .W3PjoXqw6Ojb4Na2MkO3eg\=\= { padding: var(--spacing-large); } ._1lNxSvXkUayHyfEfuXGv7w\=\= { padding-top: var(--spacing-none); } .EPkH-KePo7TD4TSUdF2v2Q\=\= { display: flex; flex-direction: column; gap: var(--spacing-large); } ._2CIr4iEiGBBIte5Ayv8vfQ\=\= { margin-top: auto; } .vUuL8RpiHMdUxhVZV4oxxg\=\= { display: flex; justify-content: space-between; align-items: center; } .Y2vhnodHQQiw8hqp0HisHA\=\= { color: var(--content-secondary); } .ays3tciKqTBXca6YPu753g\=\= { list-style-type: disc; padding-left: var(--spacing-medium); margin: var(--spacing-none); } .gEafb-GRQ930tLnKSyRYLg\=\= { margin-bottom: var(--spacing-xsmall); } .gEafb-GRQ930tLnKSyRYLg\=\=:last-child { margin-bottom: var(--spacing-none); } /* ─── Panel variant ─── */ .lG\+cHqWCX4jVjq7DJTgLdw\=\= { gap: var(--spacing-medium); } .lG\+cHqWCX4jVjq7DJTgLdw\=\= .ANvVnAGxymX3ipuR6vhX6w\=\= { order: 2; } .lG\+cHqWCX4jVjq7DJTgLdw\=\= .R7KEI1sjq6-bEc9ihaG7gA\=\= { order: 3; } .lG\+cHqWCX4jVjq7DJTgLdw\=\= .N51-PkQk2C5a39IGRtCxeA\=\= { order: 4; } ._6\+O3\+dzbkyRXqnmtr4GXGA\=\= { color: var(--content-secondary); } .arzysgB7g53ZocxvGL-Zhg\=\= { display: inline-flex; flex-direction: row; flex-wrap: nowrap; gap: var(--spacing-xsmall); align-items: center; width: fit-content; padding: var(--spacing-xsmall) 6px var(--spacing-xsmall) var(--spacing-xsmall); color: var(--content-primary-a); white-space: nowrap; border-radius: var(--radius-small); } .odFBmubSwJFbyIyxSmouJA\=\= svg { display: flex; width: var(--size-medium); height: var(--size-medium); } .YKoWWqJj4XrpsG5IDIY12g\=\= { padding-left: 6px; background-color: var(--background-secondary); } .JVPxjGwk\+tsbTZotEGB\+1w\=\=, .P9cb4oJa4QqGTi60TjBVyg\=\= { background-color: var(--background-error-low); } .JVPxjGwk\+tsbTZotEGB\+1w\=\= .odFBmubSwJFbyIyxSmouJA\=\=, .P9cb4oJa4QqGTi60TjBVyg\=\= .odFBmubSwJFbyIyxSmouJA\=\= { color: var(--content-error); } .lTeU9Tq7e9B5IxKXs9oivw\=\= { background-color: var(--background-secondary); } .lTeU9Tq7e9B5IxKXs9oivw\=\= .odFBmubSwJFbyIyxSmouJA\=\= { color: var(--content-secondary); } .A9p1NoohXWhfkIfHt\+aw9g\=\= { background-color: var(--background-success-low); } .A9p1NoohXWhfkIfHt\+aw9g\=\= .odFBmubSwJFbyIyxSmouJA\=\= { color: var(--content-success); } .R8D8zeJFFXqJthEvnZ4iGg\=\= { background-color: var(--background-accent-low); } .R8D8zeJFFXqJthEvnZ4iGg\=\= .odFBmubSwJFbyIyxSmouJA\=\= { color: var(--content-accent); } .IDAexOV9xxUUZom9N7qauQ\=\= { background-color: var(--background-warning-low); } .IDAexOV9xxUUZom9N7qauQ\=\= .odFBmubSwJFbyIyxSmouJA\=\= { color: var(--content-warning); } .Dc4rKQUYZYqu2hBHjpXMDg\=\= { display: flex; justify-content: center; padding: var(--spacing-large) var(--spacing-none); } .ERjSNEuDWnFmR6fhCHtGww\=\= { display: inline-flex; align-items: center; gap: var(--spacing-small); padding: var(--spacing-small) var(--spacing-medium); border: 1px solid var(--border-primary); border-radius: var(--border-radius-large); color: var(--content-primary-a); text-decoration: none; transition: background-color 0.2s; } .ERjSNEuDWnFmR6fhCHtGww\=\=:hover { background-color: var(--background-secondary); } ._1lwcLBl05-D2jLubuRgxYQ\=\= { padding-bottom: var(--spacing-large); } .l6\+afFCuurKA8Bc0-tGNGg\=\= { list-style-type: none; padding: var(--spacing-none); margin: var(--spacing-none); display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--spacing-small) var(--spacing-xlarge); } .eymcb2n1arOWoTkhPaoxcA\=\= { margin: var(--spacing-none); margin-bottom: var(--spacing-medium); } .o57s60OWI7MBr1btc5hSmw\=\= { display: list-item; list-style-type: disc; margin-left: var(--spacing-medium); } @media only screen and (width <= 776px) { .l6\+afFCuurKA8Bc0-tGNGg\=\= { grid-template-columns: 1fr; } } .DClcUpIzt4NdYKTjPAAqSg\=\= { margin: 0 -24px; } .wJroZUyXeYO7EO8y7iLs6w\=\=, .mUqgAl0E\+1ZSo9cumxaxog\=\= { display: grid; grid-template-rows: repeat(5, auto); width: 100%; gap: var(--spacing-none) var(--spacing-xlarge); } .wJroZUyXeYO7EO8y7iLs6w\=\= { grid-template-columns: repeat(3, 1fr); } .mUqgAl0E\+1ZSo9cumxaxog\=\= { grid-template-columns: repeat(2, 1fr); } .vj-SjMIX4K36h-1MrJtWTg\=\= { display: grid; grid-template-rows: subgrid; grid-row: span 5; position: relative; } .vj-SjMIX4K36h-1MrJtWTg\=\=:not(:last-child)::after { content: ""; position: absolute; right: -16px; top: 0; bottom: 0; width: 1px; background-color: var(--border-tertiary); } .vj-SjMIX4K36h-1MrJtWTg\=\= > * { box-sizing: border-box; /* need to reset because apps have box-sizing: inherit; globally */ } .b6aX7bSkfE-ccKVm1mESzg\=\= { display: none; } .bNxv8WyGDV1suVdMq4WJpQ\=\= [class*="emblaContainer"] { display: grid; grid-auto-flow: column; grid-template-rows: repeat(5, auto); grid-auto-columns: 85%; gap: var(--spacing-none) var(--spacing-medium); } .b6aX7bSkfE-ccKVm1mESzg\=\= .vj-SjMIX4K36h-1MrJtWTg\=\= { display: grid; grid-template-rows: subgrid; grid-row: 1 / 6; position: relative; } /* Divider after each carousel card except the last one */ .b6aX7bSkfE-ccKVm1mESzg\=\= .vj-SjMIX4K36h-1MrJtWTg\=\=:not(:last-child)::after { content: ""; position: absolute; right: -8px; top: 0; bottom: 0; width: 1px; background-color: var(--border-tertiary); } .Ac8Sl\+zRMBC\+cHiHJieGUA\=\= { display: block; } .GYtoFHgjGP4VixsNiNS16Q\=\= { gap: var(--spacing-none) var(--spacing-medium); } .GYtoFHgjGP4VixsNiNS16Q\=\= .vj-SjMIX4K36h-1MrJtWTg\=\=:not(:last-child)::after, .lJhibaEhGn84SadHoJeuCg\=\= .vj-SjMIX4K36h-1MrJtWTg\=\=:not(:last-child)::after { display: none; } .guqbuB\+KvotORXG4\+0UKOw\=\= { padding: var(--spacing-medium) var(--spacing-none) var(--spacing-none); } .TREqe-4SCD6Cy8CsgDzCkg\=\= { border: 1px solid var(--border-tertiary); border-radius: var(--radius-medium); padding: var(--spacing-large); } @media only screen and (width <= 776px) { .b6aX7bSkfE-ccKVm1mESzg\=\= { display: block; overflow: hidden; } .Ac8Sl\+zRMBC\+cHiHJieGUA\=\= { display: none; } .DClcUpIzt4NdYKTjPAAqSg\=\= { margin: var(--spacing-none); } } @media only screen and (width <= 1024px) { .Ld370NsePKTtgLV6UVlyFg\=\= { display: block; overflow: hidden; } ._5Ng8hNFPla0UvWNcUc8O-A\=\= { display: none; } .e-dUWLiHyrNJHbJUWvk4GA\=\= { margin: var(--spacing-none); } .jC51XLRLqXW34Ij\+6Cp8UQ\=\= ul { flex-direction: column; grid-template-columns: 1fr; } } .-h09i3YKcjuGNQI3D1V2uA\=\= { padding: var(--spacing-large) var(--spacing-none); border-top: 1px dashed var(--border-tertiary); } .S\+2ITPhKj7V4BqL8cmOOIA\=\= { margin: var(--spacing-none); margin-bottom: var(--spacing-medium); } .jsZfFWj02cfevucQ1TcpKg\=\= { list-style-type: none; padding: var(--spacing-none); margin: var(--spacing-none); display: flex; flex-wrap: wrap; gap: var(--spacing-medium) var(--spacing-xlarge); } .CJuPO5wHdPhVEkiIdNs1JA\=\= { display: flex; align-items: center; } .O7qoK3ardJUxzgsJwUtK1A\=\= { width: 24px; height: 24px; flex-shrink: 0; background-image: var(--icon-light-path); background-size: 24px 24px; background-repeat: no-repeat; background-position: center; } .dark-theme .O7qoK3ardJUxzgsJwUtK1A\=\= { background-image: var(--icon-dark-path); } @media only screen and (width <= 776px) { .jsZfFWj02cfevucQ1TcpKg\=\= { flex-direction: column; } } .ABUPfFY7yTWP5xjmPsGyHw\=\= { display: flex; justify-content: center; align-items: center; height: var(--size-xlarge); /* same as Button */ gap: var(--spacing-small); } .vaYXo9ObpV64BPuzbHa8PQ\=\= { color: var(--content-success); } .otzmidp\+q2Xj4lVx6QkxXg\=\= { height: auto; text-align: left; text-decoration: underline !important; text-underline-offset: 7px; /* emulate border bottom when line breaks */ border-bottom: none; } .otzmidp\+q2Xj4lVx6QkxXg\=\=::after { display: none; } .rmDSowdrFswMlNx8zwMYyg\=\= { margin: 0 -24px; } .sultkiCdfoL\+R7sYMjGYLA\=\= { display: flex; flex-direction: column; gap: var(--spacing-large); background-color: var(--elevation-default); color: var(--content-primary-a); padding: var(--spacing-large); border-radius: var(--radius-small); flex: 1; } .QNoUoL2oh2ePpBqwP8mpeQ\=\= { display: flex; flex-direction: column; gap: var(--spacing-small); &._8Cst3Wluha4YAlLu1gAEIg\=\= { align-items: center; gap: var(--spacing-xsmall); padding-bottom: var(--spacing-medium); } &.ddfetkhoLuay5XzkITNOVQ\=\= { flex-direction: row; align-items: center; padding-bottom: var(--spacing-large); } } .RMn7SE6muCVB03Q8x8kAPw\=\= { padding-top: var(--spacing-large); padding-bottom: var(--spacing-small); } @media only screen and (width <= 777px) { .rmDSowdrFswMlNx8zwMYyg\=\= { margin: var(--spacing-none); } } .PvzSaWYmHXjQLu2efiFJ2A\=\= { height: 100%; background-color: var(--brand-blueberry-50, #c6e6fb); display: flex; align-items: center; justify-content: center; padding: var(--spacing-xxlarge); } .BWQHgEnyFVyBW\+TlbmMsSQ\=\= { display: flex; flex-direction: column; align-items: center; gap: var(--spacing-xlarge); max-width: 400px; } .GwJ1JTrqYkJBKuKIaMkl3Q\=\= { display: flex; justify-content: center; align-items: center; width: 300px; height: 300px; margin: var(--spacing-none) auto; } .LHj9Jcatb8eAVZ3V\+dnb0g\=\= { width: 100%; height: 100%; } @media (width <= 768px) { .PvzSaWYmHXjQLu2efiFJ2A\=\= { display: none; } } ._7OMVpa5BK5Iz55nz5pHmFA\=\= { padding: var(--spacing-xxlarge); max-width: 500px; margin: var(--spacing-none) auto; min-height: 100%; display: flex; flex-direction: column; justify-content: center; } .eGm3YjJasCwUbuhTrIZoVw\=\= { display: flex; flex-direction: column; } ._3o\+UqjeDikb0N0id1gvQzA\=\= { margin: var(--spacing-none) var(--spacing-none) var(--spacing-xlarge); } .m6-Ptgck4NgqAGpsJw2EEQ\=\= { margin-bottom: var(--spacing-large); } .F1TmxxMq3D2\+AjUmrzVnmA\=\= { display: flex; margin-bottom: var(--spacing-xlarge); } /* Treatment variant (V2 design) */ .i2g0k8zyrBXZhS3wytXV-g\=\= { margin-bottom: var(--spacing-medium); } .NULGumTkaMt9cZFHjcHfiA\=\= { background-color: var(--elevation-low); border-radius: var(--radius-medium); padding: var(--spacing-medium); margin-bottom: var(--spacing-medium); } .WS6QMG8G0iUY-s2EXtELbg\=\= { list-style: none; margin: var(--spacing-none); padding: var(--spacing-small); display: flex; flex-direction: column; gap: var(--spacing-medium); } .uUDWQWyiNQn6bfW1c9h9\+g\=\= { display: flex; align-items: center; gap: var(--spacing-medium-sm); } .V1yzMyftaWYdA2HDiLjRyA\=\= { display: flex; flex-shrink: 0; } .V1yzMyftaWYdA2HDiLjRyA\=\= > svg { width: var(--size-medium); height: var(--size-medium); } .NxP2o9yA0wa0cfFCRckzvA\=\= { margin-bottom: var(--spacing-xlarge); } .DkqLq-qm9LN1e7mL1NJlQg\=\= { color: var(--content-secondary); } .KCedBD-WY0G-mc\+HB1hEoQ\=\= { margin-bottom: var(--spacing-xlarge); } /*# sourceMappingURL=chunk.5ca4415c482871ea0372.css.map*/