/* [project]/packages/ui/src/styles/globals.css [app-client] (css) */ @layer properties { @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) { *, :before, :after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-pan-x: initial; --tw-pan-y: initial; --tw-pinch-zoom: initial; --tw-scroll-snap-strictness: proximity; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-divide-x-reverse: 0; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-content: ""; --tw-animation-delay: 0s; --tw-animation-direction: normal; --tw-animation-duration: initial; --tw-animation-fill-mode: none; --tw-animation-iteration-count: 1; --tw-enter-blur: 0; --tw-enter-opacity: 1; --tw-enter-rotate: 0; --tw-enter-scale: 1; --tw-enter-translate-x: 0; --tw-enter-translate-y: 0; --tw-exit-blur: 0; --tw-exit-opacity: 1; --tw-exit-rotate: 0; --tw-exit-scale: 1; --tw-exit-translate-x: 0; --tw-exit-translate-y: 0; } } } @layer theme { :root, :host { --font-sans: var(--font-secondary); --font-mono: ui-monospace, "SF Mono", "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace; --color-red-50: oklch(97.1% .013 17.38); --color-red-200: oklch(88.5% .062 18.334); --color-red-500: oklch(63.7% .237 25.331); --color-red-700: oklch(50.5% .213 27.518); --color-orange-50: oklch(98% .016 73.684); --color-orange-200: oklch(90.1% .076 70.697); --color-orange-700: oklch(55.3% .195 38.402); --color-yellow-300: oklch(90.5% .182 98.111); --color-green-50: oklch(98.2% .018 155.826); --color-green-200: oklch(92.5% .084 155.995); --color-green-300: oklch(87.1% .15 154.449); --color-green-400: oklch(79.2% .209 151.711); --color-green-700: oklch(52.7% .154 150.069); --color-green-800: oklch(44.8% .119 151.328); --color-teal-50: oklch(98.4% .014 180.72); --color-teal-200: oklch(91% .096 180.426); --color-teal-700: oklch(51.1% .096 186.391); --color-blue-50: oklch(97% .014 254.604); --color-blue-100: oklch(93.2% .032 255.585); --color-blue-200: oklch(88.2% .059 254.128); --color-blue-300: oklch(80.9% .105 251.813); --color-blue-400: oklch(70.7% .165 254.624); --color-blue-500: oklch(62.3% .214 259.815); --color-blue-700: oklch(48.8% .243 264.376); --color-blue-800: oklch(42.4% .199 265.638); --color-blue-900: oklch(37.9% .146 265.522); --color-indigo-50: oklch(96.2% .018 272.314); --color-indigo-200: oklch(87% .065 274.039); --color-indigo-500: oklch(58.5% .233 277.117); --color-indigo-700: oklch(45.7% .24 277.023); --color-indigo-800: oklch(39.8% .195 277.366); --color-indigo-900: oklch(35.9% .144 278.697); --color-purple-50: oklch(97.7% .014 308.299); --color-purple-200: oklch(90.2% .063 306.703); --color-purple-500: oklch(62.7% .265 303.9); --color-purple-700: oklch(49.6% .265 301.924); --color-pink-100: oklch(94.8% .028 342.258); --color-pink-200: oklch(89.9% .061 343.231); --color-pink-300: oklch(82.3% .12 346.018); --color-pink-500: oklch(65.6% .241 354.308); --color-gray-50: oklch(98.5% .002 247.839); --color-gray-100: oklch(96.7% .003 264.542); --color-gray-200: oklch(92.8% .006 264.531); --color-gray-300: oklch(87.2% .01 258.338); --color-gray-400: oklch(70.7% .022 261.325); --color-gray-500: oklch(55.1% .027 264.364); --color-gray-600: oklch(44.6% .03 256.802); --color-gray-700: oklch(37.3% .034 259.733); --color-gray-800: oklch(27.8% .033 256.848); --color-gray-900: oklch(21% .034 264.665); --color-neutral-50: var(--color-neutral-50); --color-neutral-100: var(--color-neutral-100); --color-neutral-200: oklch(92.2% 0 0); --color-neutral-300: oklch(87% 0 0); --color-neutral-400: oklch(70.8% 0 0); --color-neutral-500: oklch(55.6% 0 0); --color-neutral-600: oklch(43.9% 0 0); --color-neutral-700: oklch(37.1% 0 0); --color-neutral-800: oklch(26.9% 0 0); --color-neutral-900: oklch(20.5% 0 0); --color-black: #000; --color-white: #fff; --spacing: .25rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-6xl: 3.75rem; --text-6xl--line-height: 1; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --tracking-wide: .025em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --radius-2xl: 1rem; --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-spin: spin 1s linear infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --blur-sm: 8px; --blur-xl: 24px; --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --font-primary: "Schlueter Sans", "Inter", "Helvetica Neue", Arial, sans-serif; --font-secondary: "IBM Plex Sans", "Inter", "Helvetica Neue", Arial, sans-serif; --line-height-tight: var(--line-height-tight); --line-height-snug: var(--line-height-snug); --line-height-normal: var(--line-height-normal); --line-height-relaxed: var(--line-height-relaxed); --line-height-loose: var(--line-height-loose); --line-height-none: 1; --leading-figma-normal: var(--line-height-normal); --color-background: var(--background); --color-foreground: var(--foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --line-height-extra-tight: var(--line-height-extra-tight); --letter-spacing-tight: var(--letter-spacing-tight); --letter-spacing-normal: var(--letter-spacing-normal); --letter-spacing-wide: var(--letter-spacing-wide); --color-brand-100: var(--color-brand-100); --color-brand-98: var(--color-brand-98); --color-brand-95: var(--color-brand-95); --color-brand-90: var(--color-brand-90); --color-brand-80: var(--color-brand-80); --color-brand-70: var(--color-brand-70); --color-brand-60: var(--color-brand-60); --color-brand-50: var(--color-brand-50); --color-brand-40: var(--color-brand-40); --color-brand-30: var(--color-brand-30); --color-brand-20: var(--color-brand-20); --color-brand-10: var(--color-brand-10); --color-brand-0: var(--color-brand-0); --color-neutral-98: var(--color-neutral-98); --color-neutral-95: var(--color-neutral-95); --color-neutral-90: var(--color-neutral-90); --color-neutral-80: var(--color-neutral-80); --color-neutral-70: var(--color-neutral-70); --color-neutral-60: var(--color-neutral-60); --color-neutral-40: var(--color-neutral-40); --color-neutral-30: var(--color-neutral-30); --color-neutral-20: var(--color-neutral-20); --color-neutral-10: var(--color-neutral-10); --color-neutral-0: var(--color-neutral-0); --color-success-100: var(--color-success-100); --color-success-50: var(--color-success-50); --color-success-10: var(--color-success-10); --color-warning-100: var(--color-warning-100); --color-warning-50: var(--color-warning-50); --color-warning-10: var(--color-warning-10); --color-error-100: var(--color-error-100); --color-error-50: var(--color-error-50); --color-error-10: var(--color-error-10); --color-info-100: var(--color-info-100); --color-info-50: var(--color-info-50); --color-info-10: var(--color-info-10); --radius-image: var(--image-border-radius); --tracking-slight: .28px; --aspect-banner: 3 / 2; } } @layer base { *, :after, :before, ::backdrop { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } ::file-selector-button { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } html, :host { -webkit-text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; } small { font-size: 80%; } sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; } sub { bottom: -.25em; } sup { top: -.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { vertical-align: middle; display: block; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: #0000; border-radius: 0; } ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: #0000; border-radius: 0; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::placeholder { opacity: 1; } @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) { ::placeholder { color: currentColor; } @supports (color: color-mix(in lab, red, red)) { ::placeholder { color: color-mix(in oklab, currentcolor 50%, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit { padding-block: 0; } ::-webkit-datetime-edit-year-field { padding-block: 0; } ::-webkit-datetime-edit-month-field { padding-block: 0; } ::-webkit-datetime-edit-day-field { padding-block: 0; } ::-webkit-datetime-edit-hour-field { padding-block: 0; } ::-webkit-datetime-edit-minute-field { padding-block: 0; } ::-webkit-datetime-edit-second-field { padding-block: 0; } ::-webkit-datetime-edit-millisecond-field { padding-block: 0; } ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } ::-webkit-calendar-picker-indicator { line-height: 1; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type="button"], [type="reset"], [type="submit"]) { appearance: button; } ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button { height: auto; } ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden="until-found"])) { display: none !important; } @font-face { font-family: Schlueter Sans; font-style: normal; font-weight: 400; font-display: swap; src: url("../media/SchlueterSans-Regular.0eps~_0s_wl6s.woff2") format("woff2"), url("../media/SchlueterSans-Regular.110.yd_5a7u~m.woff") format("woff"); } @font-face { font-family: Schlueter Sans; font-style: normal; font-weight: 700; font-display: swap; src: url("../media/SchlueterSans-Bold.04q9m-cvx9l-z.woff2") format("woff2"), url("../media/SchlueterSans-Bold.160kf4y1af4wq.woff") format("woff"); } @font-face { font-family: IBM Plex Sans; font-style: normal; font-weight: 500; font-display: swap; src: url("../media/IBMPlexSans-Medium.05a31w2fnww22.woff") format("woff"); } @font-face { font-family: IBM Plex Sans; font-style: normal; font-weight: 400; font-display: swap; src: url("../media/IBMPlexSans-Regular.0-kkp2-wmnm6u.woff") format("woff"); } @font-face { font-family: IBM Plex Sans; font-style: normal; font-weight: 700; font-display: swap; src: url("../media/IBMPlexSans-Bold.07j3osa86zwaa.woff") format("woff"); } .font-primary { font-family: var(--font-primary); } .font-secondary { font-family: var(--font-secondary); } :root { --color-neutral-100: #fff; --color-neutral-98: #f3f3f3; --color-neutral-95: #e5e5e5; --color-neutral-90: #d9d9d9; --color-neutral-80: #c8c8c8; --color-neutral-70: #ababab; --color-neutral-60: #898989; --color-neutral-50: #767676; --color-neutral-40: #595959; --color-neutral-30: #3c3b3b; --color-neutral-20: #282828; --color-neutral-10: #171717; --color-neutral-0: #000; --color-brand-100: var(--color-neutral-100); --color-brand-98: var(--color-neutral-98); --color-brand-95: var(--color-neutral-95); --color-brand-90: var(--color-neutral-90); --color-brand-80: var(--color-neutral-80); --color-brand-70: var(--color-neutral-70); --color-brand-60: var(--color-neutral-60); --color-brand-50: var(--color-neutral-50); --color-brand-40: var(--color-neutral-40); --color-brand-30: var(--color-neutral-30); --color-brand-20: var(--color-neutral-20); --color-brand-10: var(--color-neutral-10); --color-brand-0: var(--color-neutral-0); --color-success-100: oklch(96.5% .025 142.5); --color-success-50: oklch(72.3% .219 149.579); --color-success-10: oklch(19.3% .095 152.535); --color-warning-100: oklch(97.5% .045 85); --color-warning-50: oklch(82.8% .189 84.429); --color-warning-10: oklch(32.8% .089 84.429); --color-error-background: #f6ddd7; --color-error-background-light: #b7152c1a; --color-error-text: #b7152c; --color-error-icon: #b7152c; --color-error-100: oklch(96.5% .045 27.325); --color-error-50: oklch(57.7% .245 27.325); --color-error-10: oklch(17.7% .145 27.325); --color-info-100: oklch(96.5% .025 264.376); --color-info-50: oklch(48.8% .243 264.376); --color-info-10: oklch(18.8% .143 264.376); --background: oklch(100% 0 0); --foreground: var(--color-neutral-10); --card: oklch(100% 0 0); --card-foreground: var(--color-neutral-10); --popover: oklch(100% 0 0); --popover-foreground: var(--color-neutral-10); --primary: var(--color-brand-60); --primary-foreground: var(--color-neutral-100); --secondary: var(--color-neutral-95); --secondary-foreground: var(--color-neutral-20); --muted: var(--color-neutral-95); --muted-foreground: var(--color-neutral-40); --accent: var(--color-neutral-95); --accent-foreground: var(--color-neutral-20); --destructive: var(--color-error-50); --destructive-foreground: var(--color-neutral-100); --border: var(--color-neutral-90); --input: var(--color-neutral-90); --ring: var(--color-brand-60); --chart-1: var(--color-brand-60); --chart-2: var(--color-brand-70); --chart-3: var(--color-brand-80); --chart-4: var(--color-brand-50); --chart-5: var(--color-brand-40); --sidebar: var(--color-neutral-98); --sidebar-foreground: var(--color-neutral-10); --sidebar-primary: var(--color-brand-60); --sidebar-primary-foreground: var(--color-neutral-100); --sidebar-accent: var(--color-neutral-95); --sidebar-accent-foreground: var(--color-neutral-20); --sidebar-border: var(--color-neutral-90); --sidebar-ring: var(--color-brand-60); --radius: 4px; --typography-heading-1-sm: 32px; --typography-heading-1-md: 40px; --typography-heading-1-lg: 48px; --typography-heading-1-xl: 48px; --typography-heading-2-sm: 28px; --typography-heading-2-md: 32px; --typography-heading-2-lg: 40px; --typography-heading-2-xl: 40px; --typography-heading-3-sm: 1.5rem; --typography-heading-3-md: 28px; --typography-heading-3-lg: 32px; --typography-heading-3-xl: 32px; --typography-heading-4-sm: 1.25rem; --typography-heading-4-md: 1.25rem; --typography-heading-4-lg: 1.5rem; --typography-heading-4-xl: 1.5rem; --typography-heading-5-sm: 1rem; --typography-heading-5-md: 1rem; --typography-heading-5-lg: 1.125rem; --typography-heading-5-xl: 1.125rem; --typography-heading-6-sm: .875rem; --typography-heading-6-md: .875rem; --typography-heading-6-lg: .875rem; --typography-heading-6-xl: .875rem; --typography-kicker-sm: 13px; --typography-kicker-md: 13px; --typography-kicker-lg: 13px; --typography-kicker-xl: 13px; --typography-standfirst-big-sm: 1rem; --typography-standfirst-big-md: 1rem; --typography-standfirst-big-lg: 1.125rem; --typography-standfirst-big-xl: 1.125rem; --typography-standfirst-small-sm: 1rem; --typography-standfirst-small-md: 1rem; --typography-standfirst-small-lg: 1rem; --typography-standfirst-small-xl: 1rem; --typography-intro-sm: 1.125rem; --typography-intro-md: 1.125rem; --typography-intro-lg: 1.125rem; --typography-intro-xl: 1.125rem; --typography-body-sm: 1.125rem; --typography-body-md: 1.125rem; --typography-body-lg: 1.125rem; --typography-body-xl: 1.125rem; --typography-meta-big-sm: 1rem; --typography-meta-big-md: 1rem; --typography-meta-big-lg: 1rem; --typography-meta-big-xl: 1rem; --typography-meta-small-sm: .875rem; --typography-meta-small-md: .875rem; --typography-meta-small-lg: .875rem; --typography-meta-small-xl: .875rem; --typography-article-sm: 32px; --typography-article-md: 32px; --typography-article-lg: 40px; --typography-article-xl: 40px; --typography-article-headline-sm: 32px; --typography-article-headline-md: 32px; --typography-article-headline-lg: 40px; --typography-article-headline-xl: 40px; --typography-cta-primary-sm: .75rem; --typography-cta-primary-md: .75rem; --typography-cta-primary-lg: .75rem; --typography-cta-primary-xl: .75rem; --typography-cta-secondary-sm: .875rem; --typography-cta-secondary-md: .875rem; --typography-cta-secondary-lg: .875rem; --typography-cta-secondary-xl: .875rem; --typography-cta-pills-sm: .875rem; --typography-cta-pills-md: .875rem; --typography-cta-pills-lg: .875rem; --typography-cta-pills-xl: .875rem; --typography-tag-sm: .75rem; --typography-tag-md: .75rem; --typography-tag-lg: .75rem; --typography-tag-xl: .75rem; --typography-teaser-1-sm: 1.5rem; --typography-teaser-1-md: 32px; --typography-teaser-1-lg: 36px; --typography-teaser-1-xl: 40px; --typography-teaser-2-sm: 1.25rem; --typography-teaser-2-md: 24px; --typography-teaser-2-lg: 32px; --typography-teaser-2-xl: 32px; --typography-teaser-3-sm: 1.25rem; --typography-teaser-3-md: 1.25rem; --typography-teaser-3-lg: 1.5rem; --typography-teaser-3-xl: 1.5rem; --typography-teaser-4-sm: 1.125rem; --typography-teaser-4-md: 1.125rem; --typography-teaser-4-lg: 1.125rem; --typography-teaser-4-xl: 1.25rem; --typography-teaser-5-sm: 1rem; --typography-teaser-5-md: 1rem; --typography-teaser-5-lg: 1rem; --typography-teaser-5-xl: 1.125rem; --typography-quote-sm: 28px; --typography-quote-md: 28px; --typography-quote-lg: 32px; --typography-quote-xl: 32px; --typography-quote-lg-xl: 32px; --typography-search-sm: 1.25rem; --typography-search-md: 1.25rem; --typography-search-lg: 1.25rem; --typography-search-xl: 1.25rem; --typography-sponsored-sm: 11px; --typography-sponsored-md: 11px; --typography-sponsored-lg: 11px; --typography-sponsored-xl: 11px; --typography-navigation-primary-sm: 1.5rem; --typography-navigation-primary-md: 1.5rem; --typography-navigation-primary-lg: 1.25rem; --typography-navigation-primary-xl: 1.25rem; --typography-navigation-secondary-sm: 1rem; --typography-navigation-secondary-md: 1rem; --typography-navigation-secondary-lg: 1.25rem; --typography-navigation-secondary-xl: 1.25rem; --typography-navigation-secondary-medium-sm: 1rem; --typography-navigation-secondary-medium-md: 1rem; --typography-navigation-secondary-medium-lg: 1.25rem; --typography-navigation-secondary-medium-xl: 1.25rem; --typography-navigation-tertiary-sm: 1.125rem; --typography-navigation-tertiary-md: 1.125rem; --typography-navigation-tertiary-lg: .875rem; --typography-navigation-tertiary-xl: .875rem; --typography-navigation-footer-sm: 1rem; --typography-navigation-footer-md: 1rem; --typography-navigation-footer-lg: 1rem; --typography-navigation-footer-xl: 1rem; --line-height-tight: 1.1; --line-height-snug: 1.2; --line-height-normal: 1.3; --line-height-relaxed: 1.4; --line-height-loose: 1.5; --line-height-none: 1; --font-weight-medium: 500; --font-weight-bold: 700; --font-weight-normal: 400; } .heading-1 { line-height: var(--line-height-tight); font-family: var(--font-primary) !important; font-weight: var(--font-weight-bold) !important; letter-spacing: 0 !important; font-size: 32px !important; } @media (min-width: 768px) { .heading-1 { letter-spacing: 0 !important; font-size: 40px !important; } } @media (min-width: 1024px) { .heading-1 { letter-spacing: 0 !important; font-size: 48px !important; } } .heading-2 { line-height: var(--line-height-snug); font-family: var(--font-primary) !important; font-weight: var(--font-weight-bold) !important; letter-spacing: 0 !important; font-size: 28px !important; } @media (min-width: 768px) { .heading-2 { line-height: var(--line-height-tight); letter-spacing: 0 !important; font-size: 32px !important; } } @media (min-width: 1024px) { .heading-2 { letter-spacing: -.4px !important; font-size: 40px !important; } } .heading-3 { line-height: var(--line-height-snug); font-family: var(--font-primary) !important; font-weight: var(--font-weight-bold) !important; letter-spacing: 0 !important; font-size: 24px !important; } @media (min-width: 768px) { .heading-3 { line-height: var(--line-height-tight); letter-spacing: 0 !important; font-size: 28px !important; } } @media (min-width: 1024px) { .heading-3 { letter-spacing: 0 !important; font-size: 32px !important; } } .heading-4 { line-height: var(--line-height-normal); font-family: var(--font-primary) !important; font-weight: var(--font-weight-bold) !important; letter-spacing: 0 !important; font-size: 20px !important; } @media (min-width: 1024px) { .heading-4 { letter-spacing: 0 !important; font-size: 24px !important; } } .heading-5 { line-height: var(--line-height-normal); font-family: var(--font-primary) !important; font-weight: var(--font-weight-bold) !important; letter-spacing: 0 !important; font-size: 16px !important; } @media (min-width: 1024px) { .heading-5 { letter-spacing: 0 !important; font-size: 18px !important; } } .heading-6 { line-height: var(--line-height-normal); font-family: var(--font-primary) !important; font-weight: var(--font-weight-bold) !important; letter-spacing: 0 !important; font-size: 14px !important; } .kicker { font-family: var(--font-primary); font-weight: var(--font-weight-bold); line-height: var(--line-height-normal); font-size: 13px; } .article { font-family: var(--font-primary); font-weight: var(--font-weight-bold); line-height: var(--line-height-tight); letter-spacing: -.32px; font-size: 32px; } @media (min-width: 1024px) { .article { letter-spacing: -.4px; font-size: 40px; } } .article-headline { font-family: var(--font-primary); font-weight: var(--font-weight-bold); line-height: var(--line-height-tight); letter-spacing: -1.28px; font-size: 32px; } @media (min-width: 768px) { .article-headline { letter-spacing: -.4px; font-size: 40px; } } .cta-primary { font-family: var(--font-primary); font-weight: var(--font-weight-bold); line-height: var(--line-height-tight); letter-spacing: .48px; font-size: 12px; } .cta-secondary { font-family: var(--font-primary); font-weight: var(--font-weight-bold); line-height: var(--line-height-tight); letter-spacing: 0; font-size: 14px; } .cta-pills { font-family: var(--font-primary); font-weight: var(--font-weight-bold); line-height: var(--line-height-none); letter-spacing: 0; font-size: 14px; } .tag { font-family: var(--font-primary); font-weight: var(--font-weight-bold); line-height: var(--line-height-tight); letter-spacing: 0; font-size: 12px; } .number-tag { font-family: var(--font-primary); font-weight: var(--font-weight-bold); line-height: var(--line-height-snug); font-size: 28px; } .teaser-1 { font-family: var(--font-primary); font-weight: var(--font-weight-bold); line-height: var(--line-height-snug); letter-spacing: 0; font-size: 24px; } @media (min-width: 768px) { .teaser-1 { line-height: var(--line-height-tight); letter-spacing: 0; font-size: 32px; } } @media (min-width: 1024px) { .teaser-1 { letter-spacing: 0; font-size: 36px; } } @media (min-width: 1280px) { .teaser-1 { letter-spacing: 0; font-size: 40px; } } .teaser-2 { font-family: var(--font-primary); font-weight: var(--font-weight-bold); line-height: var(--line-height-tight); letter-spacing: 0; font-size: 20px; } @media (min-width: 768px) { .teaser-2 { letter-spacing: 0; font-size: 24px; } } @media (min-width: 1024px) { .teaser-2 { letter-spacing: 0; font-size: 32px; } } .teaser-3 { font-family: var(--font-primary); font-weight: var(--font-weight-bold); line-height: var(--line-height-normal); letter-spacing: 0; font-size: 20px; } @media (min-width: 768px) { .teaser-3 { letter-spacing: 0; } } @media (min-width: 1024px) { .teaser-3 { letter-spacing: 0; font-size: 24px; } } .teaser-4 { font-family: var(--font-primary); font-weight: var(--font-weight-bold); line-height: var(--line-height-normal); letter-spacing: 0; font-size: 18px; } @media (min-width: 1280px) { .teaser-4 { letter-spacing: 0; font-size: 20px; } } .teaser-5 { font-family: var(--font-primary); font-weight: var(--font-weight-bold); line-height: var(--line-height-normal); letter-spacing: 0; font-size: 16px; } @media (min-width: 1280px) { .teaser-5 { letter-spacing: 0; font-size: 18px; } } .quote { font-family: var(--font-primary); font-weight: var(--font-weight-bold); line-height: var(--line-height-snug); letter-spacing: -.28px; font-size: 28px; } @media (min-width: 1024px) { .quote { letter-spacing: -.32px; font-size: 32px; } } .standfirst-big { font-family: var(--font-secondary); font-weight: var(--font-weight-normal); line-height: var(--line-height-relaxed); letter-spacing: 0; font-size: 16px; } @media (min-width: 1024px) { .standfirst-big { letter-spacing: 0; font-size: 18px; } } .standfirst-small { font-family: var(--font-secondary); font-weight: var(--font-weight-normal); line-height: var(--line-height-relaxed); letter-spacing: 0; font-size: 16px; } .intro { font-family: var(--font-secondary) !important; font-weight: var(--font-weight-normal) !important; line-height: var(--line-height-loose) !important; font-size: 18px !important; } .body { font-family: var(--font-secondary) !important; font-weight: var(--font-weight-normal) !important; line-height: var(--line-height-loose) !important; letter-spacing: 0 !important; font-size: 18px !important; } .meta-big { font-family: var(--font-secondary); font-weight: var(--font-weight-normal); line-height: var(--line-height-relaxed); letter-spacing: 0; font-size: 16px; } .meta-small { font-family: var(--font-secondary); font-weight: var(--font-weight-normal); line-height: var(--line-height-relaxed); letter-spacing: 0; font-size: 14px; } .search { font-family: var(--font-secondary); font-weight: var(--font-weight-normal); line-height: var(--line-height-relaxed); letter-spacing: 0; font-size: 20px; } .sponsored { font-family: var(--font-secondary); font-weight: var(--font-weight-normal); line-height: var(--line-height-tight); letter-spacing: .44px; font-size: 11px; } .navigation-primary { font-family: var(--font-primary); font-weight: var(--font-weight-bold); line-height: var(--line-height-normal); letter-spacing: -.24px; font-size: 24px; } @media (min-width: 1024px) { .navigation-primary { letter-spacing: -.2px; font-size: 20px; } } .navigation-secondary { font-family: var(--font-primary); font-weight: var(--font-weight-normal); line-height: var(--line-height-normal); letter-spacing: -.16px; font-size: 16px; } @media (min-width: 1024px) { .navigation-secondary { line-height: var(--line-height-relaxed); letter-spacing: -.2px; font-size: 20px; } } .navigation-secondary-medium { font-family: var(--font-primary); font-weight: var(--font-weight-bold); line-height: var(--line-height-normal); letter-spacing: -.16px; font-size: 16px; } @media (min-width: 1024px) { .navigation-secondary-medium { line-height: var(--line-height-relaxed); letter-spacing: -.2px; font-size: 20px; } } .navigation-tertiary { font-family: var(--font-primary); font-weight: var(--font-weight-bold); line-height: var(--line-height-none); letter-spacing: 0; font-size: 18px; } @media (min-width: 1024px) { .navigation-tertiary { letter-spacing: 0; font-size: 14px; } } .navigation-footer { font-family: var(--font-primary); font-weight: var(--font-weight-normal); line-height: var(--line-height-normal); letter-spacing: 0; font-size: 16px; } .tw-typography-prose { color: var(--tw-prose-body); max-width: 65ch; } .tw-typography-prose :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } .tw-typography-prose :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-lead); margin-top: 1.2em; margin-bottom: 1.2em; font-size: 1.25em; line-height: 1.6; } .tw-typography-prose :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-links); font-weight: 500; text-decoration: underline; } .tw-typography-prose :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-bold); font-weight: 600; } .tw-typography-prose :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .tw-typography-prose :where(blockquote strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .tw-typography-prose :where(thead th strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } .tw-typography-prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; list-style-type: decimal; } .tw-typography-prose :where(ol[type="A"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-alpha; } .tw-typography-prose :where(ol[type="a"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-alpha; } .tw-typography-prose :where(ol[type="A" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-alpha; } .tw-typography-prose :where(ol[type="a" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-alpha; } .tw-typography-prose :where(ol[type="I"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-roman; } .tw-typography-prose :where(ol[type="i"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-roman; } .tw-typography-prose :where(ol[type="I" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-roman; } .tw-typography-prose :where(ol[type="i" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-roman; } .tw-typography-prose :where(ol[type="1"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: decimal; } .tw-typography-prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; list-style-type: disc; } .tw-typography-prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker { color: var(--tw-prose-counters); font-weight: 400; } .tw-typography-prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker { color: var(--tw-prose-bullets); } .tw-typography-prose :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 1.25em; font-weight: 600; } .tw-typography-prose :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-color: var(--tw-prose-hr); border-top-width: 1px; margin-top: 3em; margin-bottom: 3em; } .tw-typography-prose :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-quotes); border-inline-start-width: .25rem; border-inline-start-color: var(--tw-prose-quote-borders); quotes: "“""”""‘""’"; margin-top: 1.6em; margin-bottom: 1.6em; padding-inline-start: 1em; font-style: italic; font-weight: 500; } .tw-typography-prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):before { content: open-quote; } .tw-typography-prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):after { content: close-quote; } .tw-typography-prose :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 0; margin-bottom: .888889em; font-size: 2.25em; font-weight: 800; line-height: 1.11111; } .tw-typography-prose :where(h1 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-weight: 900; } .tw-typography-prose :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 2em; margin-bottom: 1em; font-size: 1.5em; font-weight: 700; line-height: 1.33333; } .tw-typography-prose :where(h2 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-weight: 800; } .tw-typography-prose :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 1.6em; margin-bottom: .6em; font-size: 1.25em; font-weight: 600; line-height: 1.6; } .tw-typography-prose :where(h3 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-weight: 700; } .tw-typography-prose :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 1.5em; margin-bottom: .5em; font-weight: 600; line-height: 1.5; } .tw-typography-prose :where(h4 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-weight: 700; } .tw-typography-prose :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .tw-typography-prose :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; display: block; } .tw-typography-prose :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .tw-typography-prose :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-kbd); box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows); padding-top: .1875em; padding-inline-end: .375em; padding-bottom: .1875em; border-radius: .3125rem; padding-inline-start: .375em; font-family: inherit; font-size: .875em; font-weight: 500; } .tw-typography-prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-code); font-size: .875em; font-weight: 600; } .tw-typography-prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before, .tw-typography-prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after { content: "`"; } .tw-typography-prose :where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .tw-typography-prose :where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } .tw-typography-prose :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-size: .875em; } .tw-typography-prose :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-size: .9em; } .tw-typography-prose :where(h4 code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .tw-typography-prose :where(blockquote code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .tw-typography-prose :where(thead th code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } .tw-typography-prose :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-pre-code); background-color: var(--tw-prose-pre-bg); padding-top: .857143em; padding-inline-end: 1.14286em; padding-bottom: .857143em; border-radius: .375rem; margin-top: 1.71429em; margin-bottom: 1.71429em; padding-inline-start: 1.14286em; font-size: .875em; font-weight: 400; line-height: 1.71429; overflow-x: auto; } .tw-typography-prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-weight: inherit; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; background-color: #0000; border-width: 0; border-radius: 0; padding: 0; } .tw-typography-prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before, .tw-typography-prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after { content: none; } .tw-typography-prose :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) { table-layout: auto; width: 100%; margin-top: 2em; margin-bottom: 2em; font-size: .875em; line-height: 1.71429; } .tw-typography-prose :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-th-borders); } .tw-typography-prose :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); vertical-align: bottom; padding-inline-end: .571429em; padding-bottom: .571429em; padding-inline-start: .571429em; font-weight: 600; } .tw-typography-prose :where(tbody tr):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-td-borders); } .tw-typography-prose :where(tbody tr:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-bottom-width: 0; } .tw-typography-prose :where(tbody td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { vertical-align: baseline; } .tw-typography-prose :where(tfoot):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-top-width: 1px; border-top-color: var(--tw-prose-th-borders); } .tw-typography-prose :where(tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { vertical-align: top; } .tw-typography-prose :where(th, td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { text-align: start; } .tw-typography-prose :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .tw-typography-prose :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-captions); margin-top: .857143em; font-size: .875em; line-height: 1.42857; } .tw-typography-prose { --tw-prose-body: oklch(37.3% .034 259.733); --tw-prose-headings: oklch(21% .034 264.665); --tw-prose-lead: oklch(44.6% .03 256.802); --tw-prose-links: oklch(21% .034 264.665); --tw-prose-bold: oklch(21% .034 264.665); --tw-prose-counters: oklch(55.1% .027 264.364); --tw-prose-bullets: oklch(87.2% .01 258.338); --tw-prose-hr: oklch(92.8% .006 264.531); --tw-prose-quotes: oklch(21% .034 264.665); --tw-prose-quote-borders: oklch(92.8% .006 264.531); --tw-prose-captions: oklch(55.1% .027 264.364); --tw-prose-kbd: oklch(21% .034 264.665); --tw-prose-kbd-shadows: oklab(21% -.00316127 -.0338527 / .1); --tw-prose-code: oklch(21% .034 264.665); --tw-prose-pre-code: oklch(92.8% .006 264.531); --tw-prose-pre-bg: oklch(27.8% .033 256.848); --tw-prose-th-borders: oklch(87.2% .01 258.338); --tw-prose-td-borders: oklch(92.8% .006 264.531); --tw-prose-invert-body: oklch(87.2% .01 258.338); --tw-prose-invert-headings: #fff; --tw-prose-invert-lead: oklch(70.7% .022 261.325); --tw-prose-invert-links: #fff; --tw-prose-invert-bold: #fff; --tw-prose-invert-counters: oklch(70.7% .022 261.325); --tw-prose-invert-bullets: oklch(44.6% .03 256.802); --tw-prose-invert-hr: oklch(37.3% .034 259.733); --tw-prose-invert-quotes: oklch(96.7% .003 264.542); --tw-prose-invert-quote-borders: oklch(37.3% .034 259.733); --tw-prose-invert-captions: oklch(70.7% .022 261.325); --tw-prose-invert-kbd: #fff; --tw-prose-invert-kbd-shadows: #ffffff1a; --tw-prose-invert-code: #fff; --tw-prose-invert-pre-code: oklch(87.2% .01 258.338); --tw-prose-invert-pre-bg: #00000080; --tw-prose-invert-th-borders: oklch(44.6% .03 256.802); --tw-prose-invert-td-borders: oklch(37.3% .034 259.733); font-size: 1rem; line-height: 1.75; } .tw-typography-prose :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .tw-typography-prose :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .5em; margin-bottom: .5em; } .tw-typography-prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)), .tw-typography-prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: .375em; } .tw-typography-prose :where(.prose > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .75em; margin-bottom: .75em; } .tw-typography-prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; } .tw-typography-prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 1.25em; } .tw-typography-prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; } .tw-typography-prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 1.25em; } .tw-typography-prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .75em; margin-bottom: .75em; } .tw-typography-prose :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } .tw-typography-prose :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .5em; padding-inline-start: 1.625em; } .tw-typography-prose :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .tw-typography-prose :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .tw-typography-prose :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .tw-typography-prose :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; } .tw-typography-prose :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0; } .tw-typography-prose :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-end: 0; } .tw-typography-prose :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-top: .571429em; padding-inline-end: .571429em; padding-bottom: .571429em; padding-inline-start: .571429em; } .tw-typography-prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0; } .tw-typography-prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-end: 0; } .tw-typography-prose :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .tw-typography-prose :where(.prose > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; } .tw-typography-prose :where(.prose > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 0; } .tw-typography-prose { max-width: none; } :is(.tw-typography-prose > *):first-child { margin-top: calc(var(--spacing) * 0); } :is(.tw-typography-prose > *):last-child { margin-bottom: calc(var(--spacing) * 0); } .tw-typography-prose :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: 28px; } @media (min-width: 48rem) { .tw-typography-prose :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: 32px; } } @media (min-width: 64rem) { .tw-typography-prose :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: 40px; } } .tw-typography-prose :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } @media (min-width: 48rem) { .tw-typography-prose :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: 28px; } } @media (min-width: 64rem) { .tw-typography-prose :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: 32px; } } .tw-typography-prose :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } @media (min-width: 64rem) { .tw-typography-prose :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } .tw-typography-prose :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)), .tw-typography-prose :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)), .tw-typography-prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)), .tw-typography-prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .grid-base { column-gap: calc(var(--spacing) * 5); min-width: 100%; padding-inline: calc(var(--spacing) * 4); grid-template-columns: repeat(6, minmax(0, 1fr)); display: grid; } @media (min-width: 48rem) { .grid-base { column-gap: calc(var(--spacing) * 6); padding-inline: calc(var(--spacing) * 6); grid-template-columns: repeat(12, minmax(0, 1fr)); } } @media (min-width: 64rem) { .grid-base { column-gap: calc(var(--spacing) * 8); padding-inline: calc(var(--spacing) * 8); margin-inline: auto; } } @media (min-width: 80rem) { .grid-base { column-gap: calc(var(--spacing) * 7.5); min-width: 1040px; max-width: 1040px; padding-inline: calc(var(--spacing) * 0); } } .grid-default-module { grid-column: 1 / -1; } @media (min-width: 48rem) { .grid-default-module { grid-column: 2 / span 10; } } @media (min-width: 64rem) { .grid-default-module { grid-column: 3 / span 8; } } .shadow-s { box-shadow: 0 8px 32px #00000014; } .shadow-xl { box-shadow: 0 4px 80px #00000040; } .shadow-color-brand { box-shadow: 0 0 14.737px 0 var(--color-brand-70); } @supports (color: color-mix(in lab, red, red)) { .shadow-color-brand { box-shadow: 0 0 14.737px 0 color-mix(in srgb, var(--color-brand-70) 50%, transparent); } } .text-shadow-brand { text-shadow: var(--text-shadow-brand); } .gradient-white-0 { background: linear-gradient(#fff0 11.82%, #fff 40.96%); } .gradient-white-50 { background: linear-gradient(#ffffff80 0%, #fff0 100%); } .gradient-overlay-dark { background: linear-gradient(#0000 63.76%, #0009 86.55%); } .scrollbar-hidden { scrollbar-width: none; -ms-overflow-style: none; } .scrollbar-hidden::-webkit-scrollbar { display: none; } .dropcap-paragraph { min-height: 70px; } .dropcap-paragraph:first-letter { initial-letter: 2; font-family: var(--font-primary); font-weight: var(--font-weight-bold); color: var(--semantic-text-brand); text-align: center; letter-spacing: -2.08px; text-shadow: var(--text-shadow-brand); background-color: var(--semantic-bg-highlight); margin-right: calc(var(--spacing) * 4); padding: calc(var(--spacing) * 3.6); float: left; border-radius: 8px; font-size: 52px; line-height: 110%; } .didomi-host button.didomi-components-radio__option svg { display: inline-block; } :root { --color-neutral-100: #fff; --color-neutral-98: #f3f3f3; --color-neutral-95: #e5e5e5; --color-neutral-90: #d9d9d9; --color-neutral-80: #c8c8c8; --color-neutral-70: #ababab; --color-neutral-60: #898989; --color-neutral-50: #767676; --color-neutral-40: #595959; --color-neutral-30: #3c3b3b; --color-neutral-20: #282828; --color-neutral-10: #171717; --color-neutral-0: #000; --color-brand-100: var(--color-neutral-100); --color-brand-98: var(--color-neutral-98); --color-brand-95: var(--color-neutral-95); --color-brand-90: var(--color-neutral-90); --color-brand-80: var(--color-neutral-80); --color-brand-70: var(--color-neutral-70); --color-brand-60: var(--color-neutral-60); --color-brand-50: var(--color-neutral-50); --color-brand-40: var(--color-neutral-40); --color-brand-30: var(--color-neutral-30); --color-brand-20: var(--color-neutral-20); --color-brand-10: var(--color-neutral-10); --color-brand-0: var(--color-neutral-0); --color-success-100: oklch(96.5% .025 142.5); --color-success-50: oklch(72.3% .219 149.579); --color-success-10: oklch(19.3% .095 152.535); --color-warning-100: oklch(97.5% .045 85); --color-warning-50: oklch(82.8% .189 84.429); --color-warning-10: oklch(32.8% .089 84.429); --color-error-background: #f6ddd7; --color-error-background-light: #b7152c1a; --color-error-text: #b7152c; --color-error-icon: #b7152c; --color-error-100: oklch(96.5% .045 27.325); --color-error-50: oklch(57.7% .245 27.325); --color-error-10: oklch(17.7% .145 27.325); --color-info-100: oklch(96.5% .025 264.376); --color-info-50: oklch(48.8% .243 264.376); --color-info-10: oklch(18.8% .143 264.376); --background: oklch(100% 0 0); --foreground: oklch(14.1% .005 285.823); --card: oklch(100% 0 0); --card-foreground: oklch(14.1% .005 285.823); --popover: oklch(100% 0 0); --popover-foreground: oklch(14.1% .005 285.823); --primary: oklch(72.3% .219 149.579); --primary-foreground: oklch(98.2% .018 155.826); --secondary: oklch(96.7% .001 286.375); --secondary-foreground: oklch(21% .006 285.885); --muted: oklch(96.7% .001 286.375); --muted-foreground: oklch(55.2% .016 285.938); --accent: oklch(96.7% .001 286.375); --accent-foreground: oklch(21% .006 285.885); --destructive: oklch(57.7% .245 27.325); --destructive-foreground: var(--color-neutral-100); --border: oklch(92% .004 286.32); --input: oklch(92% .004 286.32); --ring: oklch(72.3% .219 149.579); --chart-1: oklch(64.6% .222 41.116); --chart-2: oklch(60% .118 184.704); --chart-3: oklch(39.8% .07 227.392); --chart-4: oklch(82.8% .189 84.429); --chart-5: oklch(76.9% .188 70.08); --sidebar: oklch(98.5% 0 0); --sidebar-foreground: oklch(14.1% .005 285.823); --sidebar-primary: oklch(72.3% .219 149.579); --sidebar-primary-foreground: oklch(98.2% .018 155.826); --sidebar-accent: oklch(96.7% .001 286.375); --sidebar-accent-foreground: oklch(21% .006 285.885); --sidebar-border: oklch(92% .004 286.32); --sidebar-ring: oklch(72.3% .219 149.579); --radius: 4px; --image-border-radius: 8px; --color-brand-70-rgb: 245, 135, 50; } [data-tenant="handwerk"] { --color-brand-100: #fff; --color-brand-98: #fff9f5; --color-brand-95: #fdf3ea; --color-brand-90: #fde1cc; --color-brand-80: #f9c398; --color-brand-70: #f58732; --color-brand-70-rgb: 245, 135, 50; --color-brand-60: #e46809; --color-brand-50: #b65408; --color-brand-40: #974607; --color-brand-30: #7a3806; --color-brand-20: #492204; --color-brand-10: #311702; --color-brand-0: #000; --primary: var(--color-brand-70); --primary-foreground: #fff; --ring: #be5809; --chart-1: var(--color-brand-70); --chart-2: var(--color-brand-60); --chart-3: var(--color-brand-50); --chart-4: var(--color-brand-80); --chart-5: var(--color-brand-40); --sidebar-primary: var(--color-brand-70); --sidebar-primary-foreground: #fff; --sidebar-ring: #be5809; --semantic-bg-default: var(--color-neutral-100); --semantic-bg-highlight: var(--color-brand-95); --semantic-bg-intense: var(--color-brand-60); --semantic-bg-invert: var(--color-neutral-0); --semantic-bg-invert-subtle: var(--color-neutral-10); --semantic-bg-invert-light: var(--color-neutral-20); --semantic-bg-invert-intense: var(--color-brand-50); --semantic-bg-subtle: var(--color-neutral-98); --semantic-text-default: var(--color-neutral-10); --semantic-text-subtle: var(--color-neutral-30); --semantic-text-light: var(--color-neutral-40); --semantic-text-lightest: var(--color-neutral-50); --semantic-text-highlight: var(--color-brand-40); --semantic-text-brand: var(--color-brand-60); --semantic-text-invert: var(--color-neutral-100); --semantic-text-invert-subtle: var(--color-neutral-80); --semantic-text-disabled: var(--color-neutral-70); --semantic-interactive-bg-highlight-default: var(--color-brand-95); --semantic-interactive-bg-highlight-hover: var(--color-brand-90); --semantic-interactive-bg-highlight-pressed: var(--color-brand-95); --semantic-interactive-bg-default: var(--color-neutral-0); --semantic-interactive-bg-hover: var(--color-neutral-30); --semantic-interactive-bg-pressed: var(--color-neutral-10); --semantic-interactive-bg-invert-default: var(--color-neutral-100); --semantic-interactive-bg-invert-hover: var(--color-neutral-98); --semantic-interactive-bg-invert-pressed: var(--color-neutral-95); --semantic-interactive-bg-disabled: var(--color-neutral-98); --semantic-border-default: var(--color-neutral-95); --semantic-border-invert: var(--color-neutral-30); --semantic-icon-default: var(--color-neutral-10); --semantic-icon-lightest: var(--color-neutral-50); --semantic-icon-disabled: var(--color-neutral-70); --semantic-icon-brand: var(--color-brand-60); --semantic-icon-highlight: var(--color-brand-40); --semantic-icon-invert: var(--color-neutral-100); --semantic-interactive-border-default: var(--color-neutral-95); --semantic-interactive-border-default-dark: var(--color-neutral-50); --semantic-interactive-border-hover: var(--color-neutral-80); --semantic-interactive-border-pressed: var(--color-neutral-80); --semantic-interactive-border-brand: var(--color-brand-60); --text-shadow-brand: 0px 0px 14.737px color-mix(in srgb, var(--color-brand-70) 50%, transparent); --image-border-radius: 8px; } [data-tenant="baubranche"], [data-tenant="baunetzwerk"] { --color-brand-100: #fff; --color-brand-98: #fff9f5; --color-brand-95: #fdf3ea; --color-brand-90: #fde1cc; --color-brand-80: #f9c398; --color-brand-70: #f58732; --color-brand-70-rgb: 245, 135, 50; --color-brand-60: #e46809; --color-brand-50: #b65408; --color-brand-40: #974607; --color-brand-30: #7a3806; --color-brand-20: #492204; --color-brand-10: #311702; --color-brand-0: #000; --primary: var(--color-brand-70); --primary-foreground: #fff; --ring: var(--color-brand-70); --chart-1: var(--color-brand-70); --chart-2: var(--color-brand-60); --chart-3: var(--color-brand-50); --chart-4: var(--color-brand-80); --chart-5: var(--color-brand-40); --sidebar-primary: var(--color-brand-70); --sidebar-primary-foreground: #fff; --sidebar-ring: var(--color-brand-70); --semantic-bg-default: var(--color-neutral-100); --semantic-bg-highlight: var(--color-brand-95); --semantic-bg-intense: var(--color-brand-60); --semantic-bg-invert: var(--color-neutral-0); --semantic-bg-invert-subtle: var(--color-neutral-10); --semantic-bg-invert-light: var(--color-neutral-20); --semantic-bg-invert-intense: var(--color-brand-50); --semantic-bg-subtle: var(--color-neutral-98); --semantic-text-default: var(--color-neutral-10); --semantic-text-subtle: var(--color-neutral-30); --semantic-text-light: var(--color-neutral-40); --semantic-text-lightest: var(--color-neutral-50); --semantic-text-highlight: var(--color-brand-40); --semantic-text-brand: var(--color-brand-60); --semantic-text-invert: var(--color-neutral-100); --semantic-text-invert-subtle: var(--color-neutral-80); --semantic-text-disabled: var(--color-neutral-70); --semantic-interactive-bg-highlight-default: var(--color-brand-95); --semantic-interactive-bg-highlight-hover: var(--color-brand-90); --semantic-interactive-bg-highlight-pressed: var(--color-brand-95); --semantic-interactive-bg-default: var(--color-neutral-0); --semantic-interactive-bg-hover: var(--color-neutral-30); --semantic-interactive-bg-pressed: var(--color-neutral-10); --semantic-interactive-bg-invert-default: var(--color-neutral-100); --semantic-interactive-bg-invert-hover: var(--color-neutral-98); --semantic-interactive-bg-invert-pressed: var(--color-neutral-95); --semantic-interactive-bg-disabled: var(--color-neutral-98); --semantic-border-default: var(--color-neutral-95); --semantic-border-invert: var(--color-neutral-30); --semantic-icon-default: var(--color-neutral-10); --semantic-icon-lightest: var(--color-neutral-50); --semantic-icon-disabled: var(--color-neutral-70); --semantic-icon-brand: var(--color-brand-60); --semantic-icon-highlight: var(--color-brand-40); --semantic-icon-invert: var(--color-neutral-100); --semantic-interactive-border-default: var(--color-neutral-95); --semantic-interactive-border-default-dark: var(--color-neutral-50); --semantic-interactive-border-hover: var(--color-neutral-80); --semantic-interactive-border-pressed: var(--color-neutral-80); --semantic-interactive-border-brand: var(--color-brand-60); --text-shadow-brand: 0px 0px 14.737px var(--color-brand-70); } @supports (color: color-mix(in lab, red, red)) { [data-tenant="baubranche"], [data-tenant="baunetzwerk"] { --text-shadow-brand: 0px 0px 14.737px color-mix(in srgb, var(--color-brand-70) 50%, transparent); } } [data-tenant="baubranche"], [data-tenant="baunetzwerk"] { --image-border-radius: 8px; } [data-tenant="tiergesundheit"], [data-tenant="tfa-wissen"], [data-tenant="vetline"] { --color-brand-100: #fff; --color-brand-98: #fef0f7; --color-brand-95: #fce5f1; --color-brand-90: #fdcee4; --color-brand-80: #fcc1dc; --color-brand-70: #e788b3; --color-brand-70-rgb: 231, 136, 179; --color-brand-60: #e24b90; --color-brand-50: #d63880; --color-brand-40: #d01167; --color-brand-30: #a00d4f; --color-brand-20: #5e082f; --color-brand-10: #39051c; --color-brand-0: #000; --primary: var(--color-brand-60); --primary-foreground: #000; --ring: var(--color-brand-60); --chart-1: var(--color-brand-60); --chart-2: var(--color-brand-70); --chart-3: var(--color-brand-50); --chart-4: var(--color-brand-80); --chart-5: var(--color-brand-40); --sidebar-primary: var(--color-brand-60); --sidebar-primary-foreground: #000; --sidebar-ring: var(--color-brand-60); --semantic-bg-default: var(--color-neutral-100); --semantic-bg-highlight: var(--color-brand-95); --semantic-bg-intense: var(--color-brand-60); --semantic-bg-invert: var(--color-neutral-0); --semantic-bg-invert-subtle: var(--color-neutral-10); --semantic-bg-invert-light: var(--color-neutral-20); --semantic-bg-invert-intense: var(--color-brand-30); --semantic-bg-subtle: var(--color-neutral-98); --semantic-text-default: var(--color-neutral-10); --semantic-text-subtle: var(--color-neutral-30); --semantic-text-light: var(--color-neutral-40); --semantic-text-lightest: var(--color-neutral-50); --semantic-text-highlight: var(--color-brand-40); --semantic-text-brand: var(--color-brand-60); --semantic-text-invert: var(--color-neutral-100); --semantic-text-invert-subtle: var(--color-neutral-80); --semantic-text-disabled: var(--color-neutral-70); --semantic-icon-default: var(--color-neutral-10); --semantic-icon-lightest: var(--color-neutral-50); --semantic-icon-disabled: var(--color-neutral-70); --semantic-icon-brand: var(--color-brand-60); --semantic-icon-highlight: var(--color-brand-40); --semantic-icon-invert: var(--color-neutral-100); --semantic-border-default: var(--color-neutral-95); --semantic-border-invert: var(--color-neutral-30); --semantic-interactive-bg-highlight-default: var(--color-brand-95); --semantic-interactive-bg-highlight-hover: var(--color-brand-90); --semantic-interactive-bg-highlight-pressed: var(--color-brand-95); --semantic-interactive-bg-default: var(--color-neutral-0); --semantic-interactive-bg-hover: var(--color-neutral-30); --semantic-interactive-bg-pressed: var(--color-neutral-10); --semantic-interactive-bg-invert-default: var(--color-neutral-100); --semantic-interactive-bg-invert-hover: var(--color-neutral-98); --semantic-interactive-bg-invert-pressed: var(--color-neutral-95); --semantic-interactive-bg-disabled: var(--color-neutral-98); --semantic-interactive-border-default: var(--color-neutral-95); --semantic-interactive-border-default-dark: var(--color-neutral-50); --semantic-interactive-border-hover: var(--color-neutral-80); --semantic-interactive-border-pressed: var(--color-neutral-80); --semantic-interactive-border-brand: var(--color-brand-60); --text-shadow-brand: 0px 0px 14.737px var(--color-brand-50); } @supports (color: color-mix(in lab, red, red)) { [data-tenant="tiergesundheit"], [data-tenant="tfa-wissen"], [data-tenant="vetline"] { --text-shadow-brand: 0px 0px 14.737px color-mix(in srgb, var(--color-brand-50) 50%, transparent); } } [data-tenant="tiergesundheit"], [data-tenant="tfa-wissen"], [data-tenant="vetline"] { --image-border-radius: 8px; } [data-tenant="industrie"], [data-tenant="blechonline"], [data-tenant="aluminium-journal"], [data-tenant="k-zeitung"], [data-tenant="konstruktion-entwicklung"], [data-tenant="nc-fertigung"], [data-tenant="protector"] { --color-brand-100: #fff; --color-brand-98: #f6fafe; --color-brand-95: #eef6fc; --color-brand-90: #d5e8f9; --color-brand-80: #add2f2; --color-brand-70: #59a5e5; --color-brand-70-rgb: 89, 165, 229; --color-brand-60: #3993e0; --color-brand-50: #1872bf; --color-brand-40: #1c6cb0; --color-brand-30: #155184; --color-brand-20: #0e3658; --color-brand-10: #082135; --color-brand-0: #000; --primary: var(--color-brand-60); --primary-foreground: #fff; --ring: var(--color-brand-60); --chart-1: var(--color-brand-60); --chart-2: var(--color-brand-70); --chart-3: var(--color-brand-50); --chart-4: var(--color-brand-80); --chart-5: var(--color-brand-40); --sidebar-primary: var(--color-brand-60); --sidebar-primary-foreground: #fff; --sidebar-ring: var(--color-brand-60); --semantic-bg-default: var(--color-neutral-100); --semantic-bg-highlight: var(--color-brand-95); --semantic-bg-intense: var(--color-brand-70); --semantic-bg-invert: var(--color-neutral-0); --semantic-bg-invert-subtle: var(--color-neutral-10); --semantic-bg-invert-light: var(--color-neutral-20); --semantic-bg-invert-intense: var(--color-brand-40); --semantic-bg-subtle: var(--color-neutral-98); --semantic-text-default: var(--color-neutral-10); --semantic-text-subtle: var(--color-neutral-30); --semantic-text-light: var(--color-neutral-40); --semantic-text-lightest: var(--color-neutral-50); --semantic-text-highlight: var(--color-brand-40); --semantic-text-brand: var(--color-brand-60); --semantic-text-invert: var(--color-neutral-100); --semantic-text-invert-subtle: var(--color-neutral-80); --semantic-text-disabled: var(--color-neutral-70); --semantic-interactive-bg-highlight-default: var(--color-brand-95); --semantic-interactive-bg-highlight-hover: var(--color-brand-90); --semantic-interactive-bg-highlight-pressed: var(--color-brand-95); --semantic-interactive-bg-default: var(--color-neutral-0); --semantic-interactive-bg-hover: var(--color-neutral-30); --semantic-interactive-bg-pressed: var(--color-neutral-10); --semantic-interactive-bg-invert-default: var(--color-neutral-100); --semantic-interactive-bg-invert-hover: var(--color-neutral-98); --semantic-interactive-bg-invert-pressed: var(--color-neutral-95); --semantic-interactive-bg-disabled: var(--color-neutral-98); --semantic-border-default: var(--color-neutral-95); --semantic-border-invert: var(--color-neutral-30); --semantic-icon-default: var(--color-neutral-10); --semantic-icon-lightest: var(--color-neutral-50); --semantic-icon-disabled: var(--color-neutral-70); --semantic-icon-brand: var(--color-brand-60); --semantic-icon-highlight: var(--color-brand-40); --semantic-icon-invert: var(--color-neutral-100); --semantic-interactive-border-default: var(--color-neutral-95); --semantic-interactive-border-default-dark: var(--color-neutral-50); --semantic-interactive-border-hover: var(--color-neutral-80); --semantic-interactive-border-pressed: var(--color-neutral-80); --semantic-interactive-border-brand: var(--color-brand-60); --text-shadow-brand: 0px 0px 14.737px var(--color-brand-60); } @supports (color: color-mix(in lab, red, red)) { [data-tenant="industrie"], [data-tenant="blechonline"], [data-tenant="aluminium-journal"], [data-tenant="k-zeitung"], [data-tenant="konstruktion-entwicklung"], [data-tenant="nc-fertigung"], [data-tenant="protector"] { --text-shadow-brand: 0px 0px 14.737px color-mix(in srgb, var(--color-brand-60) 50%, transparent); } } [data-tenant="industrie"], [data-tenant="blechonline"], [data-tenant="aluminium-journal"], [data-tenant="k-zeitung"], [data-tenant="konstruktion-entwicklung"], [data-tenant="nc-fertigung"], [data-tenant="protector"] { --image-border-radius: 8px; } [data-tenant="mobilitaet"], [data-tenant="amz"], [data-tenant="gummibereifung"], [data-tenant="fuhrpark"] { --color-brand-100: #fff; --color-brand-98: #fdf1f3; --color-brand-95: #fce8eb; --color-brand-90: #fad6db; --color-brand-80: #f9c6cd; --color-brand-70: #f28d9b; --color-brand-70-rgb: 242, 141, 155; --color-brand-60: #f73652; --color-brand-50: #e51c38; --color-brand-40: #d41631; --color-brand-30: #a51327; --color-brand-20: #5c0b16; --color-brand-10: #2e050b; --color-brand-0: #000; --primary: var(--color-brand-60); --primary-foreground: #fff; --ring: var(--color-brand-60); --chart-1: var(--color-brand-60); --chart-2: var(--color-brand-70); --chart-3: var(--color-brand-50); --chart-4: var(--color-brand-80); --chart-5: var(--color-brand-40); --sidebar-primary: var(--color-brand-60); --sidebar-primary-foreground: #fff; --sidebar-ring: var(--color-brand-60); --semantic-bg-default: var(--color-neutral-100); --semantic-bg-highlight: var(--color-brand-95); --semantic-bg-intense: var(--color-brand-60); --semantic-bg-invert: var(--color-neutral-0); --semantic-bg-invert-subtle: var(--color-neutral-10); --semantic-bg-invert-light: var(--color-neutral-20); --semantic-bg-invert-intense: var(--color-brand-30); --semantic-bg-subtle: var(--color-neutral-98); --semantic-text-default: var(--color-neutral-10); --semantic-text-subtle: var(--color-neutral-30); --semantic-text-light: var(--color-neutral-40); --semantic-text-lightest: var(--color-neutral-50); --semantic-text-highlight: var(--color-brand-40); --semantic-text-brand: var(--color-brand-60); --semantic-text-invert: var(--color-neutral-100); --semantic-text-invert-subtle: var(--color-neutral-80); --semantic-text-disabled: var(--color-neutral-70); --semantic-interactive-bg-highlight-default: var(--color-brand-95); --semantic-interactive-bg-highlight-hover: var(--color-brand-90); --semantic-interactive-bg-highlight-pressed: var(--color-brand-95); --semantic-interactive-bg-default: var(--color-neutral-0); --semantic-interactive-bg-hover: var(--color-neutral-30); --semantic-interactive-bg-pressed: var(--color-neutral-10); --semantic-interactive-bg-invert-default: var(--color-neutral-100); --semantic-interactive-bg-invert-hover: var(--color-neutral-98); --semantic-interactive-bg-invert-pressed: var(--color-neutral-95); --semantic-interactive-bg-disabled: var(--color-neutral-98); --semantic-border-default: var(--color-neutral-95); --semantic-border-invert: var(--color-neutral-30); --semantic-icon-default: var(--color-neutral-10); --semantic-icon-lightest: var(--color-neutral-50); --semantic-icon-disabled: var(--color-neutral-70); --semantic-icon-brand: var(--color-brand-60); --semantic-icon-highlight: var(--color-brand-40); --semantic-icon-invert: var(--color-neutral-100); --semantic-interactive-border-default: var(--color-neutral-95); --semantic-interactive-border-default-dark: var(--color-neutral-50); --semantic-interactive-border-hover: var(--color-neutral-80); --semantic-interactive-border-pressed: var(--color-neutral-80); --semantic-interactive-border-brand: var(--color-brand-50); --text-shadow-brand: 0px 0px 14.737px var(--color-brand-50); } @supports (color: color-mix(in lab, red, red)) { [data-tenant="mobilitaet"], [data-tenant="amz"], [data-tenant="gummibereifung"], [data-tenant="fuhrpark"] { --text-shadow-brand: 0px 0px 14.737px color-mix(in srgb, var(--color-brand-50) 50%, transparent); } } [data-tenant="mobilitaet"], [data-tenant="amz"], [data-tenant="gummibereifung"], [data-tenant="fuhrpark"] { --image-border-radius: 8px; } * { border-color: var(--color-border); outline-color: var(--color-ring); } @supports (color: color-mix(in lab, red, red)) { * { outline-color: color-mix(in oklab, var(--color-ring) 50%, transparent); } } * { overflow-wrap: break-word; word-break: break-word; } body { background-color: var(--color-background); color: var(--color-foreground); } button { cursor: pointer; } :root:has(.no-doc-scroll) { overflow: hidden; } } @layer components; @layer utilities { .pointer-events-auto { pointer-events: auto; } .pointer-events-none { pointer-events: none; } .visible { visibility: visible; } .sr-only { clip-path: inset(50%); white-space: nowrap; border-width: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .sticky { position: sticky; } .-inset-px { inset: -1px; } .inset-0 { inset: calc(var(--spacing) * 0); } .inset-px { inset: 1px; } .inset-x-0 { inset-inline: calc(var(--spacing) * 0); } .start { inset-inline-start: var(--spacing); } .end { inset-inline-end: var(--spacing); } .-top-2 { top: calc(var(--spacing) * -2); } .-top-5 { top: calc(var(--spacing) * -5); } .-top-21 { top: calc(var(--spacing) * -21); } .top-0 { top: calc(var(--spacing) * 0); } .top-1\/2 { top: 50%; } .top-16 { top: calc(var(--spacing) * 16); } .top-20 { top: calc(var(--spacing) * 20); } .top-\[50\%\] { top: 50%; } .-right-2 { right: calc(var(--spacing) * -2); } .-right-8 { right: calc(var(--spacing) * -8); } .-right-10 { right: calc(var(--spacing) * -10); } .-right-\[50px\] { right: -50px; } .-right-px { right: -1px; } .right-0 { right: calc(var(--spacing) * 0); } .right-3 { right: calc(var(--spacing) * 3); } .right-6 { right: calc(var(--spacing) * 6); } .-bottom-5 { bottom: calc(var(--spacing) * -5); } .-bottom-px { bottom: -1px; } .bottom-0 { bottom: calc(var(--spacing) * 0); } .bottom-6 { bottom: calc(var(--spacing) * 6); } .-left-8 { left: calc(var(--spacing) * -8); } .-left-10 { left: calc(var(--spacing) * -10); } .-left-\[50px\] { left: -50px; } .left-0 { left: calc(var(--spacing) * 0); } .left-1\/2 { left: 50%; } .left-4 { left: calc(var(--spacing) * 4); } .left-6 { left: calc(var(--spacing) * 6); } .left-42 { left: calc(var(--spacing) * 42); } .left-\[50\%\] { left: 50%; } .z-0 { z-index: 0; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .z-40 { z-index: 40; } .z-50 { z-index: 50; } .z-60 { z-index: 60; } .z-70 { z-index: 70; } .col-1 { grid-column: 1; } .col-span-3 { grid-column: span 3 / span 3; } .col-span-6 { grid-column: span 6 / span 6; } .col-span-12 { grid-column: span 12 / span 12; } .col-span-full { grid-column: 1 / -1; } .col-start-1 { grid-column-start: 1; } .row-span-2 { grid-row: span 2 / span 2; } .row-start-1 { grid-row-start: 1; } .container { width: 100%; } @media (min-width: 40rem) { .container { max-width: 40rem; } } @media (min-width: 48rem) { .container { max-width: 48rem; } } @media (min-width: 64rem) { .container { max-width: 64rem; } } @media (min-width: 80rem) { .container { max-width: 80rem; } } @media (min-width: 96rem) { .container { max-width: 96rem; } } .m-2 { margin: calc(var(--spacing) * 2); } .m-8 { margin: calc(var(--spacing) * 8); } .-mx-1 { margin-inline: calc(var(--spacing) * -1); } .-mx-4 { margin-inline: calc(var(--spacing) * -4); } .mx-0 { margin-inline: calc(var(--spacing) * 0); } .mx-2 { margin-inline: calc(var(--spacing) * 2); } .mx-auto { margin-inline: auto; } .my-2 { margin-block: calc(var(--spacing) * 2); } .my-8 { margin-block: calc(var(--spacing) * 8); } .my-12 { margin-block: calc(var(--spacing) * 12); } .prose { color: var(--tw-prose-body); max-width: 65ch; } .prose :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } .prose :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-lead); margin-top: 1.2em; margin-bottom: 1.2em; font-size: 1.25em; line-height: 1.6; } .prose :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-links); font-weight: 500; text-decoration: underline; } .prose :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-bold); font-weight: 600; } .prose :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(blockquote strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(thead th strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } .prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; list-style-type: decimal; } .prose :where(ol[type="A"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-alpha; } .prose :where(ol[type="a"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-alpha; } .prose :where(ol[type="A" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-alpha; } .prose :where(ol[type="a" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-alpha; } .prose :where(ol[type="I"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-roman; } .prose :where(ol[type="i"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-roman; } .prose :where(ol[type="I" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-roman; } .prose :where(ol[type="i" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-roman; } .prose :where(ol[type="1"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: decimal; } .prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; list-style-type: disc; } .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker { color: var(--tw-prose-counters); font-weight: 400; } .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker { color: var(--tw-prose-bullets); } .prose :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 1.25em; font-weight: 600; } .prose :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-color: var(--tw-prose-hr); border-top-width: 1px; margin-top: 3em; margin-bottom: 3em; } .prose :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-quotes); border-inline-start-width: .25rem; border-inline-start-color: var(--tw-prose-quote-borders); quotes: "“""”""‘""’"; margin-top: 1.6em; margin-bottom: 1.6em; padding-inline-start: 1em; font-style: italic; font-weight: 500; } .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):before { content: open-quote; } .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):after { content: close-quote; } .prose :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 0; margin-bottom: .888889em; font-size: 2.25em; font-weight: 800; line-height: 1.11111; } .prose :where(h1 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-weight: 900; } .prose :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 2em; margin-bottom: 1em; font-size: 1.5em; font-weight: 700; line-height: 1.33333; } .prose :where(h2 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-weight: 800; } .prose :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 1.6em; margin-bottom: .6em; font-size: 1.25em; font-weight: 600; line-height: 1.6; } .prose :where(h3 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-weight: 700; } .prose :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 1.5em; margin-bottom: .5em; font-weight: 600; line-height: 1.5; } .prose :where(h4 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-weight: 700; } .prose :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; display: block; } .prose :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-kbd); box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows); padding-top: .1875em; padding-inline-end: .375em; padding-bottom: .1875em; border-radius: .3125rem; padding-inline-start: .375em; font-family: inherit; font-size: .875em; font-weight: 500; } .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-code); font-size: .875em; font-weight: 600; } .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before, .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after { content: "`"; } .prose :where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } .prose :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-size: .875em; } .prose :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-size: .9em; } .prose :where(h4 code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(blockquote code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(thead th code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } .prose :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-pre-code); background-color: var(--tw-prose-pre-bg); padding-top: .857143em; padding-inline-end: 1.14286em; padding-bottom: .857143em; border-radius: .375rem; margin-top: 1.71429em; margin-bottom: 1.71429em; padding-inline-start: 1.14286em; font-size: .875em; font-weight: 400; line-height: 1.71429; overflow-x: auto; } .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-weight: inherit; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; background-color: #0000; border-width: 0; border-radius: 0; padding: 0; } .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before, .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after { content: none; } .prose :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) { table-layout: auto; width: 100%; margin-top: 2em; margin-bottom: 2em; font-size: .875em; line-height: 1.71429; } .prose :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-th-borders); } .prose :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); vertical-align: bottom; padding-inline-end: .571429em; padding-bottom: .571429em; padding-inline-start: .571429em; font-weight: 600; } .prose :where(tbody tr):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-td-borders); } .prose :where(tbody tr:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-bottom-width: 0; } .prose :where(tbody td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { vertical-align: baseline; } .prose :where(tfoot):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-top-width: 1px; border-top-color: var(--tw-prose-th-borders); } .prose :where(tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { vertical-align: top; } .prose :where(th, td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { text-align: start; } .prose :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .prose :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-captions); margin-top: .857143em; font-size: .875em; line-height: 1.42857; } .prose { --tw-prose-body: oklch(37.3% .034 259.733); --tw-prose-headings: oklch(21% .034 264.665); --tw-prose-lead: oklch(44.6% .03 256.802); --tw-prose-links: oklch(21% .034 264.665); --tw-prose-bold: oklch(21% .034 264.665); --tw-prose-counters: oklch(55.1% .027 264.364); --tw-prose-bullets: oklch(87.2% .01 258.338); --tw-prose-hr: oklch(92.8% .006 264.531); --tw-prose-quotes: oklch(21% .034 264.665); --tw-prose-quote-borders: oklch(92.8% .006 264.531); --tw-prose-captions: oklch(55.1% .027 264.364); --tw-prose-kbd: oklch(21% .034 264.665); --tw-prose-kbd-shadows: oklab(21% -.00316127 -.0338527 / .1); --tw-prose-code: oklch(21% .034 264.665); --tw-prose-pre-code: oklch(92.8% .006 264.531); --tw-prose-pre-bg: oklch(27.8% .033 256.848); --tw-prose-th-borders: oklch(87.2% .01 258.338); --tw-prose-td-borders: oklch(92.8% .006 264.531); --tw-prose-invert-body: oklch(87.2% .01 258.338); --tw-prose-invert-headings: #fff; --tw-prose-invert-lead: oklch(70.7% .022 261.325); --tw-prose-invert-links: #fff; --tw-prose-invert-bold: #fff; --tw-prose-invert-counters: oklch(70.7% .022 261.325); --tw-prose-invert-bullets: oklch(44.6% .03 256.802); --tw-prose-invert-hr: oklch(37.3% .034 259.733); --tw-prose-invert-quotes: oklch(96.7% .003 264.542); --tw-prose-invert-quote-borders: oklch(37.3% .034 259.733); --tw-prose-invert-captions: oklch(70.7% .022 261.325); --tw-prose-invert-kbd: #fff; --tw-prose-invert-kbd-shadows: #ffffff1a; --tw-prose-invert-code: #fff; --tw-prose-invert-pre-code: oklch(87.2% .01 258.338); --tw-prose-invert-pre-bg: #00000080; --tw-prose-invert-th-borders: oklch(44.6% .03 256.802); --tw-prose-invert-td-borders: oklch(37.3% .034 259.733); font-size: 1rem; line-height: 1.75; } .prose :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .prose :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .5em; margin-bottom: .5em; } .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: .375em; } .prose :where(.prose > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .75em; margin-bottom: .75em; } .prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; } .prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 1.25em; } .prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; } .prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 1.25em; } .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .75em; margin-bottom: .75em; } .prose :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } .prose :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .5em; padding-inline-start: 1.625em; } .prose :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; } .prose :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0; } .prose :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-end: 0; } .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-top: .571429em; padding-inline-end: .571429em; padding-bottom: .571429em; padding-inline-start: .571429em; } .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0; } .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-end: 0; } .prose :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(.prose > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; } .prose :where(.prose > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 0; } .-mt-18 { margin-top: calc(var(--spacing) * -18); } .-mt-20 { margin-top: calc(var(--spacing) * -20); } .mt-1 { margin-top: calc(var(--spacing) * 1); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-3 { margin-top: calc(var(--spacing) * 3); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-12 { margin-top: calc(var(--spacing) * 12); } .mt-16 { margin-top: calc(var(--spacing) * 16); } .mt-20 { margin-top: calc(var(--spacing) * 20); } .mt-30 { margin-top: calc(var(--spacing) * 30); } .mt-32 { margin-top: calc(var(--spacing) * 32); } .mt-34 { margin-top: calc(var(--spacing) * 34); } .mr-2 { margin-right: calc(var(--spacing) * 2); } .-mb-18 { margin-bottom: calc(var(--spacing) * -18); } .mb-0 { margin-bottom: calc(var(--spacing) * 0); } .mb-1 { margin-bottom: calc(var(--spacing) * 1); } .mb-2 { margin-bottom: calc(var(--spacing) * 2); } .mb-3 { margin-bottom: calc(var(--spacing) * 3); } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-5 { margin-bottom: calc(var(--spacing) * 5); } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .mb-10 { margin-bottom: calc(var(--spacing) * 10); } .mb-12 { margin-bottom: calc(var(--spacing) * 12); } .ml-4 { margin-left: calc(var(--spacing) * 4); } .box-border { box-sizing: border-box; } .line-clamp-1 { -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .line-clamp-2 { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .line-clamp-4 { -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .table { display: table; } .aspect-\(--ad-aspect-mobile\) { aspect-ratio: var(--ad-aspect-mobile); } .aspect-3\/4 { aspect-ratio: 3 / 4; } .aspect-banner { aspect-ratio: var(--aspect-banner); } .aspect-square { aspect-ratio: 1; } .aspect-video { aspect-ratio: var(--aspect-video); } .size-3 { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); } .size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .size-7 { width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7); } .size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); } .size-9 { width: calc(var(--spacing) * 9); height: calc(var(--spacing) * 9); } .size-10 { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); } .size-12 { width: calc(var(--spacing) * 12); height: calc(var(--spacing) * 12); } .size-20 { width: calc(var(--spacing) * 20); height: calc(var(--spacing) * 20); } .size-24 { width: calc(var(--spacing) * 24); height: calc(var(--spacing) * 24); } .size-auto { width: auto; height: auto; } .size-full { width: 100%; height: 100%; } .h-2 { height: calc(var(--spacing) * 2); } .h-4 { height: calc(var(--spacing) * 4); } .h-5 { height: calc(var(--spacing) * 5); } .h-6 { height: calc(var(--spacing) * 6); } .h-7 { height: calc(var(--spacing) * 7); } .h-8 { height: calc(var(--spacing) * 8); } .h-9 { height: calc(var(--spacing) * 9); } .h-10 { height: calc(var(--spacing) * 10); } .h-11 { height: calc(var(--spacing) * 11); } .h-12 { height: calc(var(--spacing) * 12); } .h-14 { height: calc(var(--spacing) * 14); } .h-16 { height: calc(var(--spacing) * 16); } .h-18\.5 { height: calc(var(--spacing) * 18.5); } .h-20 { height: calc(var(--spacing) * 20); } .h-24 { height: calc(var(--spacing) * 24); } .h-28 { height: calc(var(--spacing) * 28); } .h-29\.5 { height: calc(var(--spacing) * 29.5); } .h-32 { height: calc(var(--spacing) * 32); } .h-34\.5 { height: calc(var(--spacing) * 34.5); } .h-40 { height: calc(var(--spacing) * 40); } .h-48 { height: calc(var(--spacing) * 48); } .h-64 { height: calc(var(--spacing) * 64); } .h-125 { height: calc(var(--spacing) * 125); } .h-\[155px\] { height: 155px; } .h-\[250px\] { height: 250px; } .h-\[340px\] { height: 340px; } .h-\[390px\] { height: 390px; } .h-\[400px\] { height: 400px; } .h-\[600px\] { height: 600px; } .h-\[667px\] { height: 667px; } .h-auto { height: auto; } .h-fit { height: fit-content; } .h-full { height: 100%; } .h-px { height: 1px; } .h-screen { height: 100vh; } .max-h-48 { max-height: calc(var(--spacing) * 48); } .max-h-\[90vh\] { max-height: 90vh; } .max-h-\[138px\] { max-height: 138px; } .max-h-\[146px\] { max-height: 146px; } .max-h-\[calc\(100vh-2rem\)\] { max-height: calc(100vh - 2rem); } .min-h-0 { min-height: calc(var(--spacing) * 0); } .min-h-10 { min-height: calc(var(--spacing) * 10); } .min-h-\[21px\] { min-height: 21px; } .min-h-\[240px\] { min-height: 240px; } .min-h-dvh { min-height: 100dvh; } .min-h-screen { min-height: 100vh; } .w-\(--ad-ideal-w-mobile\) { width: var(--ad-ideal-w-mobile); } .w-0 { width: calc(var(--spacing) * 0); } .w-1\/4 { width: 25%; } .w-2 { width: calc(var(--spacing) * 2); } .w-3\/4 { width: 75%; } .w-4 { width: calc(var(--spacing) * 4); } .w-5 { width: calc(var(--spacing) * 5); } .w-5\/6 { width: 83.3333%; } .w-6 { width: calc(var(--spacing) * 6); } .w-7 { width: calc(var(--spacing) * 7); } .w-8 { width: calc(var(--spacing) * 8); } .w-10 { width: calc(var(--spacing) * 10); } .w-11 { width: calc(var(--spacing) * 11); } .w-12 { width: calc(var(--spacing) * 12); } .w-14 { width: calc(var(--spacing) * 14); } .w-16 { width: calc(var(--spacing) * 16); } .w-20 { width: calc(var(--spacing) * 20); } .w-24 { width: calc(var(--spacing) * 24); } .w-44 { width: calc(var(--spacing) * 44); } .w-48 { width: calc(var(--spacing) * 48); } .w-51\.25 { width: calc(var(--spacing) * 51.25); } .w-64 { width: calc(var(--spacing) * 64); } .w-96 { width: calc(var(--spacing) * 96); } .w-\[245px\] { width: 245px; } .w-\[300px\] { width: 300px; } .w-\[375px\] { width: 375px; } .w-\[calc\(100vw-2rem\)\] { width: calc(100vw - 2rem); } .w-auto { width: auto; } .w-fit { width: fit-content; } .w-full { width: 100%; } .w-px { width: 1px; } .max-w-2xl { max-width: var(--container-2xl); } .max-w-3xl { max-width: var(--container-3xl); } .max-w-4xl { max-width: var(--container-4xl); } .max-w-6xl { max-width: var(--container-6xl); } .max-w-7xl { max-width: var(--container-7xl); } .max-w-80 { max-width: calc(var(--spacing) * 80); } .max-w-90\.25 { max-width: calc(var(--spacing) * 90.25); } .max-w-159\.5 { max-width: calc(var(--spacing) * 159.5); } .max-w-200 { max-width: calc(var(--spacing) * 200); } .max-w-\[205px\] { max-width: 205px; } .max-w-\[400px\] { max-width: 400px; } .max-w-\[482px\] { max-width: 482px; } .max-w-\[600px\] { max-width: 600px; } .max-w-\[720px\] { max-width: 720px; } .max-w-\[calc\(100\%-2rem\)\] { max-width: calc(100% - 2rem); } .max-w-full { max-width: 100%; } .max-w-md { max-width: var(--container-md); } .max-w-none { max-width: none; } .max-w-sm { max-width: var(--container-sm); } .min-w-0 { min-width: calc(var(--spacing) * 0); } .min-w-5 { min-width: calc(var(--spacing) * 5); } .min-w-75 { min-width: calc(var(--spacing) * 75); } .flex-1 { flex: 1; } .flex-\[0_0_300px\] { flex: 0 0 300px; } .flex-none { flex: none; } .flex-shrink-0, .shrink-0 { flex-shrink: 0; } .grow { flex-grow: 1; } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-full { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-\[-50\%\] { --tw-translate-x: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-full { --tw-translate-y: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[-50\%\] { --tw-translate-y: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); } .-rotate-90 { rotate: -90deg; } .rotate-90 { rotate: 90deg; } .rotate-180 { rotate: 180deg; } .rotate-270 { rotate: 270deg; } .transform { transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ); } .animate-pulse { animation: var(--animate-pulse); } .animate-spin { animation: var(--animate-spin); } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .touch-pan-y { --tw-pan-y: pan-y; touch-action: var(--tw-pan-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, ); } .touch-pinch-zoom { --tw-pinch-zoom: pinch-zoom; touch-action: var(--tw-pan-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, ); } .touch-manipulation { touch-action: manipulation; } .resize { resize: both; } .resize-none { resize: none; } .snap-x { scroll-snap-type: x var(--tw-scroll-snap-strictness); } .snap-mandatory { --tw-scroll-snap-strictness: mandatory; } .snap-start { scroll-snap-align: start; } .list-none { list-style-type: none; } .appearance-none { appearance: none; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .grid-cols-subgrid { grid-template-columns: subgrid; } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-row { flex-direction: row; } .flex-row-reverse { flex-direction: row-reverse; } .flex-nowrap { flex-wrap: nowrap; } .flex-wrap { flex-wrap: wrap; } .place-items-center { place-items: center; } .content-start { align-content: flex-start; } .content-stretch { align-content: stretch; } .items-baseline { align-items: baseline; } .items-center { align-items: center; } .items-end { align-items: flex-end; } .items-start { align-items: flex-start; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .justify-start { justify-content: flex-start; } .gap-0 { gap: calc(var(--spacing) * 0); } .gap-0\.5 { gap: calc(var(--spacing) * .5); } .gap-1 { gap: calc(var(--spacing) * 1); } .gap-1\.5 { gap: calc(var(--spacing) * 1.5); } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-2\.5 { gap: calc(var(--spacing) * 2.5); } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-5 { gap: calc(var(--spacing) * 5); } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-8 { gap: calc(var(--spacing) * 8); } .gap-10 { gap: calc(var(--spacing) * 10); } .gap-12 { gap: calc(var(--spacing) * 12); } .gap-14 { gap: calc(var(--spacing) * 14); } .gap-15 { gap: calc(var(--spacing) * 15); } .gap-16 { gap: calc(var(--spacing) * 16); } .gap-20 { gap: calc(var(--spacing) * 20); } .gap-24 { gap: calc(var(--spacing) * 24); } .gap-28 { gap: calc(var(--spacing) * 28); } .gap-32 { gap: calc(var(--spacing) * 32); } .gap-36 { gap: calc(var(--spacing) * 36); } .gap-40 { gap: calc(var(--spacing) * 40); } :where(.space-y-1 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-3 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-6 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-8 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-10 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-12 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse))); } .gap-x-2 { column-gap: calc(var(--spacing) * 2); } .gap-x-4 { column-gap: calc(var(--spacing) * 4); } .gap-x-5 { column-gap: calc(var(--spacing) * 5); } .gap-x-8 { column-gap: calc(var(--spacing) * 8); } :where(.space-x-2 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-4 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))); } .gap-y-1 { row-gap: calc(var(--spacing) * 1); } .gap-y-2 { row-gap: calc(var(--spacing) * 2); } .gap-y-4 { row-gap: calc(var(--spacing) * 4); } .gap-y-6 { row-gap: calc(var(--spacing) * 6); } .gap-y-8 { row-gap: calc(var(--spacing) * 8); } .gap-y-10 { row-gap: calc(var(--spacing) * 10); } .gap-y-12 { row-gap: calc(var(--spacing) * 12); } :where(.divide-x > :not(:last-child)) { --tw-divide-x-reverse: 0; border-inline-style: var(--tw-border-style); border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } :where(.divide-gray-200 > :not(:last-child)) { border-color: var(--color-gray-200); } .self-center { align-self: center; } .self-end { align-self: flex-end; } .self-start { align-self: flex-start; } .self-stretch { align-self: stretch; } .truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .overflow-auto { overflow: auto; } .overflow-clip { overflow: clip; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-x-auto { overflow-x: auto; } .overflow-y-auto { overflow-y: auto; } .rounded { border-radius: .25rem; } .rounded-\(--radius-large\,16px\) { border-radius: var(--radius-large, 16px); } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-\[4px\] { border-radius: 4px; } .rounded-\[8px\] { border-radius: 8px; } .rounded-\[40px\] { border-radius: 40px; } .rounded-\[999px\] { border-radius: 999px; } .rounded-full { border-radius: 3.40282e38px; } .rounded-image { border-radius: var(--radius-image); } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-none { border-radius: 0; } .rounded-sm { border-radius: var(--radius-sm); } .rounded-xl { border-radius: var(--radius-xl); } .rounded-t-\[24px\] { border-top-left-radius: 24px; border-top-right-radius: 24px; } .rounded-t-image { border-top-left-radius: var(--radius-image); border-top-right-radius: var(--radius-image); } .rounded-l-2xl { border-top-left-radius: var(--radius-2xl); border-bottom-left-radius: var(--radius-2xl); } .rounded-tl-image { border-top-left-radius: var(--radius-image); } .rounded-tl-xl { border-top-left-radius: var(--radius-xl); } .rounded-r-2xl { border-top-right-radius: var(--radius-2xl); border-bottom-right-radius: var(--radius-2xl); } .rounded-tr-image { border-top-right-radius: var(--radius-image); } .rounded-b-xl { border-bottom-right-radius: var(--radius-xl); border-bottom-left-radius: var(--radius-xl); } .rounded-br-\[12px\] { border-bottom-right-radius: 12px; } .rounded-br-image { border-bottom-right-radius: var(--radius-image); } .rounded-bl-image { border-bottom-left-radius: var(--radius-image); } .rounded-bl-lg { border-bottom-left-radius: var(--radius-lg); } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-0 { border-style: var(--tw-border-style); border-width: 0; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-b-2 { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; } .border-l-2 { border-left-style: var(--tw-border-style); border-left-width: 2px; } .border-dashed { --tw-border-style: dashed; border-style: dashed; } .border-none { --tw-border-style: none; border-style: none; } .border-solid { --tw-border-style: solid; border-style: solid; } .border-\[\#E5E5E5\] { border-color: #e5e5e5; } .border-blue-200 { border-color: var(--color-blue-200); } .border-blue-300 { border-color: var(--color-blue-300); } .border-blue-400 { border-color: var(--color-blue-400); } .border-blue-500 { border-color: var(--color-blue-500); } .border-brand { border-color: var(--semantic-interactive-border-brand); } .border-brand-60 { border-color: var(--color-brand-60); } .border-default { border-color: var(--semantic-border-default); } .border-gray-100 { border-color: var(--color-gray-100); } .border-gray-200 { border-color: var(--color-gray-200); } .border-gray-300 { border-color: var(--color-gray-300); } .border-gray-400 { border-color: var(--color-gray-400); } .border-gray-600 { border-color: var(--color-gray-600); } .border-green-200 { border-color: var(--color-green-200); } .border-green-400 { border-color: var(--color-green-400); } .border-hover { border-color: var(--semantic-interactive-border-hover); } .border-indigo-200 { border-color: var(--color-indigo-200); } .border-indigo-500 { border-color: var(--color-indigo-500); } .border-input { border-color: var(--color-input); } .border-interactive { border-color: var(--semantic-interactive-border-default); } .border-interactive-dark { border-color: var(--semantic-interactive-border-default-dark); } .border-invert { border-color: var(--semantic-border-invert); } .border-neutral-10 { border-color: var(--color-neutral-10); } .border-neutral-90 { border-color: var(--color-neutral-90); } .border-neutral-95 { border-color: var(--color-neutral-95); } .border-neutral-300 { border-color: var(--color-neutral-300); } .border-orange-200 { border-color: var(--color-orange-200); } .border-pink-300 { border-color: var(--color-pink-300); } .border-pressed { border-color: var(--semantic-interactive-border-pressed); } .border-purple-200 { border-color: var(--color-purple-200); } .border-red-200 { border-color: var(--color-red-200); } .border-teal-200 { border-color: var(--color-teal-200); } .border-transparent { border-color: #0000; } .border-t-transparent { border-top-color: #0000; } .border-l-brand-60 { border-left-color: var(--color-brand-60); } .bg-\(--color-error-background\) { background-color: var(--color-error-background); } .bg-\(--color-error-background-light\) { background-color: var(--color-error-background-light); } .bg-accent { background-color: var(--color-accent); } .bg-background { background-color: var(--color-background); } .bg-black { background-color: var(--color-black); } .bg-blue-50 { background-color: var(--color-blue-50); } .bg-blue-100 { background-color: var(--color-blue-100); } .bg-blue-200 { background-color: var(--color-blue-200); } .bg-blue-500 { background-color: var(--color-blue-500); } .bg-border-default { background-color: var(--semantic-border-default); } .bg-brand-60 { background-color: var(--color-brand-60); } .bg-brand-70 { background-color: var(--color-brand-70); } .bg-brand-95 { background-color: var(--color-brand-95); } .bg-brand-98 { background-color: var(--color-brand-98); } .bg-default { background-color: var(--semantic-bg-default); } .bg-destructive { background-color: var(--color-destructive); } .bg-disabled { background-color: var(--semantic-interactive-bg-disabled); } .bg-gray-50 { background-color: var(--color-gray-50); } .bg-gray-100 { background-color: var(--color-gray-100); } .bg-gray-200 { background-color: var(--color-gray-200); } .bg-gray-300 { background-color: var(--color-gray-300); } .bg-gray-900 { background-color: var(--color-gray-900); } .bg-green-50 { background-color: var(--color-green-50); } .bg-green-200 { background-color: var(--color-green-200); } .bg-highlight { background-color: var(--semantic-bg-highlight); } .bg-highlight-default { background-color: var(--semantic-interactive-bg-highlight-default); } .bg-highlight-default\! { background-color: var(--semantic-interactive-bg-highlight-default) !important; } .bg-highlight-hover { background-color: var(--semantic-interactive-bg-highlight-hover); } .bg-highlight-pressed { background-color: var(--semantic-interactive-bg-highlight-pressed); } .bg-indigo-50 { background-color: var(--color-indigo-50); } .bg-indigo-200 { background-color: var(--color-indigo-200); } .bg-intense { background-color: var(--semantic-bg-intense); } .bg-interactive { background-color: var(--semantic-interactive-bg-default); } .bg-interactive-hover { background-color: var(--semantic-interactive-bg-hover); } .bg-interactive-invert { background-color: var(--semantic-interactive-bg-invert-default); } .bg-interactive-invert-hover { background-color: var(--semantic-interactive-bg-invert-hover); } .bg-interactive-invert-pressed { background-color: var(--semantic-interactive-bg-invert-pressed); } .bg-interactive-pressed { background-color: var(--semantic-interactive-bg-pressed); } .bg-invert { background-color: var(--semantic-bg-invert); } .bg-invert-intense { background-color: var(--semantic-bg-invert-intense); } .bg-invert-light { background-color: var(--semantic-bg-invert-light); } .bg-invert-subtle { background-color: var(--semantic-bg-invert-subtle); } .bg-muted { background-color: var(--color-muted); } .bg-neutral-0 { background-color: var(--color-neutral-0); } .bg-neutral-10 { background-color: var(--color-neutral-10); } .bg-neutral-20 { background-color: var(--color-neutral-20); } .bg-neutral-90 { background-color: var(--color-neutral-90); } .bg-neutral-98 { background-color: var(--color-neutral-98); } .bg-neutral-100 { background-color: var(--color-neutral-100); } .bg-neutral-200 { background-color: var(--color-neutral-200); } .bg-neutral-700 { background-color: var(--color-neutral-700); } .bg-neutral-800 { background-color: var(--color-neutral-800); } .bg-orange-50 { background-color: var(--color-orange-50); } .bg-orange-200 { background-color: var(--color-orange-200); } .bg-pink-100 { background-color: var(--color-pink-100); } .bg-pink-200 { background-color: var(--color-pink-200); } .bg-primary { background-color: var(--color-primary); } .bg-purple-50 { background-color: var(--color-purple-50); } .bg-purple-200 { background-color: var(--color-purple-200); } .bg-red-50 { background-color: var(--color-red-50); } .bg-secondary { background-color: var(--color-secondary); } .bg-subtle { background-color: var(--semantic-bg-subtle); } .bg-teal-50 { background-color: var(--color-teal-50); } .bg-transparent { background-color: #0000; } .bg-white { background-color: var(--color-white); } .bg-white\! { background-color: var(--color-white) !important; } .bg-white\/30 { background-color: #ffffff4d; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/30 { background-color: color-mix(in oklab, var(--color-white) 30%, transparent); } } .bg-white\/40 { background-color: #fff6; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/40 { background-color: color-mix(in oklab, var(--color-white) 40%, transparent); } } .bg-white\/90 { background-color: #ffffffe6; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/90 { background-color: color-mix(in oklab, var(--color-white) 90%, transparent); } } .bg-gradient-to-br { --tw-gradient-position: to bottom right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .from-blue-400 { --tw-gradient-from: var(--color-blue-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .via-purple-500 { --tw-gradient-via: var(--color-purple-500); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .to-pink-500 { --tw-gradient-to: var(--color-pink-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .fill-\(--semantic-bg-highlight\) { fill: var(--semantic-bg-highlight); } .fill-\(--semantic-bg-subtle\) { fill: var(--semantic-bg-subtle); } .fill-black { fill: var(--color-black); } .fill-white { fill: var(--color-white); } .icon-brand { stroke: var(--semantic-icon-brand); } .icon-default { stroke: var(--semantic-icon-default); } .icon-disabled { stroke: var(--semantic-icon-disabled); } .icon-highlight { stroke: var(--semantic-icon-highlight); } .icon-invert { stroke: var(--semantic-icon-invert); } .icon-lightest { stroke: var(--semantic-icon-lightest); } .stroke-neutral-10 { stroke: var(--color-neutral-10); } .object-cover { object-fit: cover; } .p-0 { padding: calc(var(--spacing) * 0); } .p-1 { padding: calc(var(--spacing) * 1); } .p-2 { padding: calc(var(--spacing) * 2); } .p-2\.5 { padding: calc(var(--spacing) * 2.5); } .p-3 { padding: calc(var(--spacing) * 3); } .p-4 { padding: calc(var(--spacing) * 4); } .p-6 { padding: calc(var(--spacing) * 6); } .p-8 { padding: calc(var(--spacing) * 8); } .p-16 { padding: calc(var(--spacing) * 16); } .px-0 { padding-inline: calc(var(--spacing) * 0); } .px-1 { padding-inline: calc(var(--spacing) * 1); } .px-2 { padding-inline: calc(var(--spacing) * 2); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-3\.5 { padding-inline: calc(var(--spacing) * 3.5); } .px-4 { padding-inline: calc(var(--spacing) * 4); } .px-5 { padding-inline: calc(var(--spacing) * 5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .px-8 { padding-inline: calc(var(--spacing) * 8); } .py-0 { padding-block: calc(var(--spacing) * 0); } .py-0\.5 { padding-block: calc(var(--spacing) * .5); } .py-1 { padding-block: calc(var(--spacing) * 1); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .py-3 { padding-block: calc(var(--spacing) * 3); } .py-4 { padding-block: calc(var(--spacing) * 4); } .py-4\.5 { padding-block: calc(var(--spacing) * 4.5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-10 { padding-block: calc(var(--spacing) * 10); } .py-12 { padding-block: calc(var(--spacing) * 12); } .py-20 { padding-block: calc(var(--spacing) * 20); } .py-\[1px\] { padding-block: 1px; } .py-\[30vh\] { padding-block: 30vh; } .py-px { padding-block: 1px; } .pt-2 { padding-top: calc(var(--spacing) * 2); } .pt-3 { padding-top: calc(var(--spacing) * 3); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-5 { padding-top: calc(var(--spacing) * 5); } .pt-6 { padding-top: calc(var(--spacing) * 6); } .pt-8 { padding-top: calc(var(--spacing) * 8); } .pt-12 { padding-top: calc(var(--spacing) * 12); } .pt-28 { padding-top: calc(var(--spacing) * 28); } .pt-32 { padding-top: calc(var(--spacing) * 32); } .pt-\[14px\] { padding-top: 14px; } .pr-2 { padding-right: calc(var(--spacing) * 2); } .pr-3 { padding-right: calc(var(--spacing) * 3); } .pr-4 { padding-right: calc(var(--spacing) * 4); } .pr-8 { padding-right: calc(var(--spacing) * 8); } .pb-2 { padding-bottom: calc(var(--spacing) * 2); } .pb-3 { padding-bottom: calc(var(--spacing) * 3); } .pb-4 { padding-bottom: calc(var(--spacing) * 4); } .pb-5 { padding-bottom: calc(var(--spacing) * 5); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-8 { padding-bottom: calc(var(--spacing) * 8); } .pb-12 { padding-bottom: calc(var(--spacing) * 12); } .pb-16 { padding-bottom: calc(var(--spacing) * 16); } .pb-24 { padding-bottom: calc(var(--spacing) * 24); } .pb-\[13px\] { padding-bottom: 13px; } .pl-0 { padding-left: calc(var(--spacing) * 0); } .pl-1 { padding-left: calc(var(--spacing) * 1); } .pl-3 { padding-left: calc(var(--spacing) * 3); } .pl-4 { padding-left: calc(var(--spacing) * 4); } .pl-5 { padding-left: calc(var(--spacing) * 5); } .pl-8 { padding-left: calc(var(--spacing) * 8); } .pl-11 { padding-left: calc(var(--spacing) * 11); } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .align-top { vertical-align: top; } .font-mono { font-family: var(--font-mono); } .font-primary { font-family: var(--font-primary); } .font-sans { font-family: var(--font-sans); } .font-secondary { font-family: var(--font-secondary); } .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .text-\[10px\] { font-size: 10px; } .text-\[11px\] { font-size: 11px; } .text-\[12px\] { font-size: 12px; } .text-\[13px\] { font-size: 13px; } .text-\[18px\] { font-size: 18px; } .text-\[24px\] { font-size: 24px; } .text-\[28px\] { font-size: 28px; } .text-\[32px\] { font-size: 32px; } .text-\[36px\] { font-size: 36px; } .text-\[40px\] { font-size: 40px; } .text-\[48px\] { font-size: 48px; } .leading-\[1\.1\] { --tw-leading: 1.1; line-height: 1.1; } .leading-\[1\.4\] { --tw-leading: 1.4; line-height: 1.4; } .leading-\[1\.6\] { --tw-leading: 1.6; line-height: 1.6; } .leading-figma-normal { --tw-leading: var(--leading-figma-normal); line-height: var(--leading-figma-normal); } .leading-loose { --tw-leading: var(--leading-loose); line-height: var(--leading-loose); } .leading-none { --tw-leading: 1; line-height: 1; } .leading-normal { --tw-leading: var(--leading-normal); line-height: var(--leading-normal); } .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .leading-snug { --tw-leading: var(--leading-snug); line-height: var(--leading-snug); } .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .-tracking-\[0\.32px\] { --tw-tracking: calc(.32px * -1); letter-spacing: -.32px; } .tracking-\[-0\.8px\] { --tw-tracking: -.8px; letter-spacing: -.8px; } .tracking-\[-1\.28px\] { --tw-tracking: -1.28px; letter-spacing: -1.28px; } .tracking-\[0\.28px\] { --tw-tracking: .28px; letter-spacing: .28px; } .tracking-\[0\.36px\] { --tw-tracking: .36px; letter-spacing: .36px; } .tracking-\[0\.48px\] { --tw-tracking: .48px; letter-spacing: .48px; } .tracking-slight { --tw-tracking: var(--tracking-slight); letter-spacing: var(--tracking-slight); } .tracking-wide { --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide); } .text-nowrap { text-wrap: nowrap; } .break-words, .wrap-break-word { overflow-wrap: break-word; } .wrap-normal { overflow-wrap: normal; } .break-all { word-break: break-all; } .text-ellipsis { text-overflow: ellipsis; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre { white-space: pre; } .whitespace-pre-line { white-space: pre-line; } .text-\(--color-error-icon\) { color: var(--color-error-icon); } .text-\(--color-error-text\) { color: var(--color-error-text); } .text-black { color: var(--color-black); } .text-blue-300 { color: var(--color-blue-300); } .text-blue-700 { color: var(--color-blue-700); } .text-blue-800 { color: var(--color-blue-800); } .text-blue-900 { color: var(--color-blue-900); } .text-brand { color: var(--semantic-text-brand); } .text-brand-30 { color: var(--color-brand-30); } .text-brand-40 { color: var(--color-brand-40); } .text-current { color: currentColor; } .text-default { color: var(--semantic-text-default); } .text-disabled { color: var(--semantic-text-disabled); } .text-foreground { color: var(--color-foreground); } .text-gray-400 { color: var(--color-gray-400); } .text-gray-500 { color: var(--color-gray-500); } .text-gray-600 { color: var(--color-gray-600); } .text-gray-700 { color: var(--color-gray-700); } .text-gray-800 { color: var(--color-gray-800); } .text-gray-900 { color: var(--color-gray-900); } .text-green-300 { color: var(--color-green-300); } .text-green-400 { color: var(--color-green-400); } .text-green-700 { color: var(--color-green-700); } .text-green-800 { color: var(--color-green-800); } .text-highlight { color: var(--semantic-text-highlight); } .text-indigo-700 { color: var(--color-indigo-700); } .text-indigo-800 { color: var(--color-indigo-800); } .text-indigo-900 { color: var(--color-indigo-900); } .text-invert { color: var(--semantic-text-invert); } .text-invert-subtle { color: var(--semantic-text-invert-subtle); } .text-light { color: var(--semantic-text-light); } .text-lightest { color: var(--semantic-text-lightest); } .text-muted { color: var(--color-muted); } .text-muted-foreground { color: var(--color-muted-foreground); } .text-neutral-0 { color: var(--color-neutral-0); } .text-neutral-10 { color: var(--color-neutral-10); } .text-neutral-30 { color: var(--color-neutral-30); } .text-neutral-40 { color: var(--color-neutral-40); } .text-neutral-50 { color: var(--color-neutral-50); } .text-neutral-60 { color: var(--color-neutral-60); } .text-neutral-70 { color: var(--color-neutral-70); } .text-neutral-90 { color: var(--color-neutral-90); } .text-neutral-100 { color: var(--color-neutral-100); } .text-neutral-400 { color: var(--color-neutral-400); } .text-neutral-500 { color: var(--color-neutral-500); } .text-neutral-600 { color: var(--color-neutral-600); } .text-neutral-700 { color: var(--color-neutral-700); } .text-neutral-800 { color: var(--color-neutral-800); } .text-neutral-900 { color: var(--color-neutral-900); } .text-orange-700 { color: var(--color-orange-700); } .text-primary-foreground { color: var(--color-primary-foreground); } .text-purple-700 { color: var(--color-purple-700); } .text-red-500 { color: var(--color-red-500); } .text-red-700 { color: var(--color-red-700); } .text-secondary-foreground { color: var(--color-secondary-foreground); } .text-subtle { color: var(--semantic-text-subtle); } .text-teal-700 { color: var(--color-teal-700); } .text-white { color: var(--color-white); } .text-yellow-300 { color: var(--color-yellow-300); } .capitalize { text-transform: capitalize; } .lowercase { text-transform: lowercase; } .uppercase { text-transform: uppercase; } .italic { font-style: italic; } .not-italic { font-style: normal; } .no-underline { text-decoration-line: none; } .underline { text-decoration-line: underline; } .underline-offset-2 { text-underline-offset: 2px; } .underline-offset-auto { text-underline-offset: auto; } .opacity-0 { opacity: 0; } .opacity-50 { opacity: .5; } .opacity-60 { opacity: .6; } .opacity-75 { opacity: .75; } .opacity-80 { opacity: .8; } .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[-2px_0_12px_0_rgba\(0\,0\,0\,0\.10\)\] { --tw-shadow: -2px 0 12px 0 var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[-16px_0px_15px_-12px_rgb\(217_217_217\/0\.8\)\] { --tw-shadow: -16px 0px 15px -12px var(--tw-shadow-color, #d9d9d9cc); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_-4px_20px_0px_rgba\(0\,0\,0\,0\.15\)\] { --tw-shadow: 0px -4px 20px 0px var(--tw-shadow-color, #00000026); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[2px_0_12px_0_rgba\(0\,0\,0\,0\.10\)\] { --tw-shadow: 2px 0 12px 0 var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[16px_0px_15px_-12px_rgb\(217_217_217\/0\.8\)\] { --tw-shadow: 16px 0px 15px -12px var(--tw-shadow-color, #d9d9d9cc); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 0 14.737px 0 var(--tw-shadow-color, #f07d0080); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-s { --tw-shadow: 0 8px 32px 0 var(--tw-shadow-color, #00000014); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 4px 80px 0 var(--tw-shadow-color, #00000040); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xs { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .\[box-shadow\:var\(--text-shadow-brand\)\] { box-shadow: var(--text-shadow-brand); } .ring-offset-background { --tw-ring-offset-color: var(--color-background); } .outline, .outline-1 { outline-style: var(--tw-outline-style); outline-width: 1px; } .-outline-offset-1 { outline-offset: calc(1px * -1); } .outline-gray-300 { outline-color: var(--color-gray-300); } .blur { --tw-blur: blur(8px); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .invert { --tw-invert: invert(100%); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .filter { filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .backdrop-blur-\[6\.483px\] { --tw-backdrop-blur: blur(6.483px); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-\[24px\] { --tw-backdrop-blur: blur(24px); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-none { --tw-backdrop-blur: ; backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-sm { --tw-backdrop-blur: blur(var(--blur-sm)); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-xl { --tw-backdrop-blur: blur(var(--blur-xl)); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-filter { backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[color\,box-shadow\] { transition-property: color, box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-shadow { transition-property: box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .duration-200 { --tw-duration: .2s; transition-duration: .2s; } .duration-300 { --tw-duration: .3s; transition-duration: .3s; } .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } .outline-none { --tw-outline-style: none; outline-style: none; } .select-none { -webkit-user-select: none; user-select: none; } .block-1 { block-size: calc(var(--spacing) * 1); } .block-2 { block-size: calc(var(--spacing) * 2); } .running { animation-play-state: running; } :is(.\*\:my-0 > *) { margin-block: calc(var(--spacing) * 0); } :is(.\*\:text-default > *) { color: var(--semantic-text-default); } :is(.\*\:select-none > *) { -webkit-user-select: none; user-select: none; } .not-first\:mt-8:not(:first-child) { margin-top: calc(var(--spacing) * 8); } .not-last\:border-b:not(:last-child) { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .not-last\:pb-8:not(:last-child) { padding-bottom: calc(var(--spacing) * 8); } .group-last\:border-b-0:is(:where(.group):last-child *) { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } @media (hover: hover) { .group-hover\:bg-highlight-hover:is(:where(.group):hover *) { background-color: var(--semantic-interactive-bg-highlight-hover); } .group-hover\:stroke-neutral-40:is(:where(.group):hover *) { stroke: var(--color-neutral-40); } .group-hover\:text-brand:is(:where(.group):hover *) { color: var(--semantic-text-brand); } .group-hover\:text-highlight:is(:where(.group):hover *) { color: var(--semantic-text-highlight); } .group-hover\:text-neutral-400:is(:where(.group):hover *) { color: var(--color-neutral-400); } .group-hover\:underline:is(:where(.group):hover *) { text-decoration-line: underline; } .group-hover\:decoration-solid:is(:where(.group):hover *) { text-decoration-style: solid; } .group-hover\:decoration-auto:is(:where(.group):hover *) { text-decoration-thickness: auto; } .group-hover\:underline-offset-auto:is(:where(.group):hover *) { text-underline-offset: auto; } .group-hover\/tile\:scale-105:is(:where(.group\/tile):hover *) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .group-focus\:scale-110:is(:where(.group):focus *) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } .group-focus\:text-neutral-400:is(:where(.group):focus *) { color: var(--color-neutral-400); } .group-focus-visible\:opacity-100:is(:where(.group):focus-visible *) { opacity: 1; } .group-active\:text-light:is(:where(.group):active *) { color: var(--semantic-text-light); } .group-\[\.colored\]\:fill-\(--semantic-bg-highlight\):is(:where(.group).colored *) { fill: var(--semantic-bg-highlight); } .group-\[\.gray\]\:fill-\(--semantic-bg-subtle\):is(:where(.group).gray *) { fill: var(--semantic-bg-subtle); } .group-\[\.imported-article\]\:gap-y-2:is(:where(.group).imported-article *) { row-gap: calc(var(--spacing) * 2); } .peer-focus-visible\:ring-2:is(:where(.peer):focus-visible ~ *) { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .peer-focus-visible\:ring-offset-2:is(:where(.peer):focus-visible ~ *) { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .peer-focus-visible\:outline-none:is(:where(.peer):focus-visible ~ *) { --tw-outline-style: none; outline-style: none; } .marker\:text-2xl ::marker, .marker\:text-2xl::marker { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .marker\:text-2xl ::-webkit-details-marker { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .marker\:text-2xl::-webkit-details-marker { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .marker\:text-brand-60 ::marker, .marker\:text-brand-60::marker { color: var(--color-brand-60); } .marker\:text-brand-60 ::-webkit-details-marker { color: var(--color-brand-60); } .marker\:text-brand-60::-webkit-details-marker { color: var(--color-brand-60); } .selection\:bg-primary ::selection, .selection\:bg-primary::selection { background-color: var(--color-primary); } .selection\:text-primary-foreground ::selection, .selection\:text-primary-foreground::selection { color: var(--color-primary-foreground); } .file\:inline-flex::file-selector-button { display: inline-flex; } .file\:h-7::file-selector-button { height: calc(var(--spacing) * 7); } .file\:border-0::file-selector-button { border-style: var(--tw-border-style); border-width: 0; } .file\:bg-transparent::file-selector-button { background-color: #0000; } .file\:text-sm::file-selector-button { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .file\:font-medium::file-selector-button { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .file\:text-foreground::file-selector-button { color: var(--color-foreground); } .placeholder\:text-disabled::placeholder { color: var(--semantic-text-disabled); } .placeholder\:text-muted-foreground::placeholder { color: var(--color-muted-foreground); } .placeholder\:text-neutral-60::placeholder { color: var(--color-neutral-60); } .placeholder\:text-subtle::placeholder { color: var(--semantic-text-subtle); } .before\:absolute:before { content: var(--tw-content); position: absolute; } .before\:top-0\.5:before { content: var(--tw-content); top: calc(var(--spacing) * .5); } .before\:left-0:before { content: var(--tw-content); left: calc(var(--spacing) * 0); } .before\:flex:before { content: var(--tw-content); display: flex; } .before\:h-7:before { content: var(--tw-content); height: calc(var(--spacing) * 7); } .before\:w-7:before { content: var(--tw-content); width: calc(var(--spacing) * 7); } .before\:items-center:before { content: var(--tw-content); align-items: center; } .before\:justify-center:before { content: var(--tw-content); justify-content: center; } .before\:rounded:before { content: var(--tw-content); border-radius: .25rem; } .before\:bg-highlight:before { content: var(--tw-content); background-color: var(--semantic-bg-highlight); } .before\:font-primary:before { content: var(--tw-content); font-family: var(--font-primary); } .before\:text-xs:before { content: var(--tw-content); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .before\:leading-tight:before { content: var(--tw-content); --tw-leading: var(--leading-tight); line-height: var(--leading-tight); } .before\:font-bold:before { content: var(--tw-content); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .before\:text-brand:before { content: var(--tw-content); color: var(--semantic-text-brand); } .before\:content-\[counter\(list-item\,decimal-leading-zero\)\]:before { --tw-content: counter(list-item,decimal-leading-zero); content: var(--tw-content); } .first\:ml-4:first-child { margin-left: calc(var(--spacing) * 4); } .first\:pl-0:first-child { padding-left: calc(var(--spacing) * 0); } .last\:pb-12:last-child { padding-bottom: calc(var(--spacing) * 12); } @media (hover: hover) { .hover\:scale-105:hover { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } .hover\:border-brand:hover { border-color: var(--semantic-interactive-border-brand); } .hover\:border-hover:hover { border-color: var(--semantic-interactive-border-hover); } .hover\:border-neutral-50:hover { border-color: var(--color-neutral-50); } .hover\:border-pressed:hover { border-color: var(--semantic-interactive-border-pressed); } .hover\:bg-brand-70:hover { background-color: var(--color-brand-70); } .hover\:bg-brand-90:hover { background-color: var(--color-brand-90); } .hover\:bg-highlight:hover { background-color: var(--semantic-bg-highlight); } .hover\:bg-highlight-hover:hover { background-color: var(--semantic-interactive-bg-highlight-hover); } .hover\:bg-interactive-hover:hover { background-color: var(--semantic-interactive-bg-hover); } .hover\:bg-interactive-invert-hover:hover { background-color: var(--semantic-interactive-bg-invert-hover); } .hover\:bg-neutral-20:hover { background-color: var(--color-neutral-20); } .hover\:bg-neutral-90:hover { background-color: var(--color-neutral-90); } .hover\:bg-neutral-95:hover { background-color: var(--color-neutral-95); } .hover\:icon-brand:hover { stroke: var(--semantic-icon-brand); } .hover\:icon-highlight:hover { stroke: var(--semantic-icon-highlight); } .hover\:icon-invert:hover { stroke: var(--semantic-icon-invert); } .hover\:text-brand:hover { color: var(--semantic-text-brand); } .hover\:text-brand-60:hover { color: var(--color-brand-60); } .hover\:text-default:hover { color: var(--semantic-text-default); } .hover\:text-highlight:hover { color: var(--semantic-text-highlight); } .hover\:underline:hover { text-decoration-line: underline; } .hover\:underline-offset-5:hover { text-underline-offset: 5px; } .hover\:opacity-70:hover { opacity: .7; } .hover\:opacity-80:hover { opacity: .8; } } .focus\:border-brand:focus { border-color: var(--semantic-interactive-border-brand); } .focus\:bg-interactive-invert-pressed:focus { background-color: var(--semantic-interactive-bg-invert-pressed); } .focus\:ring-2:focus { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus\:ring-ring:focus { --tw-ring-color: var(--color-ring); } .focus\:ring-offset-2:focus { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .focus\:outline-hidden:focus { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .focus\:outline-hidden:focus { outline-offset: 2px; outline: 2px solid #0000; } } .focus\:outline-2:focus { outline-style: var(--tw-outline-style); outline-width: 2px; } .focus\:-outline-offset-2:focus { outline-offset: calc(2px * -1); } .focus\:outline-none:focus { --tw-outline-style: none; outline-style: none; } .focus-visible\:border-ring:focus-visible { border-color: var(--color-ring); } .focus-visible\:ring-2:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-visible\:ring-\[3px\]:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-visible\:ring-destructive\/20:focus-visible { --tw-ring-color: var(--color-destructive); } @supports (color: color-mix(in lab, red, red)) { .focus-visible\:ring-destructive\/20:focus-visible { --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent); } } .focus-visible\:ring-ring:focus-visible, .focus-visible\:ring-ring\/50:focus-visible { --tw-ring-color: var(--color-ring); } @supports (color: color-mix(in lab, red, red)) { .focus-visible\:ring-ring\/50:focus-visible { --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent); } } .focus-visible\:ring-offset-2:focus-visible { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .focus-visible\:outline-none:focus-visible { --tw-outline-style: none; outline-style: none; } .active\:border-neutral-10:active { border-color: var(--color-neutral-10); } .active\:border-neutral-70:active { border-color: var(--color-neutral-70); } .active\:bg-highlight:active { background-color: var(--semantic-bg-highlight); } .active\:bg-highlight-hover:active { background-color: var(--semantic-interactive-bg-highlight-hover); } .active\:bg-highlight-pressed:active { background-color: var(--semantic-interactive-bg-highlight-pressed); } .active\:bg-interactive-invert-pressed:active { background-color: var(--semantic-interactive-bg-invert-pressed); } .active\:bg-interactive-pressed:active { background-color: var(--semantic-interactive-bg-pressed); } .active\:bg-neutral-10:active { background-color: var(--color-neutral-10); } .active\:bg-neutral-90:active { background-color: var(--color-neutral-90); } .active\:icon-brand:active { stroke: var(--semantic-icon-brand); } .active\:icon-invert:active { stroke: var(--semantic-icon-invert); } .active\:icon-lightest:active { stroke: var(--semantic-icon-lightest); } .active\:text-default:active { color: var(--semantic-text-default); } .active\:text-light:active { color: var(--semantic-text-light); } .disabled\:pointer-events-none:disabled { pointer-events: none; } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } .disabled\:opacity-50:disabled { opacity: .5; } .aria-invalid\:border-destructive[aria-invalid="true"] { border-color: var(--color-destructive); } .aria-invalid\:ring-destructive\/20[aria-invalid="true"] { --tw-ring-color: var(--color-destructive); } @supports (color: color-mix(in lab, red, red)) { .aria-invalid\:ring-destructive\/20[aria-invalid="true"] { --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent); } } .data-\[state\=closed\]\:animate-out[data-state="closed"] { animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none); } .data-\[state\=closed\]\:fade-out-0[data-state="closed"] { --tw-exit-opacity: 0; } .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] { --tw-exit-scale: .95; } .data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"] { --tw-exit-translate-y: 100%; } .data-\[state\=open\]\:animate-in[data-state="open"] { animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none); } .data-\[state\=open\]\:fade-in-0[data-state="open"] { --tw-enter-opacity: 0; } .data-\[state\=open\]\:zoom-in-95[data-state="open"] { --tw-enter-scale: .95; } .data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] { --tw-enter-translate-y: 100%; } @media (min-width: 40rem) { .sm\:col-span-3 { grid-column: span 3 / span 3; } .sm\:col-span-6 { grid-column: span 6 / span 6; } .sm\:col-span-12 { grid-column: span 12 / span 12; } .sm\:mb-4 { margin-bottom: calc(var(--spacing) * 4); } .sm\:mb-6 { margin-bottom: calc(var(--spacing) * 6); } .sm\:block { display: block; } .sm\:hidden { display: none; } .sm\:h-20 { height: calc(var(--spacing) * 20); } .sm\:w-auto { width: auto; } .sm\:max-w-fit { max-width: fit-content; } .sm\:max-w-lg { max-width: var(--container-lg); } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sm\:flex-row { flex-direction: row; } .sm\:justify-end { justify-content: flex-end; } .sm\:gap-3 { gap: calc(var(--spacing) * 3); } .sm\:gap-4 { gap: calc(var(--spacing) * 4); } .sm\:gap-5 { gap: calc(var(--spacing) * 5); } .sm\:gap-6 { gap: calc(var(--spacing) * 6); } .sm\:gap-8 { gap: calc(var(--spacing) * 8); } :where(.sm\:space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } :where(.sm\:space-y-6 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); } .sm\:p-3 { padding: calc(var(--spacing) * 3); } .sm\:p-4 { padding: calc(var(--spacing) * 4); } .sm\:p-6 { padding: calc(var(--spacing) * 6); } .sm\:px-5 { padding-inline: calc(var(--spacing) * 5); } .sm\:px-6 { padding-inline: calc(var(--spacing) * 6); } .sm\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .sm\:text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .sm\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .sm\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .sm\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } } @media (min-width: 48rem) { .md\:top-22 { top: calc(var(--spacing) * 22); } .md\:col-span-1 { grid-column: span 1 / span 1; } .md\:col-span-2 { grid-column: span 2 / span 2; } .md\:col-span-3 { grid-column: span 3 / span 3; } .md\:col-span-4 { grid-column: span 4 / span 4; } .md\:col-span-5 { grid-column: span 5 / span 5; } .md\:col-span-6 { grid-column: span 6 / span 6; } .md\:col-span-7 { grid-column: span 7 / span 7; } .md\:col-span-8 { grid-column: span 8 / span 8; } .md\:col-span-10 { grid-column: span 10 / span 10; } .md\:col-span-full { grid-column: 1 / -1; } .md\:col-start-2 { grid-column-start: 2; } .md\:-mx-6 { margin-inline: calc(var(--spacing) * -6); } .md\:mx-0 { margin-inline: calc(var(--spacing) * 0); } .md\:my-20 { margin-block: calc(var(--spacing) * 20); } .md\:-mt-24 { margin-top: calc(var(--spacing) * -24); } .md\:mt-8 { margin-top: calc(var(--spacing) * 8); } .md\:mt-16 { margin-top: calc(var(--spacing) * 16); } .md\:mt-40 { margin-top: calc(var(--spacing) * 40); } .md\:mt-42 { margin-top: calc(var(--spacing) * 42); } .md\:mb-3 { margin-bottom: calc(var(--spacing) * 3); } .md\:mb-4 { margin-bottom: calc(var(--spacing) * 4); } .md\:mb-8 { margin-bottom: calc(var(--spacing) * 8); } .md\:mb-12 { margin-bottom: calc(var(--spacing) * 12); } .md\:mb-16 { margin-bottom: calc(var(--spacing) * 16); } .md\:mb-20 { margin-bottom: calc(var(--spacing) * 20); } .md\:line-clamp-3 { -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .md\:line-clamp-6 { -webkit-line-clamp: 6; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .md\:block { display: block; } .md\:flex { display: flex; } .md\:hidden { display: none; } .md\:inline-flex { display: inline-flex; } .md\:aspect-banner { aspect-ratio: var(--aspect-banner); } .md\:aspect-video { aspect-ratio: var(--aspect-video); } .md\:size-12 { width: calc(var(--spacing) * 12); height: calc(var(--spacing) * 12); } .md\:h-6 { height: calc(var(--spacing) * 6); } .md\:h-24 { height: calc(var(--spacing) * 24); } .md\:h-37\.75 { height: calc(var(--spacing) * 37.75); } .md\:h-\[167px\] { height: 167px; } .md\:h-\[397px\] { height: 397px; } .md\:w-8\/12 { width: 66.6667%; } .md\:w-\[250px\] { width: 250px; } .md\:w-\[298px\] { width: 298px; } .md\:w-\[316px\] { width: 316px; } .md\:w-\[361px\] { width: 361px; } .md\:w-auto { width: auto; } .md\:max-w-94 { max-width: calc(var(--spacing) * 94); } .md\:max-w-\[540px\] { max-width: 540px; } .md\:flex-\[0_0_298px\] { flex: 0 0 298px; } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .md\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .md\:grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } .md\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .md\:flex-row { flex-direction: row; } .md\:items-center { align-items: center; } .md\:justify-center { justify-content: center; } .md\:gap-3 { gap: calc(var(--spacing) * 3); } .md\:gap-4 { gap: calc(var(--spacing) * 4); } .md\:gap-5 { gap: calc(var(--spacing) * 5); } .md\:gap-6 { gap: calc(var(--spacing) * 6); } .md\:gap-8 { gap: calc(var(--spacing) * 8); } .md\:gap-16 { gap: calc(var(--spacing) * 16); } .md\:gap-20 { gap: calc(var(--spacing) * 20); } :where(.md\:space-y-6 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); } :where(.md\:space-y-8 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } :where(.md\:space-y-12 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse))); } .md\:gap-x-6 { column-gap: calc(var(--spacing) * 6); } .md\:gap-y-10 { row-gap: calc(var(--spacing) * 10); } .md\:gap-y-12 { row-gap: calc(var(--spacing) * 12); } .md\:gap-y-16 { row-gap: calc(var(--spacing) * 16); } .md\:gap-y-20 { row-gap: calc(var(--spacing) * 20); } .md\:gap-y-34 { row-gap: calc(var(--spacing) * 34); } .md\:rounded { border-radius: .25rem; } .md\:p-4 { padding: calc(var(--spacing) * 4); } .md\:p-8 { padding: calc(var(--spacing) * 8); } .md\:px-0 { padding-inline: calc(var(--spacing) * 0); } .md\:px-5 { padding-inline: calc(var(--spacing) * 5); } .md\:px-6 { padding-inline: calc(var(--spacing) * 6); } .md\:py-2 { padding-block: calc(var(--spacing) * 2); } .md\:py-8 { padding-block: calc(var(--spacing) * 8); } .md\:py-10 { padding-block: calc(var(--spacing) * 10); } .md\:py-20 { padding-block: calc(var(--spacing) * 20); } .md\:pt-4 { padding-top: calc(var(--spacing) * 4); } .md\:pt-6 { padding-top: calc(var(--spacing) * 6); } .md\:pt-8 { padding-top: calc(var(--spacing) * 8); } .md\:pt-10 { padding-top: calc(var(--spacing) * 10); } .md\:pt-40 { padding-top: calc(var(--spacing) * 40); } .md\:pr-4 { padding-right: calc(var(--spacing) * 4); } .md\:pr-10 { padding-right: calc(var(--spacing) * 10); } .md\:pb-20 { padding-bottom: calc(var(--spacing) * 20); } .md\:pb-32 { padding-bottom: calc(var(--spacing) * 32); } .md\:pl-0 { padding-left: calc(var(--spacing) * 0); } .md\:pl-2 { padding-left: calc(var(--spacing) * 2); } .md\:pl-6 { padding-left: calc(var(--spacing) * 6); } .md\:text-left { text-align: left; } .md\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .md\:text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .md\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .md\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .md\:text-\[20px\] { font-size: 20px; } .md\:text-\[24px\] { font-size: 24px; } .md\:text-\[28px\] { font-size: 28px; } .md\:text-\[32px\] { font-size: 32px; } .md\:text-\[40px\] { font-size: 40px; } .md\:leading-\[1\.4\] { --tw-leading: 1.4; line-height: 1.4; } .md\:tracking-\[-0\.8px\] { --tw-tracking: -.8px; letter-spacing: -.8px; } .md\:tracking-\[0\.4px\] { --tw-tracking: .4px; letter-spacing: .4px; } .md\:not-first\:mt-20:not(:first-child) { margin-top: calc(var(--spacing) * 20); } .md\:not-last\:pb-20:not(:last-child) { padding-bottom: calc(var(--spacing) * 20); } .group-\[\.imported-article\]\:md\:gap-y-4:is(:where(.group).imported-article *) { row-gap: calc(var(--spacing) * 4); } .md\:first\:ml-6:first-child { margin-left: calc(var(--spacing) * 6); } .md\:last\:pb-20:last-child { padding-bottom: calc(var(--spacing) * 20); } } @media (min-width: 64rem) { .lg\:relative { position: relative; } .lg\:col-span-3 { grid-column: span 3 / span 3; } .lg\:col-span-4 { grid-column: span 4 / span 4; } .lg\:col-span-5 { grid-column: span 5 / span 5; } .lg\:col-span-7 { grid-column: span 7 / span 7; } .lg\:col-span-8 { grid-column: span 8 / span 8; } .lg\:col-span-full { grid-column: 1 / -1; } .lg\:col-start-3 { grid-column-start: 3; } .lg\:float-left { float: left; } .lg\:mx-0 { margin-inline: calc(var(--spacing) * 0); } .lg\:mx-auto { margin-inline: auto; } .lg\:-mt-22 { margin-top: calc(var(--spacing) * -22); } .lg\:mt-0 { margin-top: calc(var(--spacing) * 0); } .lg\:mt-8 { margin-top: calc(var(--spacing) * 8); } .lg\:mt-22 { margin-top: calc(var(--spacing) * 22); } .lg\:mt-38 { margin-top: calc(var(--spacing) * 38); } .lg\:mt-42 { margin-top: calc(var(--spacing) * 42); } .lg\:mr-4 { margin-right: calc(var(--spacing) * 4); } .lg\:mb-5 { margin-bottom: calc(var(--spacing) * 5); } .lg\:mb-8 { margin-bottom: calc(var(--spacing) * 8); } .lg\:mb-20 { margin-bottom: calc(var(--spacing) * 20); } .lg\:line-clamp-3 { -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .lg\:block { display: block; } .lg\:flex { display: flex; } .lg\:grid { display: grid; } .lg\:hidden { display: none; } .lg\:aspect-\(--ad-aspect-desktop\) { aspect-ratio: var(--ad-aspect-desktop); } .lg\:aspect-banner { aspect-ratio: var(--aspect-banner); } .lg\:size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .lg\:h-6 { height: calc(var(--spacing) * 6); } .lg\:h-22 { height: calc(var(--spacing) * 22); } .lg\:h-32 { height: calc(var(--spacing) * 32); } .lg\:h-\[250px\] { height: 250px; } .lg\:h-\[292px\] { height: 292px; } .lg\:h-\[308px\] { height: 308px; } .lg\:h-full { height: 100%; } .lg\:max-h-\[415px\] { max-height: 415px; } .lg\:min-h-\[292px\] { min-height: 292px; } .lg\:w-\(--ad-ideal-w-desktop\) { width: var(--ad-ideal-w-desktop); } .lg\:w-1\/2 { width: 50%; } .lg\:w-6 { width: calc(var(--spacing) * 6); } .lg\:w-12 { width: calc(var(--spacing) * 12); } .lg\:w-36 { width: calc(var(--spacing) * 36); } .lg\:w-63 { width: calc(var(--spacing) * 63); } .lg\:w-\[250px\] { width: 250px; } .lg\:w-\[328px\] { width: 328px; } .lg\:w-full { width: 100%; } .lg\:max-w-\[1096px\] { max-width: 1096px; } .lg\:min-w-0 { min-width: calc(var(--spacing) * 0); } .lg\:flex-1 { flex: 1; } .lg\:shrink-0 { flex-shrink: 0; } .lg\:snap-align-none { scroll-snap-align: none; } .lg\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .lg\:grid-cols-13 { grid-template-columns: repeat(13, minmax(0, 1fr)); } .lg\:grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); } .lg\:grid-rows-\[250px\] { grid-template-rows: 250px; } .lg\:flex-row { flex-direction: row; } .lg\:flex-wrap { flex-wrap: wrap; } .lg\:content-between { align-content: space-between; } .lg\:items-center { align-items: center; } .lg\:items-start { align-items: flex-start; } .lg\:justify-between { justify-content: space-between; } .lg\:justify-start { justify-content: flex-start; } .lg\:gap-1 { gap: calc(var(--spacing) * 1); } .lg\:gap-2\.5 { gap: calc(var(--spacing) * 2.5); } .lg\:gap-4 { gap: calc(var(--spacing) * 4); } .lg\:gap-6 { gap: calc(var(--spacing) * 6); } .lg\:gap-8 { gap: calc(var(--spacing) * 8); } .lg\:gap-10 { gap: calc(var(--spacing) * 10); } .lg\:gap-14 { gap: calc(var(--spacing) * 14); } .lg\:gap-16 { gap: calc(var(--spacing) * 16); } .lg\:gap-32 { gap: calc(var(--spacing) * 32); } :where(.lg\:space-y-10 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))); } .lg\:gap-x-6 { column-gap: calc(var(--spacing) * 6); } .lg\:gap-x-8 { column-gap: calc(var(--spacing) * 8); } .lg\:gap-y-4 { row-gap: calc(var(--spacing) * 4); } .lg\:gap-y-10 { row-gap: calc(var(--spacing) * 10); } .lg\:gap-y-12 { row-gap: calc(var(--spacing) * 12); } .lg\:gap-y-16 { row-gap: calc(var(--spacing) * 16); } .lg\:justify-self-center { justify-self: center; } .lg\:overflow-y-auto { overflow-y: auto; } .lg\:rounded-2xl { border-radius: var(--radius-2xl); } .lg\:border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .lg\:border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .lg\:\!border-transparent { border-color: #0000 !important; } .lg\:border-default { border-color: var(--semantic-border-default); } .lg\:bg-highlight-hover { background-color: var(--semantic-interactive-bg-highlight-hover); } .lg\:p-2 { padding: calc(var(--spacing) * 2); } .lg\:p-6 { padding: calc(var(--spacing) * 6); } .lg\:p-10 { padding: calc(var(--spacing) * 10); } .lg\:px-0 { padding-inline: calc(var(--spacing) * 0); } .lg\:px-5 { padding-inline: calc(var(--spacing) * 5); } .lg\:px-6 { padding-inline: calc(var(--spacing) * 6); } .lg\:px-8 { padding-inline: calc(var(--spacing) * 8); } .lg\:py-0 { padding-block: calc(var(--spacing) * 0); } .lg\:py-4 { padding-block: calc(var(--spacing) * 4); } .lg\:py-12 { padding-block: calc(var(--spacing) * 12); } .lg\:pt-0 { padding-top: calc(var(--spacing) * 0); } .lg\:pt-3 { padding-top: calc(var(--spacing) * 3); } .lg\:pt-16 { padding-top: calc(var(--spacing) * 16); } .lg\:pt-42 { padding-top: calc(var(--spacing) * 42); } .lg\:pt-\[7px\] { padding-top: 7px; } .lg\:pr-4 { padding-right: calc(var(--spacing) * 4); } .lg\:pb-4 { padding-bottom: calc(var(--spacing) * 4); } .lg\:pb-6 { padding-bottom: calc(var(--spacing) * 6); } .lg\:pb-11 { padding-bottom: calc(var(--spacing) * 11); } .lg\:pb-\[9px\] { padding-bottom: 9px; } .lg\:pl-0 { padding-left: calc(var(--spacing) * 0); } .lg\:text-start { text-align: start; } .lg\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .lg\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .lg\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .lg\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .lg\:text-\[32px\] { font-size: 32px; } .lg\:text-\[36px\] { font-size: 36px; } .lg\:text-\[40px\] { font-size: 40px; } .lg\:text-\[48px\] { font-size: 48px; } .lg\:text-light { color: var(--semantic-text-light); } .lg\:group-last\:border-b-0:is(:where(.group):last-child *) { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } @media (hover: hover) { .lg\:group-hover\:border-transparent:is(:where(.group):hover *) { border-color: #0000; } } .lg\:first\:ml-0:first-child { margin-left: calc(var(--spacing) * 0); } .first\:lg\:p-2:first-child { padding: calc(var(--spacing) * 2); } @media (hover: hover) { .lg\:hover\:border-transparent:hover { border-color: #0000; } .lg\:hover\:bg-highlight-hover:hover { background-color: var(--semantic-interactive-bg-highlight-hover); } } .lg\:active\:bg-highlight:active { background-color: var(--semantic-bg-highlight); } } @media (min-width: 80rem) { .xl\:col-span-3 { grid-column: span 3 / span 3; } .xl\:col-span-4 { grid-column: span 4 / span 4; } .xl\:col-span-5 { grid-column: span 5 / span 5; } .xl\:col-span-7 { grid-column: span 7 / span 7; } .xl\:col-span-8 { grid-column: span 8 / span 8; } .xl\:col-span-10 { grid-column: span 10 / span 10; } .xl\:col-start-2 { grid-column-start: 2; } .xl\:col-start-3 { grid-column-start: 3; } .xl\:mx-auto { margin-inline: auto; } .xl\:mr-10 { margin-right: calc(var(--spacing) * 10); } .xl\:block { display: block; } .xl\:flex { display: flex; } .xl\:hidden { display: none; } .xl\:max-h-\[515px\] { max-height: 515px; } .xl\:w-97\.25 { width: calc(var(--spacing) * 97.25); } .xl\:w-\[300px\] { width: 300px; } .xl\:max-w-\[1040px\] { max-width: 1040px; } .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .xl\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .xl\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1128px\)_minmax\(0\,1fr\)\] { grid-template-columns: minmax(0, 1fr) minmax(0, 1128px) minmax(0, 1fr); } .xl\:gap-7\.5 { gap: calc(var(--spacing) * 7.5); } .xl\:gap-8 { gap: calc(var(--spacing) * 8); } .xl\:gap-20 { gap: calc(var(--spacing) * 20); } .xl\:gap-x-7\.5 { column-gap: calc(var(--spacing) * 7.5); } .xl\:gap-x-8 { column-gap: calc(var(--spacing) * 8); } .xl\:gap-y-12 { row-gap: calc(var(--spacing) * 12); } .xl\:px-0 { padding-inline: calc(var(--spacing) * 0); } .xl\:pr-0 { padding-right: calc(var(--spacing) * 0); } .xl\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .xl\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .xl\:text-\[40px\] { font-size: 40px; } } @media (prefers-color-scheme: dark) { .dark\:bg-input\/30 { background-color: var(--color-input); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-input\/30 { background-color: color-mix(in oklab, var(--color-input) 30%, transparent); } } .dark\:focus-visible\:ring-destructive\/40:focus-visible { --tw-ring-color: var(--color-destructive); } @supports (color: color-mix(in lab, red, red)) { .dark\:focus-visible\:ring-destructive\/40:focus-visible { --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent); } } .dark\:aria-invalid\:ring-destructive\/40[aria-invalid="true"] { --tw-ring-color: var(--color-destructive); } @supports (color: color-mix(in lab, red, red)) { .dark\:aria-invalid\:ring-destructive\/40[aria-invalid="true"] { --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent); } } } @media print { .print\:mt-0 { margin-top: calc(var(--spacing) * 0); } .print\:mt-4 { margin-top: calc(var(--spacing) * 4); } .print\:block { display: block; } .print\:hidden { display: none; } } .\[\&_\*\]\:h-full * { height: 100%; } .\[\&_\*\]\:w-full * { width: 100%; } .\[\&_button\]\:bg-transparent button { background-color: #0000; } .\[\&_button\:hover_svg\]\:text-white\/80 button:hover svg { color: #fffc; } @supports (color: color-mix(in lab, red, red)) { .\[\&_button\:hover_svg\]\:text-white\/80 button:hover svg { color: color-mix(in oklab, var(--color-white) 80%, transparent); } } .\[\&_iframe\]\:aspect-video iframe { aspect-ratio: var(--aspect-video); } .\[\&_iframe\]\:h-auto iframe { height: auto; } .\[\&_iframe\]\:w-full iframe { width: 100%; } .\[\&_iframe\]\:rounded-xl iframe { border-radius: var(--radius-xl); } .\[\&_img\]\:object-cover img { object-fit: cover; } .\[\&_img\]\:\[will-change\:transform\] img { will-change: transform; } @media (min-width: 64rem) { .lg\:\[\&_li\:has\(\+_li\:hover\)_span\]\:border-transparent\! li:has( + li:hover) span, .lg\:\[\&_li\:has\(\+_li\[data-active\=\'true\'\]\)_button_div\]\:border-transparent\! li:has( + li[data-active="true"]) button div, .lg\:\[\&_li\:has\(\+_li\[data-hover\=\'true\'\]\)_button_div\]\:border-transparent\! li:has( + li[data-hover="true"]) button div { border-color: #0000 !important; } } .\[\&_svg\]\:pointer-events-none svg { pointer-events: none; } .\[\&_svg\]\:size-6 svg { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .\[\&_svg\]\:text-white svg { color: var(--color-white); } .\[\&\>\:is\(h1\,h2\,h3\,h4\)\]\:col-span-full > :is(h1, h2, h3, h4) { grid-column: 1 / -1; } @media (min-width: 48rem) { .\[\&\>\:is\(h1\,h2\,h3\,h4\)\]\:md\:col-span-10 > :is(h1, h2, h3, h4) { grid-column: span 10 / span 10; } .\[\&\>\:is\(h1\,h2\,h3\,h4\)\]\:md\:col-start-2 > :is(h1, h2, h3, h4) { grid-column-start: 2; } } .\[\&\>ol\]\:list-decimal > ol { list-style-type: decimal; } .\[\&\>ol\]\:pl-6 > ol { padding-left: calc(var(--spacing) * 6); } .\[\&\>p\]\:col-span-full > p { grid-column: 1 / -1; } @media (min-width: 48rem) { .\[\&\>p\]\:md\:col-span-8 > p { grid-column: span 8 / span 8; } .\[\&\>p\]\:md\:col-start-3 > p { grid-column-start: 3; } } .\[\&\>svg\]\:pointer-events-none > svg { pointer-events: none; } .\[\&\>svg\]\:size-3 > svg { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); } .\[\&\>ul\]\:list-disc > ul { list-style-type: disc; } .\[\&\>ul\]\:pl-6 > ul { padding-left: calc(var(--spacing) * 6); } @media (hover: hover) { a.\[a\&\]\:hover\:bg-accent:hover { background-color: var(--color-accent); } a.\[a\&\]\:hover\:bg-destructive\/90:hover { background-color: var(--color-destructive); } @supports (color: color-mix(in lab, red, red)) { a.\[a\&\]\:hover\:bg-destructive\/90:hover { background-color: color-mix(in oklab, var(--color-destructive) 90%, transparent); } } a.\[a\&\]\:hover\:bg-primary\/90:hover { background-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { a.\[a\&\]\:hover\:bg-primary\/90:hover { background-color: color-mix(in oklab, var(--color-primary) 90%, transparent); } } a.\[a\&\]\:hover\:bg-secondary\/90:hover { background-color: var(--color-secondary); } @supports (color: color-mix(in lab, red, red)) { a.\[a\&\]\:hover\:bg-secondary\/90:hover { background-color: color-mix(in oklab, var(--color-secondary) 90%, transparent); } } a.\[a\&\]\:hover\:text-accent-foreground:hover { color: var(--color-accent-foreground); } } .scrollbar-hide { scrollbar-width: none; } .scrollbar-hide::-webkit-scrollbar { display: none; } .imported-article li:empty { display: none; } .imported-article a[href^="https://www.handwerk.com/"]:not([href*="/newsletter"]) { pointer-events: none; --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); color: inherit; text-decoration: none; } @keyframes slide-in-from-bottom { 0% { transform: translateY(100%); } to { transform: translateY(0); } } @keyframes slide-out-to-bottom { 0% { transform: translateY(0); } to { transform: translateY(100%); } } .slide-in-from-bottom { animation: .3s ease-out slide-in-from-bottom; } .slide-out-to-bottom { animation: .2s ease-in slide-out-to-bottom; } } @property --tw-animation-delay { syntax: "*"; inherits: false; initial-value: 0s; } @property --tw-animation-direction { syntax: "*"; inherits: false; initial-value: normal; } @property --tw-animation-duration { syntax: "*"; inherits: false } @property --tw-animation-fill-mode { syntax: "*"; inherits: false; initial-value: none; } @property --tw-animation-iteration-count { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-enter-blur { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-enter-opacity { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-enter-rotate { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-enter-scale { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-enter-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-enter-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-exit-blur { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-exit-opacity { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-exit-rotate { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-exit-scale { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-exit-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-exit-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @media print { @page { size: A4 portrait; margin: 20mm 15mm; } *, :before, :after { -webkit-print-color-adjust: exact; print-color-adjust: exact; box-shadow: none !important; text-shadow: none !important; background: none !important; } html, body { width: 100%; min-height: auto; font-size: 11pt; } section { break-before: always; } ul { break-inside: avoid; } p { widows: 2; orphans: 2; } a:after { content: "( " attr(href) ") "; } header.sticky, footer, [role="group"][aria-label="Artikel teilen"], [data-testid="newsletterBanner"], [data-testid="nextReads"], [data-testid="embeddedContent"], #didomi-host, #didomi-notice { display: none !important; } .flex.flex-col.min-h-dvh { min-height: auto; display: block; } main { flex: none; display: block; } .grid-base { column-gap: 0 !important; min-width: 0 !important; max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; display: block !important; } [class*="col-span"], [class*="col-start"], .grid-default-module { grid-column: 1 / -1 !important; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } article.grid-base { row-gap: 12pt !important; margin-top: 0 !important; padding-bottom: 0 !important; } .flex.flex-col.items-start { flex-flow: wrap; align-items: center; gap: 8pt; } .bg-highlight.col-span-full.grid-base { background: none !important; border-radius: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } .aspect-banner, .aspect-video { break-inside: avoid; aspect-ratio: auto !important; border-radius: 0 !important; width: 100% !important; height: 100% !important; position: relative !important; overflow: hidden !important; } .aspect-banner img, .aspect-video img { max-height: none !important; } .flex.flex-col.gap-3 { break-inside: avoid; } .inline-block.w-2.h-2.rounded-full { display: none !important; } [data-testid="image"] { break-inside: avoid; margin-bottom: 8pt; } [data-testid="imageAndText"] { break-inside: avoid; } img { max-width: 100% !important; height: auto !important; } .article-headline { margin-top: 0 !important; margin-bottom: 8pt !important; font-size: 22pt !important; line-height: 1.15 !important; } .intro { margin-top: 6pt !important; margin-bottom: 0 !important; font-size: 12pt !important; line-height: 1.5 !important; } .kicker { margin-bottom: 4pt !important; font-size: 9pt !important; line-height: 1.3 !important; } .meta-small, .meta-big { font-size: 9pt !important; line-height: 1.4 !important; } .tw-typography-prose p, .prose p { margin-top: 0 !important; margin-bottom: 16pt !important; font-size: 11pt !important; line-height: 1.45 !important; } .tw-typography-prose p:last-child, .prose p:last-child { margin-bottom: 0 !important; } .dropcap-paragraph:first-letter { all: unset !important; } .dropcap-paragraph { min-height: auto !important; } .tw-typography-prose h2, .prose h2, h2 { break-after: avoid; margin-top: 24pt !important; margin-bottom: 8pt !important; font-size: 16pt !important; line-height: 1.2 !important; } .tw-typography-prose h3, .prose h3, h3 { break-after: avoid; margin-top: 20pt !important; margin-bottom: 8pt !important; font-size: 14pt !important; line-height: 1.25 !important; } .tw-typography-prose h4, .prose h4, h4 { break-after: avoid; margin-top: 16pt !important; margin-bottom: 4pt !important; font-size: 12pt !important; line-height: 1.3 !important; } h5, h6 { break-after: avoid; margin-top: 16pt !important; margin-bottom: 4pt !important; font-size: 11pt !important; line-height: 1.3 !important; } h2 + h3, h3 + h4, h4 + h5 { margin-top: 4pt !important; } .tw-typography-prose ul, .tw-typography-prose ol, .prose ul, .prose ol, ul, ol { margin-top: 12pt !important; margin-bottom: 12pt !important; padding-left: 18pt !important; font-size: 11pt !important; line-height: 1.45 !important; } .tw-typography-prose li, .prose li, li { margin-top: 4pt !important; margin-bottom: 4pt !important; font-size: 11pt !important; line-height: 1.45 !important; } li ul, li ol { margin-top: 4pt !important; margin-bottom: 0 !important; } .tw-typography-prose blockquote, .prose blockquote, blockquote { break-inside: avoid; font-style: italic; border-left: 2pt solid #555 !important; margin-top: 16pt !important; margin-bottom: 16pt !important; padding-left: 12pt !important; font-size: 11pt !important; line-height: 1.5 !important; } strong, b { font-weight: 700 !important; } code, pre { background: none !important; border: .5pt solid #ccc !important; padding: 1pt 3pt !important; font-family: Courier New, Courier, monospace !important; font-size: 9pt !important; line-height: 1.4 !important; } pre { break-inside: avoid; white-space: pre-wrap !important; margin: 12pt 0 !important; padding: 8pt !important; } [data-testid="quote"] { break-inside: avoid; border-left: 3pt solid; margin: 16pt 0; padding-left: 12pt; } [data-testid="text"] { padding-top: 0 !important; padding-bottom: 0 !important; } [data-testid="text"] + [data-testid="text"] { margin-top: 0 !important; } [data-testid="text"] + [data-testid="image"], [data-testid="text"] + [data-testid="imageAndText"] { margin-top: 8pt !important; } p, li { orphans: 3; widows: 3; } blockquote, figure, table { break-inside: avoid; } a[href^="http"]:after, a[href^="https"]:after { content: " (" attr(href) ")"; word-break: break-all; color: #555; font-size: 8pt; } a[href^="/"]:after, a[href^="#"]:after, a[href^="mailto"]:after { content: none; } .backdrop-blur-sm, [class*="backdrop-"] { -webkit-backdrop-filter: none !important; background-color: #0000 !important; } .rounded-full[class*="backdrop"] { border: .5pt solid; border-radius: 99pt; padding: 2pt 6pt; } } .visually-hidden { clip: rect(0 0 0 0); white-space: nowrap; border: 0; width: 1px; height: 1px; position: absolute; overflow: hidden; } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-rotate-x { syntax: "*"; inherits: false } @property --tw-rotate-y { syntax: "*"; inherits: false } @property --tw-rotate-z { syntax: "*"; inherits: false } @property --tw-skew-x { syntax: "*"; inherits: false } @property --tw-skew-y { syntax: "*"; inherits: false } @property --tw-pan-x { syntax: "*"; inherits: false } @property --tw-pan-y { syntax: "*"; inherits: false } @property --tw-pinch-zoom { syntax: "*"; inherits: false } @property --tw-scroll-snap-strictness { syntax: "*"; inherits: false; initial-value: proximity; } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-divide-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-gradient-position { syntax: "*"; inherits: false } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false } @property --tw-gradient-via-stops { syntax: "*"; inherits: false } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-leading { syntax: "*"; inherits: false } @property --tw-font-weight { syntax: "*"; inherits: false } @property --tw-tracking { syntax: "*"; inherits: false } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-blur { syntax: "*"; inherits: false } @property --tw-brightness { syntax: "*"; inherits: false } @property --tw-contrast { syntax: "*"; inherits: false } @property --tw-grayscale { syntax: "*"; inherits: false } @property --tw-hue-rotate { syntax: "*"; inherits: false } @property --tw-invert { syntax: "*"; inherits: false } @property --tw-opacity { syntax: "*"; inherits: false } @property --tw-saturate { syntax: "*"; inherits: false } @property --tw-sepia { syntax: "*"; inherits: false } @property --tw-drop-shadow { syntax: "*"; inherits: false } @property --tw-drop-shadow-color { syntax: "*"; inherits: false } @property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-drop-shadow-size { syntax: "*"; inherits: false } @property --tw-backdrop-blur { syntax: "*"; inherits: false } @property --tw-backdrop-brightness { syntax: "*"; inherits: false } @property --tw-backdrop-contrast { syntax: "*"; inherits: false } @property --tw-backdrop-grayscale { syntax: "*"; inherits: false } @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false } @property --tw-backdrop-invert { syntax: "*"; inherits: false } @property --tw-backdrop-opacity { syntax: "*"; inherits: false } @property --tw-backdrop-saturate { syntax: "*"; inherits: false } @property --tw-backdrop-sepia { syntax: "*"; inherits: false } @property --tw-duration { syntax: "*"; inherits: false } @property --tw-ease { syntax: "*"; inherits: false } @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-content { syntax: "*"; inherits: false; initial-value: ""; } @keyframes spin { to { transform: rotate(360deg); } } @keyframes pulse { 50% { opacity: .5; } } @keyframes enter { 0% { opacity: var(--tw-enter-opacity, 1); transform: translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0)scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1))rotate(var(--tw-enter-rotate, 0)); filter: blur(var(--tw-enter-blur, 0)); } } @keyframes exit { to { opacity: var(--tw-exit-opacity, 1); transform: translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0)scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1))rotate(var(--tw-exit-rotate, 0)); filter: blur(var(--tw-exit-blur, 0)); } }