:root { --aspect-ratio-16x9: 1.77778; --aspect-ratio-16x10: 1.6; --aspect-ratio-3x2: 1.5; --aspect-ratio-4x3: 1.33333; --aspect-ratio-5x4: 1.25; --aspect-ratio-7x5: 1.4; --aspect-ratio-8x3: 2.66667; --aspect-ratio-1x1: 1; --aspect-ratio-9x16: .5625; --aspect-ratio-10x16: .625; --aspect-ratio-2x3: .666667; --aspect-ratio-3x4: .75; --aspect-ratio-4x5: .8; --border-radius-xs: 2px; --border-radius-s: 4px; --border-radius-sm: 6px; --border-radius-m: 8px; --border-radius-l: 12px; --border-radius-xl: 16px; --border-radius-none: 0px; --border-radius-rounded: 999px; --border-width-0: 0px; --border-width-100: 1px; --border-width-200: 2px; --border-width-300: 3px; --border-width-400: 4px; --breakpoints-smalltablet: 512px; --breakpoints-tablet: 768px; --breakpoints-laptop: 1024px; --breakpoints-desktop: 1440px; --color-foreground-neutral: #141414; --color-foreground-neutral-faded: #767676; --color-foreground-accent: #6950f3; --color-foreground-accent-hover: #5c4ace; --color-foreground-accent-active: #403591; --color-foreground-positive: #1f8900; --color-foreground-warning: #b7570b; --color-foreground-danger: #d4163a; --color-foreground-danger-hover: #bb1232; --color-foreground-danger-active: #831324; --color-foreground-disabled: #acacac; --color-foreground-ghost: #bfbfbf; --color-foreground-on-loud: #fff; --color-foreground-on-accent: #fff; --color-foreground-on-primary: #fff; --color-foreground-info: #2d76ec; --color-foreground-transparent: #fff0; --color-background-neutral: #d3d3d3; --color-background-neutral-hover: #bfbfbf; --color-background-neutral-active: #acacac; --color-background-neutral-faded: #f2f2f2; --color-background-neutral-faded-hover: #e5e5e5; --color-background-neutral-faded-active: #d3d3d3; --color-background-positive: #1f8900; --color-background-positive-hover: #2c7016; --color-background-positive-active: #215412; --color-background-positive-faded: #edfbe9; --color-background-positive-faded-hover: #d2f6c9; --color-background-positive-faded-active: #b1eea1; --color-background-danger: #d4163a; --color-background-danger-hover: #bb1232; --color-background-danger-active: #831324; --color-background-danger-faded: #feeceb; --color-background-danger-faded-hover: #fee3e2; --color-background-danger-faded-active: #ffd4d3; --color-background-disabled: #f2f2f2; --color-background-page: #fff; --color-background-page-hover: #f9f9f9; --color-background-page-active: #f5f5f5; --color-background-page-faded: #f9f9f9; --color-background-page-faded-hover: #f5f5f5; --color-background-page-faded-active: #f2f2f2; --color-background-base: #fff; --color-background-base-hover: #f5f5f5; --color-background-base-active: #f2f2f2; --color-background-elevated: #fff; --color-background-elevated-hover: #f5f5f5; --color-background-elevated-active: #f2f2f2; --color-background-primary: #141414; --color-background-primary-hover: #2f2f2f; --color-background-primary-active: #4a4a4a; --color-background-warning: #ffc00a; --color-background-warning-hover: #f19101; --color-background-warning-active: #b7570b; --color-background-warning-faded: #fff7db; --color-background-warning-faded-hover: #ffefb2; --color-background-warning-faded-active: #ffeab0; --color-background-accent: #6950f3; --color-background-accent-hover: #5c4ace; --color-background-accent-active: #403591; --color-background-accent-faded: #f0f0ff; --color-background-accent-faded-hover: #dbddff; --color-background-accent-faded-active: #d1d4ff; --color-background-info: #2d76ec; --color-background-info-faded: #eaf1fd; --color-background-overlay: #14141440; --color-background-overlay-on-image: #14141466; --color-background-overlay-in-page: #ffffffb3; --color-background-transparent: #14141400; --color-background-transparent-hover: #1414140a; --color-background-transparent-active: #14141414; --color-background-on-loud: #fff0; --color-background-on-loud-hover: #ffffff1a; --color-background-on-loud-active: #fff3; --color-background-shade-100: #14141405; --color-background-shade-200: #1414140d; --color-background-shade-300: #1414141a; --color-background-shade-400: #1414142b; --color-background-shade-500: #14141440; --color-background-shade-600: #14141454; --color-border-neutral: #d3d3d3; --color-border-neutral-hover: #bfbfbf; --color-border-neutral-active: #acacac; --color-border-neutral-faded: #e5e5e5; --color-border-neutral-faded-hover: #d3d3d3; --color-border-neutral-faded-active: #bfbfbf; --color-border-positive: #1f8900; --color-border-positive-faded: #d2f6c9; --color-border-positive-faded-hover: #b1eea1; --color-border-positive-faded-active: #7ed368; --color-border-danger: #d4163a; --color-border-danger-hover: #bb1232; --color-border-danger-active: #831324; --color-border-danger-faded: #fee3e2; --color-border-danger-faded-hover: #ffd4d3; --color-border-danger-faded-active: #fe9a9a; --color-border-disabled: #d3d3d3; --color-border-warning: #ffc00a; --color-border-warning-hover: #f19101; --color-border-warning-active: #b7570b; --color-border-warning-faded: #ffefb2; --color-border-warning-faded-hover: #ffeab0; --color-border-warning-faded-active: #ffc00a; --color-border-accent: #6950f3; --color-border-accent-hover: #5c4ace; --color-border-accent-active: #403591; --color-border-accent-faded: #dbddff; --color-border-accent-faded-hover: #d1d4ff; --color-border-accent-faded-active: #b0b1fd; --color-border-primary: #141414; --color-border-info: #2d76ec; --color-border-info-faded: #cce0ff; --color-border-transparent: #fff0; --color-static-black: #141414; --color-custom-blue-50: #ebf8fe; --color-custom-blue-100: #ceeffd; --color-custom-blue-700: #0075a8; --color-custom-blue-default: #a5dff8; --color-custom-blue-punch: #32bcf8; --color-custom-dark-blue-50: #eaf1fd; --color-custom-dark-blue-100: #eaf1fd; --color-custom-dark-blue-700: #2d76ec; --color-custom-dark-blue-default: #97c6f0; --color-custom-dark-blue-punch: #2d76ec; --color-custom-jordy-blue-50: #e8f0ff; --color-custom-jordy-blue-100: #c8dbff; --color-custom-jordy-blue-700: #2e65cc; --color-custom-jordy-blue-default: #9bbdfd; --color-custom-jordy-blue-punch: #1968fd; --color-custom-indigo-50: #edefff; --color-custom-indigo-100: #d3d8ff; --color-custom-indigo-700: #5363d0; --color-custom-indigo-default: #a9b3fe; --color-custom-indigo-punch: #475dff; --color-custom-lavender-50: #f0f0ff; --color-custom-lavender-100: #dbddff; --color-custom-lavender-700: #6950f3; --color-custom-lavender-default: #b7adff; --color-custom-lavender-punch: #6950f3; --color-custom-purple-50: #f4edff; --color-custom-purple-100: #e3d4ff; --color-custom-purple-700: #7b48d5; --color-custom-purple-default: #c6abf7; --color-custom-purple-punch: #8c4dff; --color-custom-wisteria-50: #f7eafc; --color-custom-wisteria-100: #edcdf8; --color-custom-wisteria-700: #9642b3; --color-custom-wisteria-default: #e4a3fa; --color-custom-wisteria-punch: #b32de0; --color-custom-pink-50: #faebf7; --color-custom-pink-100: #f3ceeb; --color-custom-pink-700: #b03b96; --color-custom-pink-default: #f6a2e4; --color-custom-pink-punch: #cc33ab; --color-custom-coral-50: #fceaee; --color-custom-coral-100: #f7ccd7; --color-custom-coral-700: #c03558; --color-custom-coral-default: #ffa3ba; --color-custom-coral-punch: #de2c59; --color-custom-red-50: #feeceb; --color-custom-red-100: #fee3e2; --color-custom-red-700: #d4163a; --color-custom-red-default: #ff8484; --color-custom-red-punch: #d4163a; --color-custom-blood-orange-50: #fff2eb; --color-custom-blood-orange-100: #fedfcf; --color-custom-blood-orange-700: #bf4a12; --color-custom-blood-orange-default: #ffa275; --color-custom-blood-orange-punch: #fa7839; --color-custom-orange-50: #fff7db; --color-custom-orange-100: #ffefb2; --color-custom-orange-700: #b7570b; --color-custom-orange-default: #ffbf69; --color-custom-orange-punch: #eda647; --color-custom-amber-50: #fff5db; --color-custom-amber-100: #f9e5b4; --color-custom-amber-700: #a87900; --color-custom-amber-default: #fed367; --color-custom-amber-punch: #fac84b; --color-custom-yellow-50: #fff7d1; --color-custom-yellow-100: #f8eba5; --color-custom-yellow-700: #947f05; --color-custom-yellow-default: #ffec78; --color-custom-yellow-punch: #fae14b; --color-custom-lime-50: #fafed7; --color-custom-lime-100: #ebf49f; --color-custom-lime-700: #7e8c02; --color-custom-lime-default: #e7f286; --color-custom-lime-punch: #def230; --color-custom-green-50: #edfbe9; --color-custom-green-100: #d2f6c9; --color-custom-green-700: #1f8900; --color-custom-green-default: #a6e5bd; --color-custom-green-punch: #1f8900; --color-custom-teal-50: #eefcfa; --color-custom-teal-100: #ccf5f1; --color-custom-teal-700: #1a7f76; --color-custom-teal-default: #6cd5cb; --color-custom-teal-punch: #2bd6c6; --color-custom-cyan-50: #ecfafb; --color-custom-cyan-100: #d1f3f6; --color-custom-cyan-700: #1c7b82; --color-custom-cyan-default: #91e8ee; --color-custom-cyan-punch: #41cfd9; --color-custom-light-grey-50: #dee3e7; --color-custom-light-grey-100: #dee3e7; --color-custom-light-grey-700: #dee3e7; --color-custom-light-grey-default: #dee3e7; --color-custom-light-grey-punch: #dee3e7; --color-custom-dark-grey-50: #a4adba; --color-custom-dark-grey-100: #a4adba; --color-custom-dark-grey-700: #a4adba; --color-custom-dark-grey-default: #a4adba; --color-custom-dark-grey-punch: #a4adba; --color-treasure-gold-background: #fff5db; --color-treasure-gold-gradient-shade: #b08335; --color-treasure-gold-foreground: #876d29; --color-treasure-gold-gradient-tint: #fac84b; --color-treasure-silver-background: #f3f3f3; --color-treasure-silver-gradient-shade: #747a8d; --color-treasure-silver-foreground: #606263; --color-treasure-silver-gradient-tint: #b8c1cd; --color-treasure-bronze-background: #fff2eb; --color-treasure-bronze-foreground: #b25528; --color-treasure-bronze-gradient-shade: #bf4a12; --color-treasure-bronze-gradient-tint: #fa7839; --color-treasure-amethyst-background: #f0f0ff; --color-treasure-amethyst-foreground: #6950f3; --color-treasure-amethyst-gradient-shade: #403591; --color-treasure-amethyst-gradient-tint: #6950f3; --color-treasure-diamond-background: #ecfafb; --color-treasure-diamond-gradient-shade: #2e9299; --color-treasure-diamond-foreground: #1c7b82; --color-treasure-diamond-gradient-tint: #41cfd9; --color-treasure-ruby-background: #feeceb; --color-treasure-ruby-gradient-tint: #de2c59; --color-treasure-ruby-gradient-shade: #9b203f; --color-treasure-ruby-foreground: #de2c59; --color-treasure-emerald-background: #edfbe9; --color-treasure-emerald-foreground: #2c7016; --color-treasure-emerald-gradient-shade: #215412; --color-treasure-emerald-gradient-tint: #1f8900; --color-treasure-sapphire-background: #edefff; --color-treasure-sapphire-foreground: #2e65cc; --color-treasure-sapphire-gradient-shade: #2b3899; --color-treasure-sapphire-gradient-tint: #475dff; --color-treasure-rhodonite-background: #faebf7; --color-treasure-rhodonite-foreground: #b03b96; --color-treasure-rhodonite-gradient-shade: #7c1f68; --color-treasure-rhodonite-gradient-tint: #cc33ab; --color-blue-rich-foreground: #037aff; --color-blue-soft-foreground: #7e91f5; --color-blue-deep-foreground: #5a6baf; --color-green-rich-foreground: #05bd45; --color-green-soft-foreground: #78c48c; --color-green-deep-foreground: #007a72; --color-neutral-rich-foreground: #5f7981; --color-neutral-soft-foreground: #a5b5bb; --color-neutral-deep-foreground: #53666c; --color-orange-rich-foreground: #f19101; --color-orange-soft-foreground: #cd966a; --color-orange-deep-foreground: #ab440f; --color-pink-rich-foreground: #ff4ba4; --color-pink-soft-foreground: #ff8ac3; --color-pink-deep-foreground: #d03693; --color-purple-rich-foreground: #835dd9; --color-purple-soft-foreground: #ce85ff; --color-purple-deep-foreground: #d78be4; --color-turquoise-rich-foreground: #978ef6; --color-turquoise-soft-foreground: #b2a3ff; --color-turquoise-deep-foreground: #0fa5ba; --elevation-base: 0 2px 4px 0 #1414141f; --elevation-elevated: 0 2px 8px 0 #14141414, 0 4px 20px 0 #1414141f; --elevation-clipping: 0 4px 2px -2px #1414140f; --elevation-clipping-bottom: 0 -1px 0 0 #e5e5e5; --elevation-drawer: 0 8px 32px 0 #14141429; --elevation-card: 0 2px 12px 4px #14141414, 0 0 6px 2px #14141405; --linear-gradient-accent-direction-rotation: 135deg; --linear-gradient-accent-direction-start-point-x: 0; --linear-gradient-accent-direction-start-point-y: 0; --linear-gradient-accent-direction-end-point-x: 1; --linear-gradient-accent-direction-end-point-y: 1; --linear-gradient-accent-stops-stop0-offset: 0; --linear-gradient-accent-stops-stop0-color: #6950f3; --linear-gradient-accent-stops-stop100-offset: 1; --linear-gradient-accent-stops-stop100-color: #403591; --linear-gradient-positive-direction-rotation: 135deg; --linear-gradient-positive-direction-start-point-x: 0; --linear-gradient-positive-direction-start-point-y: 0; --linear-gradient-positive-direction-end-point-x: 1; --linear-gradient-positive-direction-end-point-y: 1; --linear-gradient-positive-stops-stop0-offset: 0; --linear-gradient-positive-stops-stop0-color: #1f8900; --linear-gradient-positive-stops-stop100-offset: 1; --linear-gradient-positive-stops-stop100-color: #215412; --motion-duration-short-s: .1s; --motion-duration-short-m: .2s; --motion-duration-short-l: .3s; --motion-duration-medium-s: .4s; --motion-duration-medium-m: .5s; --motion-duration-medium-l: .6s; --motion-duration-long-s: .8s; --motion-duration-long-m: 1s; --motion-duration-long-l: 1.2s; --motion-easing-linear: cubic-bezier(0, 0, 1, 1); --motion-easing-ease-in: cubic-bezier(.55, 0, 1, .45); --motion-easing-ease-out: cubic-bezier(0, .55, .45, 1); --motion-easing-ease-in-out: cubic-bezier(.85, 0, .15, 1); --motion-easing-gentle: cubic-bezier(.48, 1.4, .32, 1); --opacity-transparent: 0; --opacity-background-hover: .04; --opacity-background-active: .08; --opacity-on-loud-hover: .1; --opacity-on-loud-active: .2; --opacity-disabled: .4; --opacity-visible: 1; --scaling-0: 0; --scaling-10: .1; --scaling-20: .2; --scaling-30: .3; --scaling-40: .4; --scaling-50: .5; --scaling-60: .6; --scaling-70: .7; --scaling-80: .8; --scaling-85: .85; --scaling-90: .9; --scaling-95: .95; --scaling-100: 1; --scaling-105: 1.05; --scaling-110: 1.1; --scaling-115: 1.15; --scaling-120: 1.2; --scaling-125: 1.25; --scaling-130: 1.3; --scaling-140: 1.4; --scaling-150: 1.5; --scaling-160: 1.6; --scaling-170: 1.7; --scaling-180: 1.8; --scaling-190: 1.9; --scaling-200: 2; --scaling-default: 1; --scaling-hover: 1.1; --scaling-active: .96; --side-padding-mobile: 20px; --side-padding-tablet: 32px; --sizing-25: 2px; --sizing-50: 4px; --sizing-75: 6px; --sizing-100: 8px; --sizing-150: 12px; --sizing-200: 16px; --sizing-250: 20px; --sizing-275: 22px; --sizing-300: 24px; --sizing-350: 28px; --sizing-400: 32px; --sizing-450: 36px; --sizing-500: 40px; --sizing-550: 44px; --sizing-600: 48px; --sizing-700: 56px; --sizing-800: 64px; --sizing-900: 72px; --sizing-1000: 80px; --sizing-1200: 96px; --sizing-1500: 120px; --sizing-1700: 136px; --sizing-2400: 192px; --sizing-full-width: 100%; --spacing-0: 0px; --spacing-25: 2px; --spacing-50: 4px; --spacing-75: 6px; --spacing-100: 8px; --spacing-150: 12px; --spacing-200: 16px; --spacing-250: 20px; --spacing-300: 24px; --spacing-350: 28px; --spacing-400: 32px; --spacing-450: 36px; --spacing-500: 40px; --spacing-550: 44px; --spacing-600: 48px; --spacing-700: 56px; --spacing-800: 64px; --spacing-900: 72px; --spacing-1000: 80px; --spacing-1100: 88px; --spacing-1200: 96px; --spacing-1600: 128px; --text-decoration-underline: underline; --typography-display-xl-bold: 700 80px/92px var(--font-display, Tartuffo, Changa); --typography-display-l-bold: 700 48px/64px var(--font-display, Tartuffo, Changa); --typography-display-m-bold: 700 40px/44px var(--font-display, Tartuffo, Changa); --typography-display-s-bold: 700 28px/36px var(--font-display, Tartuffo, Changa); --typography-header-4xl-bold: 700 96px/112px var(--font-header, Roobert PRO, AktivGroteskVF); --typography-header-3xl-bold: 700 64px/80px var(--font-header, Roobert PRO, AktivGroteskVF); --typography-header-2xl-bold: 700 48px/52px var(--font-header, Roobert PRO, AktivGroteskVF); --typography-header-xl-bold: 700 40px/44px var(--font-header, Roobert PRO, AktivGroteskVF); --typography-header-l-semibold: 600 28px/36px var(--font-header, Roobert PRO, AktivGroteskVF); --typography-header-lm-semibold: 600 34px/40px var(--font-header, Roobert PRO, AktivGroteskVF); --typography-header-m-semibold: 600 24px/32px var(--font-header, Roobert PRO, AktivGroteskVF); --typography-header-s-semibold: 600 20px/28px var(--font-header, Roobert PRO, AktivGroteskVF); --typography-header-xs-semibold: 600 17px/24px var(--font-header, Roobert PRO, AktivGroteskVF); --typography-body-l-semibold: 600 24px/32px var(--font-body, Roobert PRO, AktivGroteskVF); --typography-body-l-medium: 500 24px/32px var(--font-body, Roobert PRO, AktivGroteskVF); --typography-body-l-regular: 400 24px/32px var(--font-body, Roobert PRO, AktivGroteskVF); --typography-body-ml-semibold: 600 20px/28px var(--font-body, Roobert PRO, AktivGroteskVF); --typography-body-ml-medium: 500 20px/28px var(--font-body, Roobert PRO, AktivGroteskVF); --typography-body-ml-regular: 400 20px/28px var(--font-body, Roobert PRO, AktivGroteskVF); --typography-body-m-semibold: 600 17px/24px var(--font-body, Roobert PRO, AktivGroteskVF); --typography-body-m-medium: 500 17px/24px var(--font-body, Roobert PRO, AktivGroteskVF); --typography-body-m-regular: 400 17px/24px var(--font-body, Roobert PRO, AktivGroteskVF); --typography-body-s-semibold: 600 15px/20px var(--font-body, Roobert PRO, AktivGroteskVF); --typography-body-s-medium: 500 15px/20px var(--font-body, Roobert PRO, AktivGroteskVF); --typography-body-s-regular: 400 15px/20px var(--font-body, Roobert PRO, AktivGroteskVF); --typography-body-xs-semibold: 600 13px/16px var(--font-body, Roobert PRO, AktivGroteskVF); --typography-body-xs-medium: 500 13px/16px var(--font-body, Roobert PRO, AktivGroteskVF); --typography-body-xs-regular: 400 13px/16px var(--font-body, Roobert PRO, AktivGroteskVF); --typography-body-2xs-semibold: 600 11px/12px var(--font-body, Roobert PRO, AktivGroteskVF); --typography-body-2xs-medium: 500 11px/12px var(--font-body, Roobert PRO, AktivGroteskVF); --typography-body-2xs-regular: 400 11px/12px var(--font-body, Roobert PRO, AktivGroteskVF); --typography-link-l-medium: 500 24px/32px var(--font-link, Roobert PRO, AktivGroteskVF); --typography-link-ml-medium: 500 20px/28px var(--font-link, Roobert PRO, AktivGroteskVF); --typography-link-m-medium: 500 17px/24px var(--font-link, Roobert PRO, AktivGroteskVF); --typography-link-s-medium: 500 15px/20px var(--font-link, Roobert PRO, AktivGroteskVF); --typography-link-xs-medium: 500 13px/16px var(--font-link, Roobert PRO, AktivGroteskVF); --typography-link-2xs-medium: 500 11px/12px var(--font-link, Roobert PRO, AktivGroteskVF); --utility-focus-ring: 0 0 0 2px white, 0 0 0 4px #141414; --avatar-size-2xs-initials-typography: 600 8px/12px var(--font-body, Roobert PRO, AktivGroteskVF); --avatar-size-xs-initials-typography: 600 9px/12px var(--font-body, Roobert PRO, AktivGroteskVF); --avatar-size-s-initials-typography: 600 11px/14px var(--font-body, Roobert PRO, AktivGroteskVF); --avatar-size-m-initials-typography: 600 13px/19px var(--font-body, Roobert PRO, AktivGroteskVF); --avatar-size-l-initials-typography: 600 16px/24px var(--font-body, Roobert PRO, AktivGroteskVF); --avatar-size-3xl-initials-typography: 600 24px/40px var(--font-body, Roobert PRO, AktivGroteskVF); --avatar-size-4xl-initials-typography: 600 28px/40px var(--font-body, Roobert PRO, AktivGroteskVF); --avatar-size-5xl-initials-typography: 600 36px/48px var(--font-body, Roobert PRO, AktivGroteskVF); --avatar-size-6xl-initials-typography: 600 56px/80px var(--font-body, Roobert PRO, AktivGroteskVF); --avatar-group-size-xs-state-default-container-composition-item-spacing: -12px; --avatar-group-size-s-state-default-container-composition-item-spacing: -12px; --avatar-group-size-m-state-default-container-composition-item-spacing: -16px; --avatar-group-size-l-state-default-container-composition-item-spacing: -20px; --avatar-group-size-xl-state-default-container-composition-item-spacing: -20px; --avatar-group-size-2xl-state-default-container-composition-item-spacing: -20px; --card-v2-color-elevated-state-default-innershadow: 0 2px 12px 4px #14141414, 0 0 6px 2px #14141405, inset 0 0 0 1px #e5e5e5; --card-v2-color-elevated-state-hover-innershadow: 0 2px 12px 4px #14141414, 0 0 6px 2px #14141405, inset 0 0 0 1px #d3d3d3; --card-v2-color-elevated-state-active-innershadow: 0 2px 12px 4px #14141414, 0 0 6px 2px #14141405, inset 0 0 0 1px #bfbfbf; --color-handle-color-default-outer-border-color: #14141433; --color-handle-structure-default-container-sizing: 18px; --divider-size-default-border-composition-border-width: 1px; --dropdown-size-default-default-min-width: 200px; --empty-state-size-default-content-container-composition-max-width: 512px; --gallery-fullscreen-size-default-desktop-container-composition-width: 1184px; --gallery-fullscreen-size-default-laptop-container-composition-width: 960px; --header-flow-size-wide-desktop-container-composition-width: 1440px; --header-flow-size-narrow-desktop-container-composition-width: 1440px; --layout-sub-sidebar-structure-widths-m-width: 296px; --layout-sub-sidebar-structure-widths-ml-width: 360px; --layout-sub-sidebar-structure-widths-l-width: 444px; --list-item-color-medium-disabled-container-opacity: .4; --list-item-color-low-disabled-container-opacity: .4; --list-item-color-lower-disabled-container-opacity: .4; --list-item-color-lowest-disabled-container-opacity: .4; --menu-item-variant-default-state-disabled-container-opacity: .4; --menu-item-size-l-default-layout-composition-min-height: 76px; --menu-item-size-l-laptop-layout-composition-min-height: 76px; --menu-item-color-default-disabled-opacity: .4; --modal-dialog-size-default-container-tablet-composition-width: 480px; --modal-dialog-size-wide-container-tablet-composition-width: 720px; --modal-dialog-size-wider-container-tablet-composition-width: 1088px; --modal-fullscreen-size-default-header-content-wrapper-full-width: 1208px; --modal-fullscreen-size-default-footer-right-element-wrapper-laptop-composition-width: 400px; --modal-fullscreen-size-default-footer-wrapper-full-width: 1208px; --popover-shape-no-shape-container-offset: 0; --popover-shape-no-shape-container-composition-horizontal-padding: 0; --popover-shape-no-shape-container-composition-border-width: 0; --popover-shape-no-shape-container-composition-item-spacing: 0; --popover-shape-no-shape-container-composition-padding-top: 0; --popover-shape-no-shape-container-composition-padding-bottom: 0; --popover-shape-no-shape-container-composition-border-radius-top-left: 0; --popover-shape-no-shape-container-composition-border-radius-top-right: 0; --popover-shape-no-shape-container-composition-border-radius-bottom-right: 0; --popover-shape-no-shape-container-composition-border-radius-bottom-left: 0; --radio-variant-default-state-selected-primitive-composition-border-width: 7px; --radio-variant-default-state-selected-disabled-primitive-composition-border-width: 7px; --radio-variant-default-state-selected-error-primitive-composition-border-width: 7px; --rating-input-size-default-state-active-scale: .9; --segmented-control-sub-item-color-default-disabled-layout-opacity: .4; --skeleton-variant-primary-container-animation-keyframes-from-opacity: .2; --skeleton-variant-primary-container-animation-keyframes-to-opacity: .5; --skeleton-text-size-display-xl-container-composition-height: 92px; --skeleton-text-size-header-2xl-container-composition-height: 52px; --skeleton-text-size-header-3xl-container-composition-height: 112px; --slider-size-default-state-hover-thumb-background-scale: 1.3; --slider-size-default-state-active-thumb-background-scale: 1.6; --splash-screen-size-default-ill-splash-default-composition-width: 1024px; --splash-screen-size-default-ill-splash-default-composition-height: 1024px; --splash-screen-size-default-content-composition-width: 480px; --splash-screen-size-default-icon-composition-sizing: 120px; --splash-screen-motion-playing-motion-duration: 3.2s; --table-overlay-size-s-container-composition-height: 200px; --table-overlay-size-m-container-composition-height: 400px; --table-shadows-column-pinning-box-shadow-default: 0px 4px 8px 0px #fff0; --table-shadows-column-pinning-box-shadow-base: 0px 4px 8px 0px #14141405, 0px 12px 20px 0px #1414140f; --thumbnail-size-2xs-state-default-emoji-typography: 600 11px/11px var(--font-body, Roobert PRO, AktivGroteskVF); --thumbnail-size-2xs-state-payment-card-container-composition-height: 17px; --thumbnail-size-2xs-state-card-icon-icon-composition-sizing: 9px; --thumbnail-size-2xs-state-card-icon-illustration-composition-sizing: 13.5px; --thumbnail-size-xs-state-default-emoji-typography: 600 11px/11px var(--font-body, Roobert PRO, AktivGroteskVF); --thumbnail-size-xs-state-payment-card-container-composition-height: 20px; --thumbnail-size-xs-state-card-icon-icon-composition-sizing: 10.5px; --thumbnail-size-xs-state-card-icon-illustration-composition-sizing: 15.75px; --thumbnail-size-s-state-default-emoji-typography: 600 14px/14px var(--font-body, Roobert PRO, AktivGroteskVF); --thumbnail-size-s-state-payment-card-container-composition-height: 23px; --thumbnail-size-s-state-card-icon-icon-composition-sizing: 12px; --thumbnail-size-s-state-card-icon-illustration-composition-sizing: 18px; --thumbnail-size-m-state-default-emoji-typography: 600 18px/18px var(--font-body, Roobert PRO, AktivGroteskVF); --thumbnail-size-m-state-payment-card-container-composition-height: 29px; --thumbnail-size-m-state-card-icon-icon-composition-sizing: 15px; --thumbnail-size-m-state-card-icon-illustration-composition-sizing: 22.5px; --thumbnail-size-l-state-default-emoji-typography: 600 20px/20px var(--font-body, Roobert PRO, AktivGroteskVF); --thumbnail-size-l-state-payment-card-container-composition-height: 34px; --thumbnail-size-l-state-card-icon-icon-composition-sizing: 18px; --thumbnail-size-l-state-card-icon-illustration-composition-sizing: 27px; --thumbnail-size-xl-state-default-emoji-typography: 600 24px/24px var(--font-body, Roobert PRO, AktivGroteskVF); --thumbnail-size-xl-state-payment-card-container-composition-height: 40px; --thumbnail-size-xl-state-card-icon-icon-composition-sizing: 21px; --thumbnail-size-xl-state-card-icon-illustration-composition-sizing: 31.5px; --thumbnail-size-2xl-state-default-emoji-typography: 600 28px/28px var(--font-body, Roobert PRO, AktivGroteskVF); --thumbnail-size-2xl-state-payment-card-container-composition-height: 46px; --thumbnail-size-2xl-state-card-icon-icon-composition-sizing: 24px; --thumbnail-size-2xl-state-card-icon-illustration-composition-sizing: 36px; --thumbnail-size-3xl-state-default-emoji-typography: 600 32px/32px var(--font-body, Roobert PRO, AktivGroteskVF); --thumbnail-size-3xl-state-payment-card-container-composition-height: 57px; --thumbnail-size-3xl-state-card-icon-icon-composition-sizing: 30px; --thumbnail-size-3xl-state-card-icon-illustration-composition-sizing: 45px; --thumbnail-size-4xl-state-default-emoji-typography: 600 36px/36px var(--font-body, Roobert PRO, AktivGroteskVF); --thumbnail-size-4xl-state-payment-card-container-composition-height: 69px; --thumbnail-size-4xl-state-card-icon-icon-composition-sizing: 36px; --thumbnail-size-4xl-state-card-icon-illustration-composition-sizing: 54px; --thumbnail-size-5xl-state-default-emoji-typography: 600 48px/48px var(--font-body, Roobert PRO, AktivGroteskVF); --thumbnail-size-5xl-state-payment-card-container-composition-height: 86px; --thumbnail-size-5xl-state-card-icon-icon-composition-sizing: 45px; --thumbnail-size-5xl-state-card-icon-illustration-composition-sizing: 67.5px; --thumbnail-size-6xl-state-default-container-composition-sizing: 192px; --thumbnail-size-6xl-state-default-emoji-typography: 600 80px/80px var(--font-body, Roobert PRO, AktivGroteskVF); --thumbnail-size-6xl-state-payment-card-container-composition-height: 86px; --thumbnail-size-6xl-state-card-icon-icon-composition-sizing: 45px; --thumbnail-size-6xl-state-card-icon-illustration-composition-sizing: 67.5px; --toast-size-default-container-composition-width: 400px; --toast-group-size-default-default-layout-composition-width: 400px; --toast-group-size-default-laptop-layout-composition-width: 400px; --tooltip-size-default-container-composition-width: 256px; --upsell-banner-structure-s-image-width: 128px; --upsell-banner-structure-m-layout-height: 216px; --upsell-banner-structure-m-image-width: 216px; --upsell-banner-structure-l-layout-height: 256px; --upsell-banner-structure-l-image-width: 456px; --wizard-structure-width-wide-default-laptop-container-max-width: 1184px; --wizard-structure-width-wide-default-desktop-container-max-width: 1184px; --wizard-structure-width-medium-default-laptop-container-max-width: 960px; --wizard-structure-width-narrow-default-tablet-container-max-width: 600px; color: var(--color-foreground-neutral); } @media (prefers-color-scheme:dark) { [data-theme=auto] { --aspect-ratio-16x9: 1.77778; --aspect-ratio-16x10: 1.6; --aspect-ratio-3x2: 1.5; --aspect-ratio-4x3: 1.33333; --aspect-ratio-5x4: 1.25; --aspect-ratio-7x5: 1.4; --aspect-ratio-8x3: 2.66667; --aspect-ratio-1x1: 1; --aspect-ratio-9x16: .5625; --aspect-ratio-10x16: .625; --aspect-ratio-2x3: .666667; --aspect-ratio-3x4: .75; --aspect-ratio-4x5: .8; --border-radius-xs: 2px; --border-radius-s: 4px; --border-radius-sm: 6px; --border-radius-m: 8px; --border-radius-l: 12px; --border-radius-xl: 16px; --border-radius-none: 0px; --border-radius-rounded: 999px; --border-width-0: 0px; --border-width-100: 1px; --border-width-200: 2px; --border-width-300: 3px; --border-width-400: 4px; --breakpoints-smalltablet: 512px; --breakpoints-tablet: 768px; --breakpoints-laptop: 1024px; --breakpoints-desktop: 1440px; --color-foreground-neutral: #f5f5f5; --color-foreground-neutral-faded: #bfbfbf; --color-foreground-accent: #8880ff; --color-foreground-accent-hover: #b0b1fd; --color-foreground-accent-active: #d1d4ff; --color-foreground-positive: #45b020; --color-foreground-warning: #f19101; --color-foreground-danger: #ff4360; --color-foreground-danger-hover: #fe9a9a; --color-foreground-danger-active: #ffd4d3; --color-foreground-disabled: #767676; --color-foreground-ghost: #626262; --color-foreground-on-loud: #fff; --color-foreground-on-accent: #fff; --color-foreground-on-primary: #141414; --color-foreground-info: #5791f0; --color-foreground-transparent: #14141400; --color-background-neutral: #404040; --color-background-neutral-hover: #4a4a4a; --color-background-neutral-active: #555; --color-background-neutral-faded: #383838; --color-background-neutral-faded-hover: #404040; --color-background-neutral-faded-active: #4a4a4a; --color-background-positive: #1f8900; --color-background-positive-hover: #2c7016; --color-background-positive-active: #215412; --color-background-positive-faded: #182914; --color-background-positive-faded-hover: #18390e; --color-background-positive-faded-active: #215412; --color-background-danger: #d4163a; --color-background-danger-hover: #bb1232; --color-background-danger-active: #831324; --color-background-danger-faded: #421015; --color-background-danger-faded-hover: #5a1019; --color-background-danger-faded-active: #831324; --color-background-disabled: #404040; --color-background-page: #141414; --color-background-page-hover: #272727; --color-background-page-active: #2f2f2f; --color-background-page-faded: #1e1e1e; --color-background-page-faded-hover: #272727; --color-background-page-faded-active: #2f2f2f; --color-background-base: #141414; --color-background-base-hover: #272727; --color-background-base-active: #2f2f2f; --color-background-elevated: #272727; --color-background-elevated-hover: #2f2f2f; --color-background-elevated-active: #383838; --color-background-primary: #fff; --color-background-primary-hover: #f2f2f2; --color-background-primary-active: #d3d3d3; --color-background-warning: #b7570b; --color-background-warning-hover: #9e4900; --color-background-warning-active: #713200; --color-background-warning-faded: #371c0c; --color-background-warning-faded-hover: #4d2305; --color-background-warning-faded-active: #713200; --color-background-accent: #6950f3; --color-background-accent-hover: #5c4ace; --color-background-accent-active: #403591; --color-background-accent-faded: #201e45; --color-background-accent-faded-hover: #2b2660; --color-background-accent-faded-active: #403591; --color-background-info: #2d76ec; --color-background-info-faded: #133263; --color-background-overlay: #383838a3; --color-background-overlay-on-image: #38383866; --color-background-overlay-in-page: #272727b3; --color-background-transparent: #14141400; --color-background-transparent-hover: #f5f5f50a; --color-background-transparent-active: #f5f5f514; --color-background-on-loud: #fff0; --color-background-on-loud-hover: #ffffff1a; --color-background-on-loud-active: #fff3; --color-background-shade-100: #ffffff05; --color-background-shade-200: #ffffff0d; --color-background-shade-300: #ffffff1a; --color-background-shade-400: #ffffff2b; --color-background-shade-500: #ffffff40; --color-background-shade-600: #ffffff54; --color-border-neutral: #404040; --color-border-neutral-hover: #626262; --color-border-neutral-active: #767676; --color-border-neutral-faded: #383838; --color-border-neutral-faded-hover: #626262; --color-border-neutral-faded-active: #767676; --color-border-positive: #1f8900; --color-border-positive-faded: #18390e; --color-border-positive-faded-hover: #215412; --color-border-positive-faded-active: #2c7016; --color-border-danger: #ff4360; --color-border-danger-hover: #fe9a9a; --color-border-danger-active: #ffd4d3; --color-border-danger-faded: #5a1019; --color-border-danger-faded-hover: #831324; --color-border-danger-faded-active: #bb1232; --color-border-disabled: #404040; --color-border-warning: #b7570b; --color-border-warning-hover: #9e4900; --color-border-warning-active: #713200; --color-border-warning-faded: #4d2305; --color-border-warning-faded-hover: #713200; --color-border-warning-faded-active: #9e4900; --color-border-accent: #6950f3; --color-border-accent-hover: #8880ff; --color-border-accent-active: #b0b1fd; --color-border-accent-faded: #2b2660; --color-border-accent-faded-hover: #403591; --color-border-accent-faded-active: #5c4ace; --color-border-primary: #fff; --color-border-info: #2d76ec; --color-border-info-faded: #194182; --color-border-transparent: #14141400; --color-static-black: #141414; --color-custom-blue-50: #022231; --color-custom-blue-100: #03344a; --color-custom-blue-700: #00a0e5; --color-custom-blue-default: #61b4d2; --color-custom-blue-punch: #32bcf8; --color-custom-dark-blue-50: #0c2040; --color-custom-dark-blue-100: #133263; --color-custom-dark-blue-700: #5791f0; --color-custom-dark-blue-default: #609cd1; --color-custom-dark-blue-punch: #2d76ec; --color-custom-jordy-blue-50: #001742; --color-custom-jordy-blue-100: #002469; --color-custom-jordy-blue-700: #538df9; --color-custom-jordy-blue-default: #6792e0; --color-custom-jordy-blue-punch: #1968fd; --color-custom-indigo-50: #070e47; --color-custom-indigo-100: #151f6b; --color-custom-indigo-700: #818fef; --color-custom-indigo-default: #8792e5; --color-custom-indigo-punch: #475dff; --color-custom-lavender-50: #070442; --color-custom-lavender-100: #252052; --color-custom-lavender-700: #6950f3; --color-custom-lavender-default: #a887e5; --color-custom-lavender-punch: #6950f3; --color-custom-purple-50: #180033; --color-custom-purple-100: #2c125c; --color-custom-purple-700: #966ede; --color-custom-purple-default: #a887e5; --color-custom-purple-punch: #8c4dff; --color-custom-wisteria-50: #270733; --color-custom-wisteria-100: #3c0b4d; --color-custom-wisteria-700: #ae66c7; --color-custom-wisteria-default: #d08ee5; --color-custom-wisteria-punch: #b32de0; --color-custom-pink-50: #290a23; --color-custom-pink-100: #3d0f33; --color-custom-pink-700: #c85bb0; --color-custom-pink-default: #e58ed3; --color-custom-pink-punch: #cc33ab; --color-custom-coral-50: #2d060f; --color-custom-coral-100: #420a19; --color-custom-coral-700: #d64e71; --color-custom-coral-default: #f294ac; --color-custom-coral-punch: #de2c59; --color-custom-red-50: #d4163a52; --color-custom-red-100: #bb1232; --color-custom-red-700: #fe9a9a; --color-custom-red-default: #e57777; --color-custom-red-punch: #ff4360; --color-custom-blood-orange-50: #331200; --color-custom-blood-orange-100: #4b1b02; --color-custom-blood-orange-700: #eb6729; --color-custom-blood-orange-default: #d98b60; --color-custom-blood-orange-punch: #fa7839; --color-custom-orange-50: #b7570b52; --color-custom-orange-100: #9e4900; --color-custom-orange-700: #ffc00a; --color-custom-orange-default: #e6a04d; --color-custom-orange-punch: #eda647; --color-custom-amber-50: #332500; --color-custom-amber-100: #4b3602; --color-custom-amber-700: #d19600; --color-custom-amber-default: #f0b74d; --color-custom-amber-punch: #fac84b; --color-custom-yellow-50: #332b00; --color-custom-yellow-100: #42390b; --color-custom-yellow-700: #fae14c; --color-custom-yellow-default: #e6d159; --color-custom-yellow-punch: #fae14b; --color-custom-lime-50: #2c3102; --color-custom-lime-100: #414804; --color-custom-lime-700: #e6f561; --color-custom-lime-default: #dde659; --color-custom-lime-punch: #def230; --color-custom-green-50: #1f890052; --color-custom-green-100: #2c7016; --color-custom-green-700: #45b020; --color-custom-green-default: #5bc682; --color-custom-green-punch: #7ed368; --color-custom-teal-50: #082b26; --color-custom-teal-100: #0d403b; --color-custom-teal-700: #7fe6dd; --color-custom-teal-default: #59c2b8; --color-custom-teal-punch: #2bd6c6; --color-custom-cyan-50: #09282a; --color-custom-cyan-100: #0d3c40; --color-custom-cyan-700: #95e4ea; --color-custom-cyan-default: #59bbc2; --color-custom-cyan-punch: #41cfd9; --color-custom-light-grey-50: #dee3e7; --color-custom-light-grey-100: #dee3e7; --color-custom-light-grey-700: #dee3e7; --color-custom-light-grey-default: #dee3e7; --color-custom-light-grey-punch: #dee3e7; --color-custom-dark-grey-50: #a4adba; --color-custom-dark-grey-100: #a4adba; --color-custom-dark-grey-700: #a4adba; --color-custom-dark-grey-default: #a4adba; --color-custom-dark-grey-punch: #a4adba; --color-treasure-gold-background: #332500; --color-treasure-gold-gradient-shade: #fbc45e; --color-treasure-gold-foreground: #f0b74d; --color-treasure-gold-gradient-tint: #553e00; --color-treasure-silver-background: #3a4144; --color-treasure-silver-gradient-shade: #c4cedb; --color-treasure-silver-foreground: #bfbfbf; --color-treasure-silver-gradient-tint: #3a4144; --color-treasure-bronze-background: #331200; --color-treasure-bronze-foreground: #d98b60; --color-treasure-bronze-gradient-shade: #ff9a69; --color-treasure-bronze-gradient-tint: #772900; --color-treasure-amethyst-background: #070442; --color-treasure-amethyst-foreground: #a887e5; --color-treasure-amethyst-gradient-shade: #c2a5f9; --color-treasure-amethyst-gradient-tint: #3d2e8c; --color-treasure-diamond-background: #09282a; --color-treasure-diamond-gradient-shade: #56edf7; --color-treasure-diamond-foreground: #59bbc2; --color-treasure-diamond-gradient-tint: #133d40; --color-treasure-ruby-background: #2d060f; --color-treasure-ruby-gradient-tint: #ab2244; --color-treasure-ruby-gradient-shade: #fc6f93; --color-treasure-ruby-foreground: #f294ac; --color-treasure-emerald-background: #182914; --color-treasure-emerald-foreground: #5bc682; --color-treasure-emerald-gradient-shade: #5bc682; --color-treasure-emerald-gradient-tint: #165e00; --color-treasure-sapphire-background: #070e47; --color-treasure-sapphire-foreground: #8792e5; --color-treasure-sapphire-gradient-shade: #929def; --color-treasure-sapphire-gradient-tint: #3241b2; --color-treasure-rhodonite-background: #290a23; --color-treasure-rhodonite-foreground: #e58ed3; --color-treasure-rhodonite-gradient-shade: #fa82e1; --color-treasure-rhodonite-gradient-tint: #7c1f68; --color-blue-rich-foreground: #037aff; --color-blue-soft-foreground: #7e91f5; --color-blue-deep-foreground: #5a6baf; --color-green-rich-foreground: #05bd45; --color-green-soft-foreground: #78c48c; --color-green-deep-foreground: #007a72; --color-neutral-rich-foreground: #5f7981; --color-neutral-soft-foreground: #a5b5bb; --color-neutral-deep-foreground: #53666c; --color-orange-rich-foreground: #f19101; --color-orange-soft-foreground: #cd966a; --color-orange-deep-foreground: #ab440f; --color-pink-rich-foreground: #ff4ba4; --color-pink-soft-foreground: #ff8ac3; --color-pink-deep-foreground: #d03693; --color-purple-rich-foreground: #835dd9; --color-purple-soft-foreground: #ce85ff; --color-purple-deep-foreground: #d78be4; --color-turquoise-rich-foreground: #978ef6; --color-turquoise-soft-foreground: #b2a3ff; --color-turquoise-deep-foreground: #0fa5ba; --elevation-base: 0 2px 4px 0 #1414141f; --elevation-elevated: 0 2px 8px 0 #14141414, 0 4px 20px 0 #1414141f; --elevation-clipping: 0 4px 2px -2px #1414140f; --elevation-clipping-bottom: 0 -1px 0 0 #383838; --elevation-drawer: 0 8px 32px 0 #14141429; --elevation-card: 0 2px 12px 4px #14141414, 0 0 6px 2px #14141405; --linear-gradient-accent-direction-rotation: 135deg; --linear-gradient-accent-direction-start-point-x: 0; --linear-gradient-accent-direction-start-point-y: 0; --linear-gradient-accent-direction-end-point-x: 1; --linear-gradient-accent-direction-end-point-y: 1; --linear-gradient-accent-stops-stop0-offset: 0; --linear-gradient-accent-stops-stop0-color: #6950f3; --linear-gradient-accent-stops-stop100-offset: 1; --linear-gradient-accent-stops-stop100-color: #b0b1fd; --linear-gradient-positive-direction-rotation: 0deg; --linear-gradient-positive-direction-start-point-x: 0; --linear-gradient-positive-direction-start-point-y: 0; --linear-gradient-positive-direction-end-point-x: 1; --linear-gradient-positive-direction-end-point-y: 1; --linear-gradient-positive-stops-stop0-offset: 0; --linear-gradient-positive-stops-stop0-color: #1f8900; --linear-gradient-positive-stops-stop100-offset: 1; --linear-gradient-positive-stops-stop100-color: #215412; --motion-duration-short-s: .1s; --motion-duration-short-m: .2s; --motion-duration-short-l: .3s; --motion-duration-medium-s: .4s; --motion-duration-medium-m: .5s; --motion-duration-medium-l: .6s; --motion-duration-long-s: .8s; --motion-duration-long-m: 1s; --motion-duration-long-l: 1.2s; --motion-easing-linear: cubic-bezier(0, 0, 1, 1); --motion-easing-ease-in: cubic-bezier(.55, 0, 1, .45); --motion-easing-ease-out: cubic-bezier(0, .55, .45, 1); --motion-easing-ease-in-out: cubic-bezier(.85, 0, .15, 1); --motion-easing-gentle: cubic-bezier(.48, 1.4, .32, 1); --opacity-transparent: 0; --opacity-background-hover: .04; --opacity-background-active: .08; --opacity-on-loud-hover: .1; --opacity-on-loud-active: .2; --opacity-disabled: .4; --opacity-visible: 1; --scaling-0: 0; --scaling-10: .1; --scaling-20: .2; --scaling-30: .3; --scaling-40: .4; --scaling-50: .5; --scaling-60: .6; --scaling-70: .7; --scaling-80: .8; --scaling-85: .85; --scaling-90: .9; --scaling-95: .95; --scaling-100: 1; --scaling-105: 1.05; --scaling-110: 1.1; --scaling-115: 1.15; --scaling-120: 1.2; --scaling-125: 1.25; --scaling-130: 1.3; --scaling-140: 1.4; --scaling-150: 1.5; --scaling-160: 1.6; --scaling-170: 1.7; --scaling-180: 1.8; --scaling-190: 1.9; --scaling-200: 2; --scaling-default: 1; --scaling-hover: 1.1; --scaling-active: .96; --side-padding-mobile: 20px; --side-padding-tablet: 32px; --sizing-25: 2px; --sizing-50: 4px; --sizing-75: 6px; --sizing-100: 8px; --sizing-150: 12px; --sizing-200: 16px; --sizing-250: 20px; --sizing-275: 22px; --sizing-300: 24px; --sizing-350: 28px; --sizing-400: 32px; --sizing-450: 36px; --sizing-500: 40px; --sizing-550: 44px; --sizing-600: 48px; --sizing-700: 56px; --sizing-800: 64px; --sizing-900: 72px; --sizing-1000: 80px; --sizing-1200: 96px; --sizing-1500: 120px; --sizing-1700: 136px; --sizing-2400: 192px; --sizing-full-width: 100%; --spacing-0: 0px; --spacing-25: 2px; --spacing-50: 4px; --spacing-75: 6px; --spacing-100: 8px; --spacing-150: 12px; --spacing-200: 16px; --spacing-250: 20px; --spacing-300: 24px; --spacing-350: 28px; --spacing-400: 32px; --spacing-450: 36px; --spacing-500: 40px; --spacing-550: 44px; --spacing-600: 48px; --spacing-700: 56px; --spacing-800: 64px; --spacing-900: 72px; --spacing-1000: 80px; --spacing-1100: 88px; --spacing-1200: 96px; --spacing-1600: 128px; --text-decoration-underline: underline; --typography-display-xl-bold: 700 80px/92px var(--font-display, Tartuffo, Changa); --typography-display-l-bold: 700 48px/64px var(--font-display, Tartuffo, Changa); --typography-display-m-bold: 700 40px/44px var(--font-display, Tartuffo, Changa); --typography-display-s-bold: 700 28px/36px var(--font-display, Tartuffo, Changa); --typography-header-4xl-bold: 700 96px/112px var(--font-header, Roobert PRO, AktivGroteskVF); --typography-header-3xl-bold: 700 64px/80px var(--font-header, Roobert PRO, AktivGroteskVF); --typography-header-2xl-bold: 700 48px/52px var(--font-header, Roobert PRO, AktivGroteskVF); --typography-header-xl-bold: 700 40px/44px var(--font-header, Roobert PRO, AktivGroteskVF); --typography-header-l-semibold: 600 28px/36px var(--font-header, Roobert PRO, AktivGroteskVF); --typography-header-lm-semibold: 600 34px/40px var(--font-header, Roobert PRO, AktivGroteskVF); --typography-header-m-semibold: 600 24px/32px var(--font-header, Roobert PRO, AktivGroteskVF); --typography-header-s-semibold: 600 20px/28px var(--font-header, Roobert PRO, AktivGroteskVF); --typography-header-xs-semibold: 600 17px/24px var(--font-header, Roobert PRO, AktivGroteskVF); --typography-body-l-semibold: 600 24px/32px var(--font-body, Roobert PRO, AktivGroteskVF); --typography-body-l-medium: 500 24px/32px var(--font-body, Roobert PRO, AktivGroteskVF); --typography-body-l-regular: 400 24px/32px var(--font-body, Roobert PRO, AktivGroteskVF); --typography-body-ml-semibold: 600 20px/28px var(--font-body, Roobert PRO, AktivGroteskVF); --typography-body-ml-medium: 500 20px/28px var(--font-body, Roobert PRO, AktivGroteskVF); --typography-body-ml-regular: 400 20px/28px var(--font-body, Roobert PRO, AktivGroteskVF); --typography-body-m-semibold: 600 17px/24px var(--font-body, Roobert PRO, AktivGroteskVF); --typography-body-m-medium: 500 17px/24px var(--font-body, Roobert PRO, AktivGroteskVF); --typography-body-m-regular: 400 17px/24px var(--font-body, Roobert PRO, AktivGroteskVF); --typography-body-s-semibold: 600 15px/20px var(--font-body, Roobert PRO, AktivGroteskVF); --typography-body-s-medium: 500 15px/20px var(--font-body, Roobert PRO, AktivGroteskVF); --typography-body-s-regular: 400 15px/20px var(--font-body, Roobert PRO, AktivGroteskVF); --typography-body-xs-semibold: 600 13px/16px var(--font-body, Roobert PRO, AktivGroteskVF); --typography-body-xs-medium: 500 13px/16px var(--font-body, Roobert PRO, AktivGroteskVF); --typography-body-xs-regular: 400 13px/16px var(--font-body, Roobert PRO, AktivGroteskVF); --typography-body-2xs-semibold: 600 11px/12px var(--font-body, Roobert PRO, AktivGroteskVF); --typography-body-2xs-medium: 500 11px/12px var(--font-body, Roobert PRO, AktivGroteskVF); --typography-body-2xs-regular: 400 11px/12px var(--font-body, Roobert PRO, AktivGroteskVF); --typography-link-l-medium: 500 24px/32px var(--font-link, Roobert PRO, AktivGroteskVF); --typography-link-ml-medium: 500 20px/28px var(--font-link, Roobert PRO, AktivGroteskVF); --typography-link-m-medium: 500 17px/24px var(--font-link, Roobert PRO, AktivGroteskVF); --typography-link-s-medium: 500 15px/20px var(--font-link, Roobert PRO, AktivGroteskVF); --typography-link-xs-medium: 500 13px/16px var(--font-link, Roobert PRO, AktivGroteskVF); --typography-link-2xs-medium: 500 11px/12px var(--font-link, Roobert PRO, AktivGroteskVF); --utility-focus-ring: 0 0 0 2px #141414, 0 0 0 4px whitesmoke; --avatar-size-2xs-initials-typography: 600 8px/12px var(--font-body, Roobert PRO, AktivGroteskVF); --avatar-size-xs-initials-typography: 600 9px/12px var(--font-body, Roobert PRO, AktivGroteskVF); --avatar-size-s-initials-typography: 600 11px/14px var(--font-body, Roobert PRO, AktivGroteskVF); --avatar-size-m-initials-typography: 600 13px/19px var(--font-body, Roobert PRO, AktivGroteskVF); --avatar-size-l-initials-typography: 600 16px/24px var(--font-body, Roobert PRO, AktivGroteskVF); --avatar-size-3xl-initials-typography: 600 24px/40px var(--font-body, Roobert PRO, AktivGroteskVF); --avatar-size-4xl-initials-typography: 600 28px/40px var(--font-body, Roobert PRO, AktivGroteskVF); --avatar-size-5xl-initials-typography: 600 36px/48px var(--font-body, Roobert PRO, AktivGroteskVF); --avatar-size-6xl-initials-typography: 600 56px/80px var(--font-body, Roobert PRO, AktivGroteskVF); --avatar-group-size-xs-state-default-container-composition-item-spacing: -12px; --avatar-group-size-s-state-default-container-composition-item-spacing: -12px; --avatar-group-size-m-state-default-container-composition-item-spacing: -16px; --avatar-group-size-l-state-default-container-composition-item-spacing: -20px; --avatar-group-size-xl-state-default-container-composition-item-spacing: -20px; --avatar-group-size-2xl-state-default-container-composition-item-spacing: -20px; --card-v2-color-elevated-state-default-innershadow: 0 2px 12px 4px #14141414, 0 0 6px 2px #14141405, inset 0 0 0 1px #383838; --card-v2-color-elevated-state-hover-innershadow: 0 2px 12px 4px #14141414, 0 0 6px 2px #14141405, inset 0 0 0 1px #626262; --card-v2-color-elevated-state-active-innershadow: 0 2px 12px 4px #14141414, 0 0 6px 2px #14141405, inset 0 0 0 1px #767676; --color-handle-color-default-outer-border-color: #14141433; --color-handle-structure-default-container-sizing: 18px; --divider-size-default-border-composition-border-width: 1px; --dropdown-size-default-default-min-width: 200px; --empty-state-size-default-content-container-composition-max-width: 512px; --gallery-fullscreen-size-default-desktop-container-composition-width: 1184px; --gallery-fullscreen-size-default-laptop-container-composition-width: 960px; --header-flow-size-wide-desktop-container-composition-width: 1440px; --header-flow-size-narrow-desktop-container-composition-width: 1440px; --layout-sub-sidebar-structure-widths-m-width: 296px; --layout-sub-sidebar-structure-widths-ml-width: 360px; --layout-sub-sidebar-structure-widths-l-width: 444px; --list-item-color-medium-disabled-container-opacity: .4; --list-item-color-low-disabled-container-opacity: .4; --list-item-color-lower-disabled-container-opacity: .4; --list-item-color-lowest-disabled-container-opacity: .4; --menu-item-variant-default-state-disabled-container-opacity: .4; --menu-item-size-l-default-layout-composition-min-height: 76px; --menu-item-size-l-laptop-layout-composition-min-height: 76px; --menu-item-color-default-disabled-opacity: .4; --modal-dialog-size-default-container-tablet-composition-width: 480px; --modal-dialog-size-wide-container-tablet-composition-width: 720px; --modal-dialog-size-wider-container-tablet-composition-width: 1088px; --modal-fullscreen-size-default-header-content-wrapper-full-width: 1208px; --modal-fullscreen-size-default-footer-right-element-wrapper-laptop-composition-width: 400px; --modal-fullscreen-size-default-footer-wrapper-full-width: 1208px; --popover-shape-no-shape-container-offset: 0; --popover-shape-no-shape-container-composition-horizontal-padding: 0; --popover-shape-no-shape-container-composition-border-width: 0; --popover-shape-no-shape-container-composition-item-spacing: 0; --popover-shape-no-shape-container-composition-padding-top: 0; --popover-shape-no-shape-container-composition-padding-bottom: 0; --popover-shape-no-shape-container-composition-border-radius-top-left: 0; --popover-shape-no-shape-container-composition-border-radius-top-right: 0; --popover-shape-no-shape-container-composition-border-radius-bottom-right: 0; --popover-shape-no-shape-container-composition-border-radius-bottom-left: 0; --radio-variant-default-state-selected-primitive-composition-border-width: 7px; --radio-variant-default-state-selected-disabled-primitive-composition-border-width: 7px; --radio-variant-default-state-selected-error-primitive-composition-border-width: 7px; --rating-input-size-default-state-active-scale: .9; --segmented-control-sub-item-color-default-disabled-layout-opacity: .4; --skeleton-variant-primary-container-animation-keyframes-from-opacity: .2; --skeleton-variant-primary-container-animation-keyframes-to-opacity: .5; --skeleton-text-size-display-xl-container-composition-height: 92px; --skeleton-text-size-header-2xl-container-composition-height: 52px; --skeleton-text-size-header-3xl-container-composition-height: 112px; --slider-size-default-state-hover-thumb-background-scale: 1.3; --slider-size-default-state-active-thumb-background-scale: 1.6; --splash-screen-size-default-ill-splash-default-composition-width: 1024px; --splash-screen-size-default-ill-splash-default-composition-height: 1024px; --splash-screen-size-default-content-composition-width: 480px; --splash-screen-size-default-icon-composition-sizing: 120px; --splash-screen-motion-playing-motion-duration: 3.2s; --table-overlay-size-s-container-composition-height: 200px; --table-overlay-size-m-container-composition-height: 400px; --table-shadows-column-pinning-box-shadow-default: 0px 4px 8px 0px #14141400; --table-shadows-column-pinning-box-shadow-base: 0px 4px 8px 0px #14141405, 0px 12px 20px 0px #1414140f; --thumbnail-size-2xs-state-default-emoji-typography: 600 11px/11px var(--font-body, Roobert PRO, AktivGroteskVF); --thumbnail-size-2xs-state-payment-card-container-composition-height: 17px; --thumbnail-size-2xs-state-card-icon-icon-composition-sizing: 9px; --thumbnail-size-2xs-state-card-icon-illustration-composition-sizing: 13.5px; --thumbnail-size-xs-state-default-emoji-typography: 600 11px/11px var(--font-body, Roobert PRO, AktivGroteskVF); --thumbnail-size-xs-state-payment-card-container-composition-height: 20px; --thumbnail-size-xs-state-card-icon-icon-composition-sizing: 10.5px; --thumbnail-size-xs-state-card-icon-illustration-composition-sizing: 15.75px; --thumbnail-size-s-state-default-emoji-typography: 600 14px/14px var(--font-body, Roobert PRO, AktivGroteskVF); --thumbnail-size-s-state-payment-card-container-composition-height: 23px; --thumbnail-size-s-state-card-icon-icon-composition-sizing: 12px; --thumbnail-size-s-state-card-icon-illustration-composition-sizing: 18px; --thumbnail-size-m-state-default-emoji-typography: 600 18px/18px var(--font-body, Roobert PRO, AktivGroteskVF); --thumbnail-size-m-state-payment-card-container-composition-height: 29px; --thumbnail-size-m-state-card-icon-icon-composition-sizing: 15px; --thumbnail-size-m-state-card-icon-illustration-composition-sizing: 22.5px; --thumbnail-size-l-state-default-emoji-typography: 600 20px/20px var(--font-body, Roobert PRO, AktivGroteskVF); --thumbnail-size-l-state-payment-card-container-composition-height: 34px; --thumbnail-size-l-state-card-icon-icon-composition-sizing: 18px; --thumbnail-size-l-state-card-icon-illustration-composition-sizing: 27px; --thumbnail-size-xl-state-default-emoji-typography: 600 24px/24px var(--font-body, Roobert PRO, AktivGroteskVF); --thumbnail-size-xl-state-payment-card-container-composition-height: 40px; --thumbnail-size-xl-state-card-icon-icon-composition-sizing: 21px; --thumbnail-size-xl-state-card-icon-illustration-composition-sizing: 31.5px; --thumbnail-size-2xl-state-default-emoji-typography: 600 28px/28px var(--font-body, Roobert PRO, AktivGroteskVF); --thumbnail-size-2xl-state-payment-card-container-composition-height: 46px; --thumbnail-size-2xl-state-card-icon-icon-composition-sizing: 24px; --thumbnail-size-2xl-state-card-icon-illustration-composition-sizing: 36px; --thumbnail-size-3xl-state-default-emoji-typography: 600 32px/32px var(--font-body, Roobert PRO, AktivGroteskVF); --thumbnail-size-3xl-state-payment-card-container-composition-height: 57px; --thumbnail-size-3xl-state-card-icon-icon-composition-sizing: 30px; --thumbnail-size-3xl-state-card-icon-illustration-composition-sizing: 45px; --thumbnail-size-4xl-state-default-emoji-typography: 600 36px/36px var(--font-body, Roobert PRO, AktivGroteskVF); --thumbnail-size-4xl-state-payment-card-container-composition-height: 69px; --thumbnail-size-4xl-state-card-icon-icon-composition-sizing: 36px; --thumbnail-size-4xl-state-card-icon-illustration-composition-sizing: 54px; --thumbnail-size-5xl-state-default-emoji-typography: 600 48px/48px var(--font-body, Roobert PRO, AktivGroteskVF); --thumbnail-size-5xl-state-payment-card-container-composition-height: 86px; --thumbnail-size-5xl-state-card-icon-icon-composition-sizing: 45px; --thumbnail-size-5xl-state-card-icon-illustration-composition-sizing: 67.5px; --thumbnail-size-6xl-state-default-container-composition-sizing: 192px; --thumbnail-size-6xl-state-default-emoji-typography: 600 80px/80px var(--font-body, Roobert PRO, AktivGroteskVF); --thumbnail-size-6xl-state-payment-card-container-composition-height: 86px; --thumbnail-size-6xl-state-card-icon-icon-composition-sizing: 45px; --thumbnail-size-6xl-state-card-icon-illustration-composition-sizing: 67.5px; --toast-size-default-container-composition-width: 400px; --toast-group-size-default-default-layout-composition-width: 400px; --toast-group-size-default-laptop-layout-composition-width: 400px; --tooltip-size-default-container-composition-width: 256px; --upsell-banner-structure-s-image-width: 128px; --upsell-banner-structure-m-layout-height: 216px; --upsell-banner-structure-m-image-width: 216px; --upsell-banner-structure-l-layout-height: 256px; --upsell-banner-structure-l-image-width: 456px; --wizard-structure-width-wide-default-laptop-container-max-width: 1184px; --wizard-structure-width-wide-default-desktop-container-max-width: 1184px; --wizard-structure-width-medium-default-laptop-container-max-width: 960px; --wizard-structure-width-narrow-default-tablet-container-max-width: 600px; --lightningcss-dark: initial; --lightningcss-dark: initial; color-scheme: dark; color: var(--color-foreground-neutral); } } html, body { height: 100%; } * { --font-body: Roobert PRO, AktivGroteskVF, sans-serif; --font-header: var(--font-body); --font-link: var(--font-body); box-sizing: border-box; } :before, :after { box-sizing: border-box; } html { -webkit-tap-highlight-color: #0000; } html[dir=ltr] { padding-right: 0 !important; } :root { --constant-safe-area-inset-top: constant(safe-area-inset-top); --constant-safe-area-inset-bottom: constant(safe-area-inset-bottom); --env-safe-area-inset-top: env(safe-area-inset-top); --env-safe-area-inset-bottom: env(safe-area-inset-bottom); --tablet-side-edge: 20px; --mobile-side-edge: 20px; --small-mobile-side-edge: 20px; } #app { width: 100%; color: var(--color-foreground-neutral); -webkit-tap-highlight-color: #0000; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-feature-settings: "kern" 1; -moz-font-feature-settings: "kern" 1; -webkit-touch-callout: none; -moz-touch-callout: none; -ms-touch-callout: none; font-feature-settings: "kern" 1; font-family: Roobert PRO, AktivGroteskVF, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.42857; } #app { background-color: var(--color-background-page); margin: 0; padding: 0; } @media (max-width:1400px) { #app { font-size: 13px; } } #react { position: relative; } .grecaptcha-badge { visibility: hidden; } ._-wKkp0 { text-align: inherit; } ._-wKkp0.rfrCY0 { color: var(--color-foreground-neutral); } ._-wKkp0.u4x8c0 { color: var(--color-foreground-neutral-faded); } @media screen and (min-width:0) { ._-wKkp0.Bnxqu0 { text-align: center; } } ._-wKkp0.ZCviS0 { text-overflow: ellipsis; max-inline-size: 100%; overflow: hidden; } ._-wKkp0.KfKUH0 { white-space: nowrap; } @media screen and (min-width:0) { .font-default-header-m-semibold.font-default-header-m-semibold { font: var(--typography-header-m-semibold); } .font-default-header-xs-semibold.font-default-header-xs-semibold { font: var(--typography-header-xs-semibold); } .font-default-body-m-semibold.font-default-body-m-semibold { font: var(--typography-body-m-semibold); } .font-default-body-s-semibold.font-default-body-s-semibold { font: var(--typography-body-s-semibold); } .font-default-body-s-regular.font-default-body-s-regular { font: var(--typography-body-s-regular); } .font-default-body-xs-regular.font-default-body-xs-regular { font: var(--typography-body-xs-regular); } .font-default-link-s-medium.font-default-link-s-medium { font: var(--typography-link-s-medium); } } @media screen and (min-width:0) { .gap-default-100.gap-default-100 { gap: var(--spacing-100); } .gap-default-300.gap-default-300 { gap: var(--spacing-300); } } .tPDzI4 { justify-content: center; align-items: center; gap: 8px; inline-size: auto; max-inline-size: 100%; display: inline-flex; } .tPDzI4 { transition: background-color var(--motion-duration-short-s)var(--motion-easing-ease-out), border-color var(--motion-duration-short-s)var(--motion-easing-ease-out), transform var(--motion-duration-short-s)var(--motion-easing-ease-out), max-inline-size var(--motion-duration-short-m)var(--motion-easing-ease-in-out), padding var(--motion-duration-short-m)var(--motion-easing-ease-in-out); border-style: solid; padding: 0; } .tPDzI4.eMfpT4 { block-size: var(--sizing-600); } .tPDzI4.eMfpT4 { border-width: var(--border-width-100); padding-block: 0; padding-inline: calc(var(--spacing-250) - var(--border-width-100)); } .tPDzI4.igyQf4 { color: var(--color-foreground-on-primary); } .tPDzI4.igyQf4 { transform: scale(var(--scaling-100)); background-color: var(--color-background-primary); border-color: var(--color-background-primary); } @media (hover:hover) and (pointer:fine) { .AmWwc4:hover .tPDzI4.igyQf4:not(.sQbke4), .tPDzI4.igyQf4:not(.sQbke4):hover { color: var(--color-foreground-on-primary); } .AmWwc4:hover .tPDzI4.igyQf4:not(.sQbke4), .tPDzI4.igyQf4:not(.sQbke4):hover { transform: scale(var(--scaling-100)); background-color: var(--color-background-primary-hover); border-color: var(--color-background-primary-hover); } } .AmWwc4:active .tPDzI4.igyQf4:not(.sQbke4), .tPDzI4.igyQf4:not(.sQbke4):active { color: var(--color-foreground-on-primary); } .AmWwc4:active .tPDzI4.igyQf4:not(.sQbke4), .tPDzI4.igyQf4:not(.sQbke4):active { transform: scale(var(--scaling-active)); background-color: var(--color-background-primary-active); border-color: var(--color-background-primary-active); } .tPDzI4._i2fH4 { color: var(--color-foreground-neutral); } .tPDzI4._i2fH4 { transform: scale(var(--scaling-100)); background-color: var(--color-background-base); border-color: var(--color-border-neutral); } @media (hover:hover) and (pointer:fine) { .AmWwc4:hover .tPDzI4._i2fH4:not(.sQbke4), .tPDzI4._i2fH4:not(.sQbke4):hover { color: var(--color-foreground-neutral); } .AmWwc4:hover .tPDzI4._i2fH4:not(.sQbke4), .tPDzI4._i2fH4:not(.sQbke4):hover { transform: scale(var(--scaling-100)); background-color: var(--color-background-base-hover); border-color: var(--color-border-neutral-hover); } } .AmWwc4:active .tPDzI4._i2fH4:not(.sQbke4), .tPDzI4._i2fH4:not(.sQbke4):active { color: var(--color-foreground-neutral); } .AmWwc4:active .tPDzI4._i2fH4:not(.sQbke4), .tPDzI4._i2fH4:not(.sQbke4):active { transform: scale(var(--scaling-active)); background-color: var(--color-background-base-active); border-color: var(--color-border-neutral-active); } .AmWwc4.XFXmq4, .tPDzI4.XFXmq4 { inline-size: 100%; min-inline-size: 0; } .AmWwc4._0-wJp4, .tPDzI4._0-wJp4 { inline-size: auto; } .AmWwc4 { align-items: center; inline-size: auto; max-inline-size: 100%; display: inline-flex; } .AmWwc4 { transition: max-inline-size var(--motion-duration-short-m)var(--motion-easing-ease-in-out); padding: 0; } .AmWwc4.eMfpT4 { block-size: var(--sizing-600); } .AmWwc4 .tPDzI4 { inline-size: 100%; } .AmWwc4.uSv7k4, .tPDzI4.uSv7k4 { border-radius: var(--border-radius-rounded); } .G9IQL4 { display: inherit; text-overflow: ellipsis; white-space: nowrap; align-items: center; gap: 8px; min-inline-size: 0; } ._0f0CB4 { display: inline-flex; } .rC5Eoq { display: block; overflow: hidden; } .rC5Eoq.Qs8nWq { aspect-ratio: var(--aspect-ratio-1x1); } .N3bqTq { block-size: auto; max-inline-size: 100%; display: flex; } .N3bqTq { border-radius: inherit; } .N3bqTq.aDoJHq { inline-size: auto; } @media screen and (min-width:0) { .fWG7FW.orjF6W { flex-direction: var(--direction-default); } .fWG7FW.O_tNqW { display: var(--display-default); } .fWG7FW.OlOEbW { flex-grow: var(--grow-default); } } .CLn4UR { -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; outline: inherit; color: inherit; -webkit-tap-highlight-color: transparent; } ._XdG-5 { position: relative; } ._XdG-5:before { box-sizing: border-box; content: ""; opacity: 0; block-size: 100%; inline-size: 100%; position: absolute; inset-block-start: 0; } ._XdG-5:before { box-shadow: var(--utility-focus-ring); border-radius: inherit; padding: 2px; transition: opacity .1s ease-in-out; inset-inline-start: 0; } .bXw7YC { color: inherit; -webkit-tap-highlight-color: transparent; outline: none; flex-wrap: nowrap; position: relative; } .bXw7YC { cursor: pointer; direction: inherit; } ._-6pa_t { inline-size: inherit; block-size: inherit; flex-shrink: 0; display: inline-flex; position: relative; } ._-6pa_t svg { inline-size: inherit; block-size: inherit; position: absolute; inset-block-start: 0; } ._-6pa_t svg { inset-inline-start: 0; } ._-6pa_t svg path:not(.svg-no-fill) { fill: currentColor; } @media screen and (min-width:0) { ._-6pa_t.I-83rt { inline-size: var(--sizing-250); block-size: var(--sizing-250); } } ._6OnRdj { flex-grow: 1; display: flex; } ._6OnRdj { transition: background-color var(--motion-duration-short-s)var(--motion-easing-ease-in-out), border-color var(--motion-duration-short-s)var(--motion-easing-ease-in-out); } ._6OnRdj:before { pointer-events: none; block-size: calc(100% + 2px); inline-size: calc(100% + 2px); inset-block-start: -1px; } ._6OnRdj:before { inset-inline-start: -1px; } ._6OnRdj.xa-vrj { background-color: var(--color-background-base); border-color: var(--color-border-neutral); } ._6OnRdj.xa-vrj .Wa7zaj { -webkit-text-fill-color: var(--color-foreground-neutral); color: var(--color-foreground-neutral); } ._6OnRdj.xa-vrj .Wa7zaj::placeholder { -webkit-text-fill-color: var(--color-foreground-ghost); color: var(--color-foreground-ghost); text-transform: none; } @media (hover:hover) and (pointer:fine) { ._6OnRdj.xa-vrj:hover { background-color: var(--color-background-base); border-color: var(--color-border-neutral-hover); } ._6OnRdj.xa-vrj:hover .Wa7zaj { -webkit-text-fill-color: var(--color-foreground-neutral); color: var(--color-foreground-neutral); } ._6OnRdj.xa-vrj:hover .Wa7zaj::placeholder { -webkit-text-fill-color: var(--color-foreground-ghost); color: var(--color-foreground-ghost); text-transform: none; } } ._6OnRdj.xa-vrj:active { background-color: var(--color-background-base); border-color: var(--color-border-accent); } ._6OnRdj.xa-vrj:active .Wa7zaj { -webkit-text-fill-color: var(--color-foreground-neutral); color: var(--color-foreground-neutral); } ._6OnRdj.xa-vrj:active .Wa7zaj::placeholder { -webkit-text-fill-color: var(--color-foreground-ghost); color: var(--color-foreground-ghost); text-transform: none; } ._6OnRdj.OGOvAj { max-block-size: var(--sizing-600); block-size: var(--sizing-600); } ._6OnRdj.OGOvAj { border-radius: var(--border-radius-m); border-width: var(--border-width-100); border-style: solid; } ._6OnRdj.OGOvAj .Wa7zaj { font: var(--typography-body-s-regular); } ._6OnRdj.OGOvAj .Wa7zaj { padding-block: 0; padding-inline: var(--spacing-200); border-radius: var(--border-radius-m); } .Wa7zaj { box-sizing: border-box; outline: none; inline-size: 100%; position: relative; } .Wa7zaj { padding-block: var(--spacing-200); padding-inline: var(--spacing-200); background-color: #0000; border: 0; margin-block: 0; margin-inline: 0; } .c2boOG { font: inherit; white-space: nowrap; text-decoration: none; display: inline; } .c2boOG { border-radius: var(--border-radius-s); text-align: start; } .c2boOG:visited { color: inherit; } .c2boOG._36JsJG, .c2boOG._36JsJG:visited { color: var(--color-foreground-accent); } @media (hover:hover) and (pointer:fine) { .c2boOG._36JsJG:hover { color: var(--color-foreground-accent-hover); } } .c2boOG._36JsJG:active { color: var(--color-foreground-accent-active); } .c2boOG.POrboG { color: inherit; } @media (hover:hover) and (pointer:fine) { .c2boOG.POrboG:hover { text-decoration: underline; } } .c2boOG.POrboG:active { text-decoration: underline; } .KT-h_c { background-color: var(--color-border-neutral-faded); border: none; } .KT-h_c.CChZGc { block-size: var(--divider-size-default-border-composition-border-width); } .KT-h_c.Sm3PJc { margin-inline-start: var(--spacing-0); margin-inline-end: var(--spacing-0); } .KT-h_c.pz1KMc { margin-block-start: var(--spacing-0); margin-block-end: var(--spacing-0); } .upD_95 { gap: var(--spacing-50); flex-direction: column; flex-grow: 1; max-inline-size: 100%; display: flex; } .Do82u5 { flex-direction: row; justify-content: space-between; display: flex; } .n5MTWn { grid-auto-flow: row; display: grid; } .n5MTWn._7xLx5n { --itemSize: 1fr; } .n5MTWn.PamGkn { --itemSize: minmax(var(--column-min, 0), var(--column-max, 1fr)); } .n5MTWn.h-txrn { --itemSize: auto; } .n5MTWn.JRGI5n { grid-template-columns: repeat(1, var(--itemSize)); } .n5MTWn.rUSGpn { grid-template-columns: repeat(5, var(--itemSize)); } .n5MTWn._0LggBn { --rowSize: auto; } .n5MTWn.CzYJjn { grid-auto-rows: var(--rowSize); } .n5MTWn.Q65XEn { grid-column-gap: 8px; } .n5MTWn._-PJErn { grid-column-gap: 16px; } .n5MTWn.i38V9n { grid-row-gap: 16px; } .n5MTWn.gAcjxn { grid-row-gap: 24px; } .n5MTWn.gVpmNn { align-items: center; } .n5MTWn.QwukFn { justify-content: center; } @media screen and (min-width:0) { .EKsDin._0vqoWn { grid-column-start: span 1; } } .wBxAiY { box-sizing: content-box; vertical-align: middle; align-items: center; display: inline-flex; } .wBxAiY { background: unset; } @media screen and (min-width:0) { .wBxAiY.Fo8lMY { flex-direction: row-reverse; } .wBxAiY.zcXluY { flex-direction: row; } } @media screen and (min-width:0) { .wBxAiY._-Yx2WY { block-size: var(--sizing-250); gap: var(--spacing-50); } .wBxAiY._-Yx2WY { padding-block: var(--spacing-100); margin-block: calc(var(--spacing-100)*-1); margin-inline: 0; padding-inline: 0; } } .wBxAiY.r4bh6Y { color: var(--color-foreground-accent); } @media (hover:hover) and (pointer:fine) { .wBxAiY.r4bh6Y:hover { color: var(--color-foreground-accent-hover); } } .wBxAiY.r4bh6Y:active { color: var(--color-foreground-accent-active); } :root { --swiper-theme-color: #007aff; } .CZ0ATG { justify-content: space-between; } .XJ3GrG, .CHiysG { inline-size: 24px; } .nQh9Fw { z-index: 10000; pointer-events: none; flex-direction: column; inline-size: 100%; display: flex; position: fixed; } .nQh9Fw.OGOrHw { max-inline-size: calc(var(--toast-group-size-default-default-layout-composition-width) + var(--spacing-250)*2); gap: var(--spacing-200); } @media (min-width:1024px) { .nQh9Fw.OGOrHw { max-inline-size: calc(var(--toast-group-size-default-laptop-layout-composition-width) + var(--spacing-300)*2); gap: var(--spacing-200); } } .nQh9Fw.OGOrHw.HQ6Esw { inset-block-start: 0; } .nQh9Fw.OGOrHw.HQ6Esw { padding-block: var(--spacing-200); padding-inline: var(--spacing-250); padding-block-start: calc(env(safe-area-inset-top) + var(--spacing-200)); inset-inline-start: 50%; } [dir=ltr] .nQh9Fw.OGOrHw.HQ6Esw { transform: translate(-50%); } @media (min-width:1024px) { .nQh9Fw.OGOrHw.HQ6Esw { padding-block: var(--spacing-300); padding-inline: var(--spacing-300); padding-block-start: calc(env(safe-area-inset-top) + var(--spacing-300)); } } .nQh9Fw.OGOrHw.TFgAvw { padding-block: 0; padding-inline: 0; } .ANQnip { position: relative; } .G2oW54 { block-size: 0; inline-size: 0; position: absolute; inset-block-start: auto; overflow: hidden; } .G2oW54 { inset-inline-start: -10000px; } .r4bA84 .PkcQe4 { stop-color: var(--linear-gradient-accent-stops-stop0-color); } .r4bA84 .WtacR4 { stop-color: var(--linear-gradient-accent-stops-stop100-color); } .hl5Sz4 .PkcQe4 { stop-color: var(--linear-gradient-positive-stops-stop0-color); } .hl5Sz4 .WtacR4 { stop-color: var(--linear-gradient-positive-stops-stop100-color); } html { -webkit-text-size-adjust: 100%; line-height: 1.15; } body { margin: 0; } h1 { font-size: 2em; } h1 { margin: .67em 0; } hr { box-sizing: content-box; height: 0; overflow: visible; } a { background-color: #0000; } img { border-style: none; } button, input, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; } button, input, textarea { margin: 0; } button, input { overflow: visible; } button { text-transform: none; } button, [type=button], [type=submit] { -webkit-appearance: button; } textarea { overflow: auto; } p, h1 { margin-top: 0; margin-bottom: 0; } button { background: 0 0; border: none; padding: 0; } .self-IAAwA9 { word-wrap: break-word; min-width: 0; max-width: 100%; font-family: Roobert PRO, AktivGroteskVF, sans-serif; } .self-IAAwA9 { transition: color .2s ease-in-out; } .self-IAAwA9.uppercase-UiyUcz { text-transform: uppercase; } .self-IAAwA9.ellipsis-I6aCgG { text-overflow: ellipsis; overflow: hidden; } :root { --web-nav-header-height: 65px; } .padding-0-se-0-se-f11DZ3 { padding-left: var(--tablet-side-edge, 40px); padding-right: var(--tablet-side-edge, 40px); padding-top: 0; padding-bottom: 0; } @media (max-width:767px) { .padding-0-se-0-se-f11DZ3 { padding-left: var(--mobile-side-edge, 20px); padding-right: var(--mobile-side-edge, 20px); } } @media (max-width:359px) { .padding-0-se-0-se-f11DZ3 { padding-left: var(--small-mobile-side-edge, 20px); padding-right: var(--small-mobile-side-edge, 20px); } } .flex-row-LXDokQ { flex-direction: row; display: flex; } .flexAlignItems-center-o14IIM { align-items: center; } .flexJustifyContent-center-TUYCx1 { justify-content: center; } :root { --web-nav-rail-width: 72px; } .self-XgyqZx.fullWidth-viFtk_ { width: 100%; } .self-uYvEmG { width: 100%; } .self-uYvEmG.size-default-QI0L8x { height: 1px; } .self-uYvEmG.variant-noVerticalMargin-Z3QoGy { margin-top: 0; margin-bottom: 0; } .self-uYvEmG.color-default-S_XZuA { background-color: var(--color-border-neutral); } @media (min-width:1024px) { .self-uYvEmG.color-default-S_XZuA { background-color: var(--color-border-neutral-faded); } } .self-gxCdkm { box-sizing: content-box; justify-content: center; display: flex; } .self-gxCdkm { transition: transform .4s ease-in-out; } .self-gxCdkm.flex-grow-1-EAjH3O { flex-grow: 1; } .content-njFc8B { flex-direction: column; width: 100%; max-width: 100%; min-height: 100%; display: flex; } .content-njFc8B.max-width-420-DAIfIr { width: 420px; } .self-b9VwOK { position: relative; } .self-b9VwOK { transition: background-color .5s; } .self-b9VwOK.background-blue-600-NgvTKQ { background-color: var(--color-background-accent); } .self-b9VwOK.size-3-GIV4FU { width: 3px; height: 3px; } .self-b9VwOK.shape-circle-m3Zv7R { border-radius: 50%; } .self-UMw2dT { min-height: 100%; display: flex; } .self-FYNFkD { --safeAreaInsetTop: env(safe-area-inset-top); z-index: 1; height: calc(56px + env(safe-area-inset-top)); align-items: center; width: 100%; display: flex; position: sticky; top: 0; } .self-FYNFkD { background: var(--color-background-page); padding-top: var(--safeAreaInsetTop); } @media (min-width:1025px) { .self-FYNFkD { background: 0 0; } } .self-FYNFkD .title-OdfXw7 { opacity: 0; } .self-FYNFkD .title-OdfXw7 { transition: opacity .2s; } .self-FYNFkD .content-SxBJw3 { grid-template: "ls c rs" minmax(56px, auto)/auto auto max-content; align-items: center; width: 100%; display: grid; } .self-FYNFkD .content-SxBJw3.desktopContent-fU2IOa { padding-top: 32px; } .self-sMrYLK { padding-top: 40px; } .self-oMivX8 { flex-direction: column; width: 100%; min-height: 100%; display: flex; } .self-oMivX8 { background: var(--color-background-page); } .self-oMivX8.splitLayout-mCHLWb { width: 50%; } .self-oMivX8.splitLayout-mCHLWb { border-radius: 0; } .bgImage-wHz7_z { z-index: -1; width: calc(50% + 16px); height: 100vh; display: flex; position: sticky; top: 0; } @media (max-width:650px) { .self-oMivX8.splitLayout-mCHLWb { width: 100%; } .bgImage-wHz7_z { display: none; } } [dir=ltr] .bgImage-wHz7_z { margin-left: -16px; right: 0; } .bgImage-wHz7_z .image-OAKtAD { object-fit: cover; width: 100%; } [dir=ltr] .bgImage-wHz7_z .image-OAKtAD { object-position: right; } .self-zCagla { flex-direction: column; flex-grow: 1; height: 100%; display: flex; } .self-zCagla { padding-bottom: 40px; } .self-aRzbcn { flex-direction: column; display: flex; } .self-aRzbcn { padding-bottom: 40px; } @media (min-width:1025px) { .self-aRzbcn { align-items: center; } .self-aRzbcn { text-align: center; } } .self-aRzbcn.align-center-bk7PyS { text-align: center; } .self-aRzbcn .title-wbuIOf~.caption-rr7Uss { padding-top: 4px; } .self-gcP64l { flex-direction: row; flex-grow: 1; align-items: center; display: flex; } .self-gcP64l .text-CogFYG { flex-grow: 1; display: flex; position: relative; top: -1px; } .self-gcP64l .text-CogFYG { padding: 0 16px; } .fb_reset { background: none; border: 0px; border-spacing: 0; color: #000; cursor: auto; direction: ltr; font-family: lucida grande, tahoma, verdana, arial, sans-serif; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 1; margin: 0; overflow: visible; padding: 0; text-align: left; text-decoration: none; text-indent: 0; text-shadow: none; text-transform: none; visibility: visible; white-space: normal; word-spacing: normal; } .fb_reset>div { overflow: hidden; } .fb_reset { background: none; border: 0px; border-spacing: 0; color: #000; cursor: auto; direction: ltr; font-family: lucida grande, tahoma, verdana, arial, sans-serif; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 1; margin: 0; overflow: visible; padding: 0; text-align: left; text-decoration: none; text-indent: 0; text-shadow: none; text-transform: none; visibility: visible; white-space: normal; word-spacing: normal; } .fb_reset>div { overflow: hidden; } @font-face { font-family: AktivGroteskVF; src: url(../fonts/AktivGroteskVF_W_Arabic_Wght.d4c37b0c.woff2)format("woff2"); font-weight: 100 900; unicode-range: U+2C8-2C9, U+2CB, U+315, U+60C, U+615, U+61B, U+61F, U+621-63A, U+640-656, U+658, U+660-671, U+679, U+67E, U+686, U+688, U+691, U+698, U+6A1, U+6A4-6A5, U+6A8-6A9, U+6AF, U+6BA, U+6BE, U+6C0-6C3, U+6CC, U+6D2-6D5, U+6F0-6F9, U+763, U+1E24-1E25, U+1E36-1E37, U+2000-2012, U+2015, U+202A-202E, U+2150-2151, U+2155-215A, U+2215, U+2219, U+25CC, U+274A, U+FB00, U+FB03-FB04, U+FB51, U+FB57-FB59, U+FB67-FB69, U+FB6B-FB6D, U+FB7B-FB7D, U+FB89, U+FB8B, U+FB8D, U+FB8F-FB91, U+FB93-FB95, U+FB9F, U+FBA5, U+FBA7-FBA9, U+FBAB-FBAD, U+FBAF, U+FBB1, U+FBE8-FBE9, U+FBFD-FBFF, U+FC5E-FC63, U+FDF2, U+FE82, U+FE84, U+FE86, U+FE88, U+FE8A-FE8C, U+FE8E, U+FE90-FE92, U+FE94, U+FE96-FE98, U+FE9A-FE9C, U+FE9E-FEA0, U+FEA2-FEA4, U+FEA6-FEA8, U+FEAA, U+FEAC, U+FEAE, U+FEB0, U+FEB2-FEB4, U+FEB6-FEB8, U+FEBA-FEBC, U+FEBE-FEC0, U+FEC2-FEC4, U+FEC6-FEC8, U+FECA-FECC, U+FECE-FED0, U+FED2-FED4, U+FED6-FED8, U+FEDA-FEDC, U+FEDE-FEE0, U+FEE2-FEE4, U+FEE6-FEE8, U+FEEA-FEEC, U+FEEE, U+FEF0, U+FEF2-FEFC, U+FEFF, U+FFFD; font-style: normal; font-display: block; } ._-wKkp0 { text-align: inherit; } ._-wKkp0.KO6I00 { color: var(--color-foreground-danger); } ._-wKkp0.ObB_C0 { word-break: normal; overflow-wrap: anywhere; max-inline-size: 100%; } @media screen and (min-width:0) { .font-default-body-xs-regular.font-default-body-xs-regular { font: var(--typography-body-xs-regular); } } p { margin-top: 0; margin-bottom: 0; } /* show accent border / focus ring when an input inside the container is focused */ ._6OnRdj.xa-vrj:focus-within { border-color: var(--color-border-accent); background-color: var(--color-background-base-hover); } /* make the input text stand out while focused */ ._6OnRdj.xa-vrj:focus-within .Wa7zaj { color: var(--color-foreground-neutral); -webkit-text-fill-color: var(--color-foreground-neutral); } /* keep placeholder subdued on focus */ ._6OnRdj.xa-vrj:focus-within .Wa7zaj::placeholder { color: var(--color-foreground-ghost); -webkit-text-fill-color: var(--color-foreground-ghost); } /* error state: container or input with "error" class turns text (and placeholder) red */ ._6OnRdj.error, ._6OnRdj.error .Wa7zaj, ._6OnRdj.xa-vrj.error, ._6OnRdj.xa-vrj.error .Wa7zaj, .Wa7zaj.error { border-color: var(--color-foreground-danger); } ._-wKkp0 { text-align: inherit; } ._-wKkp0.ZCviS0 { text-overflow: ellipsis; max-inline-size: 100%; overflow: hidden; } @media screen and (min-width:0) { .font-default-body-s-medium.font-default-body-s-medium { font: var(--typography-body-s-medium); } } .tPDzI4 { justify-content: center; align-items: center; gap: 8px; inline-size: auto; max-inline-size: 100%; display: inline-flex; } .tPDzI4 { transition: background-color var(--motion-duration-short-s)var(--motion-easing-ease-out), border-color var(--motion-duration-short-s)var(--motion-easing-ease-out), transform var(--motion-duration-short-s)var(--motion-easing-ease-out), max-inline-size var(--motion-duration-short-m)var(--motion-easing-ease-in-out), padding var(--motion-duration-short-m)var(--motion-easing-ease-in-out); border-style: solid; padding: 0; } .tPDzI4._1WMPM4 { block-size: var(--sizing-450); } .tPDzI4._1WMPM4 { border-width: var(--border-width-100); padding-block: 0; padding-inline: calc(var(--spacing-200) - var(--border-width-100)); } .tPDzI4._1WMPM4.nE24k4 { block-size: unset; inline-size: auto; max-inline-size: max-content; } .tPDzI4._1WMPM4.nE24k4 { padding-block: calc(var(--spacing-100) - var(--border-width-100)); padding-inline: calc(var(--spacing-200) - var(--border-width-100)); margin-block: calc(var(--spacing-100)*-1); margin-inline: calc(var(--spacing-200)*-1); } .tPDzI4.bEeMw4 { inline-size: var(--sizing-450); min-inline-size: var(--sizing-450); } .tPDzI4.bEeMw4 { padding: 0; } .tPDzI4.bEeMw4.nE24k4 { padding: calc(calc((var(--sizing-450) - var(--sizing-250))/2) - var(--border-width-100)); margin: calc(calc((var(--sizing-450) - var(--sizing-250))/2)*-1); } .tPDzI4._3epwo4 { color: var(--color-foreground-neutral); } .tPDzI4._3epwo4 { transform: scale(var(--scaling-100)); background-color: var(--color-background-transparent); border-color: var(--color-border-transparent); } @media (hover:hover) and (pointer:fine) { .AmWwc4:hover .tPDzI4._3epwo4:not(.sQbke4), .tPDzI4._3epwo4:not(.sQbke4):hover { color: var(--color-foreground-neutral); } .AmWwc4:hover .tPDzI4._3epwo4:not(.sQbke4), .tPDzI4._3epwo4:not(.sQbke4):hover { transform: scale(var(--scaling-100)); background-color: var(--color-background-transparent-hover); border-color: var(--color-border-transparent); } } .AmWwc4:active .tPDzI4._3epwo4:not(.sQbke4), .tPDzI4._3epwo4:not(.sQbke4):active { color: var(--color-foreground-neutral); } .AmWwc4:active .tPDzI4._3epwo4:not(.sQbke4), .tPDzI4._3epwo4:not(.sQbke4):active { transform: scale(var(--scaling-active)); background-color: var(--color-background-transparent-active); border-color: var(--color-border-transparent); } .AmWwc4._0-wJp4, .tPDzI4._0-wJp4 { inline-size: auto; } .AmWwc4 { align-items: center; inline-size: auto; max-inline-size: 100%; display: inline-flex; } .AmWwc4 { transition: max-inline-size var(--motion-duration-short-m)var(--motion-easing-ease-in-out); padding: 0; } .AmWwc4._1WMPM4 { block-size: var(--sizing-450); } .AmWwc4._1WMPM4.nE24k4 { block-size: unset; inline-size: auto; max-inline-size: max-content; } .AmWwc4._1WMPM4.nE24k4 { margin-block: calc(var(--spacing-100)*-1); margin-inline: calc(var(--spacing-200)*-1); } .AmWwc4._1WMPM4.nE24k4 .tPDzI4 { margin: unset; } .AmWwc4.bEeMw4 { inline-size: var(--sizing-450); min-inline-size: var(--sizing-450); } .AmWwc4.bEeMw4.nE24k4 { margin: calc(calc((var(--sizing-450) - var(--sizing-250))/2)*-1); } .AmWwc4 .tPDzI4 { inline-size: 100%; } .AmWwc4.uSv7k4, .tPDzI4.uSv7k4 { border-radius: var(--border-radius-rounded); } .G9IQL4 { display: inherit; text-overflow: ellipsis; white-space: nowrap; align-items: center; gap: 8px; min-inline-size: 0; } ._0f0CB4 { display: inline-flex; } .G9IQL4.va3hf4 { visibility: hidden; z-index: -1; max-inline-size: 100%; } .G9IQL4.va3hf4 { position: absolute; } ._XdG-5 { position: relative; } ._XdG-5:before { box-sizing: border-box; content: ""; opacity: 0; block-size: 100%; inline-size: 100%; position: absolute; inset-block-start: 0; } ._XdG-5:before { box-shadow: var(--utility-focus-ring); border-radius: inherit; padding: 2px; transition: opacity .1s ease-in-out; inset-inline-start: 0; } .bXw7YC { color: inherit; -webkit-tap-highlight-color: transparent; outline: none; flex-wrap: nowrap; position: relative; } .bXw7YC { cursor: pointer; direction: inherit; } ._-6pa_t { inline-size: inherit; block-size: inherit; flex-shrink: 0; display: inline-flex; position: relative; } ._-6pa_t svg { inline-size: inherit; block-size: inherit; position: absolute; inset-block-start: 0; } ._-6pa_t svg { inset-inline-start: 0; } ._-6pa_t svg path:not(.svg-no-fill) { fill: currentColor; } @media screen and (min-width:0) { ._-6pa_t.I-83rt { inline-size: var(--sizing-250); block-size: var(--sizing-250); } } ._1h-HYj { white-space: nowrap; align-items: center; display: flex; } ._1h-HYj { cursor: text; } ._1h-HYj.xa-vrj { color: var(--color-foreground-neutral-faded); } ._1h-HYj.OGOvAj { gap: var(--spacing-100); } ._1h-HYj.OGOvAj { padding-inline-end: var(--spacing-200); } button { font-family: inherit; font-size: 100%; line-height: 1.15; } button { margin: 0; } button { overflow: visible; } button { text-transform: none; } button, [type=button] { -webkit-appearance: button; } button { background: 0 0; border: none; padding: 0; } a { background-color: #0000; } .hasAction-De7Tk8 { text-decoration: none; } .hasAction-De7Tk8 { cursor: pointer; } .self-rKdwLf { letter-spacing: 0; color: var(--color-foreground-accent); outline: none; align-items: center; font-family: Roobert PRO, AktivGroteskVF, sans-serif; text-decoration: none; display: inline-flex; position: relative; } .self-rKdwLf { margin: 0; transition: color .15s ease-in-out, box-shadow .15s ease-in-out; } .self-rKdwLf.hasExpandedClickArea-H53NT1:before { content: ""; width: calc(100% + 20px); height: calc(100% + 20px); position: absolute; top: 50%; } [dir=ltr] .self-rKdwLf.hasExpandedClickArea-H53NT1:before { left: 50%; transform: translate(-50%, -50%); } .self-rKdwLf.hasAction-r0Q1UL { cursor: pointer; } .self-rKdwLf .text-RIAjOY { word-break: break-all; position: relative; } .self-rKdwLf .text-RIAjOY { margin-bottom: -1px; } .self-rKdwLf.noIcon-BxVgvG .text-RIAjOY { display: inline-block; } .self-rKdwLf.variant-default-ROBsVb { color: var(--color-foreground-accent); font: var(--typography-body-m-regular); } .self-rKdwLf.variant-default-ROBsVb:hover { color: var(--color-foreground-accent-hover); } .self-rKdwLf.variant-default-ROBsVb:hover .text-RIAjOY { color: var(--color-foreground-accent-hover); } .self-rKdwLf.variant-default-ROBsVb:focus .text-RIAjOY { color: var(--color-foreground-accent-active); } *{--font-body:Roobert PRO,AktivGroteskVF,sans-serif;--font-header:var(--font-body);--font-link:var(--font-body);box-sizing:border-box;} :before,:after{box-sizing:border-box;} ._-6pa_t{inline-size:inherit;block-size:inherit;flex-shrink:0;display:inline-flex;position:relative;} ._-6pa_t svg{inline-size:inherit;block-size:inherit;position:absolute;inset-block-start:0;} [dir] ._-6pa_t svg{inset-inline-start:0;} ._-6pa_t .rtl-icon{display:none;} ._-6pa_t svg path:not(.svg-no-fill){fill:currentColor;} @media screen and (min-width:0){ ._-6pa_t._8oafft{inline-size:var(--sizing-300);block-size:var(--sizing-300);} } .hasAction-De7Tk8{text-decoration:none;} [dir] .hasAction-De7Tk8{cursor:pointer;} .self-tllEvx{line-height:0;position:relative;} [dir] .self-tllEvx{cursor:pointer;} .self-FYNFkD .content-SxBJw3{grid-template:"ls c rs"minmax(56px,auto)/auto auto max-content;align-items:center;width:100%;display:grid;} [dir] .self-FYNFkD .content-SxBJw3.desktopContent-fU2IOa{padding-top:32px;} .self-WRBj9c{grid-area:ls;justify-content:flex-start;} [dir=ltr] .self-WRBj9c{padding-right:16px;}