/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */ @layer properties { @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) { :root, :host { --nav-offset-t: 0; --bun-progress: 0; --seg-progress: 0; } *, :before, :after, ::backdrop { --nav-anchors-reveal-t: 0; --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-scroll-snap-strictness: proximity; --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-ease: initial; --tw-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: 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-content: ""; --tw-text-shadow-color: initial; --tw-text-shadow-alpha: 100%; } } } @property --nav-offset-t { syntax: ""; inherits: true; initial-value: 0; } @property --nav-anchors-reveal-t { syntax: ""; inherits: false; initial-value: 0; } @property --bun-progress { syntax: ""; inherits: true; initial-value: 0; } @property --seg-progress { syntax: ""; inherits: true; initial-value: 0; } @layer theme { :root, :host { --font-sans: "Walla"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-100: oklch(93.6% .032 17.717); --color-yellow-100: oklch(97.3% .071 103.193); --color-blue-500: oklch(62.3% .214 259.815); --color-pink-100: oklch(94.8% .028 342.258); --color-gray-200: oklch(92.8% .006 264.531); --color-neutral-700: oklch(37.1% 0 0); --color-black: #000; --color-white: #fff; --spacing: .25rem; --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --font-weight-light: var(--font-weight-head-light); --font-weight-normal: var(--font-weight-head-regular); --font-weight-bold: var(--font-weight-head-bold); --radius-2xl: 1rem; --ease-in: cubic-bezier(.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, .2, 1); --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; --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-weight-head-light: 300; --font-weight-head-regular: 400; --font-weight-head-bold: 700; --font-weight-head-black: 900; --tracking-head-2-negative: calc(var(--tracking-head-2) * -1); --tracking-head-1-negative: calc(var(--tracking-head-1) * -1); --tracking-head-0: 0em; --tracking-head-1: calc(.04em / 1000); --tracking-head-2: calc(.08em / 1000); --tracking-head-tighter: var(--tracking-head-2-negative); --tracking-head-tight: var(--tracking-head-1-negative); --tracking-head-normal: var(--tracking-head-0); --tracking-head-wide: var(--tracking-head-1); --tracking-head-wider: var(--tracking-head-2); --leading-head-1: .75rem; --leading-head-2: 1rem; --leading-head-3: 1.25rem; --leading-head-4: 1.5rem; --leading-head-5: 1.75rem; --leading-head-6: 2.25rem; --leading-head-7: 2.75rem; --leading-head-8: 3.25rem; --leading-head-9: 4.25rem; --leading-head-10: 5.25rem; --leading-head-11: 6.25rem; --text-head-1: .5625rem; --text-head-1--line-height: var(--leading-head-1); --text-head-1--letter-spacing: var(--tracking-head-wider); --text-head-2: .75rem; --text-head-2--line-height: var(--leading-head-2); --text-head-2--letter-spacing: var(--tracking-head-wide); --text-head-2-em: .75rem; --text-head-2-em--line-height: var(--leading-head-2); --text-head-2-em--letter-spacing: var(--tracking-head-wide); --text-head-2-em--font-weight: var(--font-weight-head-bold); --text-head-3: 1rem; --text-head-3--line-height: var(--leading-head-3); --text-head-3--letter-spacing: var(--tracking-head-normal); --text-head-3-em: 1rem; --text-head-3-em--line-height: var(--leading-head-3); --text-head-3-em--letter-spacing: var(--tracking-head-normal); --text-head-3-em--font-weight: var(--font-weight-head-bold); --text-head-4: 1.25rem; --text-head-4--line-height: var(--leading-head-4); --text-head-4--letter-spacing: var(--tracking-head-normal); --text-head-4-em: 1.25rem; --text-head-4-em--line-height: var(--leading-head-4); --text-head-4-em--letter-spacing: var(--tracking-head-normal); --text-head-4-em--font-weight: var(--font-weight-head-bold); --text-head-5: 1.5rem; --text-head-5--line-height: var(--leading-head-5); --text-head-5--letter-spacing: var(--tracking-head-normal); --text-head-5-em: 1.5rem; --text-head-5-em--line-height: var(--leading-head-5); --text-head-5-em--letter-spacing: var(--tracking-head-normal); --text-head-5-em--font-weight: var(--font-weight-head-bold); --text-head-6: 2rem; --text-head-6--line-height: var(--leading-head-6); --text-head-6--letter-spacing: var(--tracking-head-tight); --text-head-6-em: 2rem; --text-head-6-em--line-height: var(--leading-head-6); --text-head-6-em--letter-spacing: var(--tracking-head-tight); --text-head-6-em--font-weight: var(--font-weight-head-bold); --text-head-7: 2.5rem; --text-head-7--line-height: var(--leading-head-7); --text-head-7--letter-spacing: var(--tracking-head-tight); --text-head-7-em: 2.5rem; --text-head-7-em--line-height: var(--leading-head-7); --text-head-7-em--letter-spacing: var(--tracking-head-tight); --text-head-7-em--font-weight: var(--font-weight-head-bold); --text-head-8: 3rem; --text-head-8--line-height: var(--leading-head-8); --text-head-8--letter-spacing: var(--tracking-head-tight); --text-head-8--font-weight: var(--font-weight-head-bold); --text-head-8-em: 3rem; --text-head-8-em--line-height: var(--leading-head-7); --text-head-8-em--letter-spacing: var(--tracking-head-tight); --text-head-8-em--font-weight: var(--font-weight-head-bold); --text-head-9: 4rem; --text-head-9--line-height: var(--leading-head-9); --text-head-9--letter-spacing: var(--tracking-head-tighter); --text-head-9-em: 4rem; --text-head-9-em--line-height: var(--leading-head-9); --text-head-9-em--letter-spacing: var(--tracking-head-tighter); --text-head-9-em--font-weight: var(--font-weight-head-bold); --text-head-10: 5rem; --text-head-10--line-height: var(--leading-head-10); --text-head-10--letter-spacing: var(--tracking-head-tighter); --text-head-10-em: 5rem; --text-head-10-em--line-height: var(--leading-head-10); --text-head-10-em--letter-spacing: var(--tracking-head-tighter); --text-head-10-em--font-weight: var(--font-weight-head-bold); --text-head-11: 6rem; --text-head-11--line-height: var(--leading-head-11); --text-head-11--letter-spacing: var(--tracking-head-tighter); --spacing-head-1: .25rem; --spacing-head-2: .5rem; --spacing-head-3: .75rem; --spacing-head-4: 1rem; --spacing-head-5: 1.5rem; --spacing-head-6: 2rem; --spacing-head-8: 3rem; --spacing-head-10: 4rem; --shadow-head-blur: 4px; --shadow-head-spread: 0px; --shadow-head-extent: calc(var(--shadow-head-blur) + var(--shadow-head-spread)); --shadow-head: 0 0 4px 0 #0000000d; --shadow-head-thumb-extent: 8px; --shadow-head-menu: 0 4px 12px 0 #0000001a; --shadow-head-xl-blur: 14px; --shadow-head-xl-spread: 2px; --shadow-head-xl-extent: calc(var(--shadow-head-xl-blur) + var(--shadow-head-xl-spread)); --color-head-purple-100: #f2e9fe; --color-head-purple-200: #d7bdfc; --color-head-purple-300: #af7df5; --color-head-purple-400: #50c; --color-head-purple-500: #410099; --color-head-purple-800: #2a0066; --color-head-purple-default: var(--color-head-purple-500); --color-head-purple-ondefault: var(--color-head-gray-0); --color-head-purple-focus: var(--color-head-purple-300); --color-head-purple-onfocus: var(--color-head-gray-0); --color-head-purple-subtle: var(--color-head-purple-100); --color-head-purple-onsubtle: var(--color-head-purple-500); --color-head-purple-muted: var(--color-head-gray-500); --color-head-purple-onmuted: var(--color-head-gray-0); --color-head-red-100: #ffe6e8; --color-head-red-200: #fab9b9; --color-head-red-300: #fb626d; --color-head-red-500: #f52837; --color-head-red-800: #b00814; --color-head-red-default: var(--color-head-red-500); --color-head-red-ondefault: var(--color-head-gray-0); --color-head-red-focus: var(--color-head-red-300); --color-head-red-onfocus: var(--color-head-gray-0); --color-head-red-subtle: var(--color-head-red-100); --color-head-red-onsubtle: var(--color-head-red-500); --color-head-red-muted: var(--color-head-gray-500); --color-head-red-onmuted: var(--color-head-gray-0); --color-head-green-100: #e6f9f1; --color-head-green-200: #b1f0d7; --color-head-green-300: #28cf8c; --color-head-green-500: #00af69; --color-head-green-600: #139662; --color-head-green-800: #085e3c; --color-head-green-default: var(--color-head-green-500); --color-head-green-ondefault: var(--color-head-gray-0); --color-head-green-focus: var(--color-head-green-300); --color-head-green-onfocus: var(--color-head-gray-0); --color-head-green-subtle: var(--color-head-green-100); --color-head-green-onsubtle: var(--color-head-green-500); --color-head-green-muted: var(--color-head-gray-500); --color-head-green-onmuted: var(--color-head-gray-0); --color-head-gray-0: #fff; --color-head-gray-100: #f5f5f5; --color-head-gray-200: #e0e0e0; --color-head-gray-300: #c2c2c2; --color-head-gray-400: #a3a3a3; --color-head-gray-500: #757575; --color-head-gray-600: #5c5c5c; --color-head-gray-700: #3d3d3d; --color-head-gray-800: #1f1f1f; --color-head-gray-900: #121212; --color-head-gray-1000: #000; --color-head-gray-default: var(--color-head-gray-1000); --color-head-gray-ondefault: var(--color-head-gray-0); --color-head-gray-focus: var(--color-head-gray-700); --color-head-gray-onfocus: var(--color-head-gray-0); --color-head-gray-subtle: var(--color-head-gray-300); --color-head-gray-onsubtle: var(--color-head-gray-0); --color-head-gray-muted: var(--color-head-gray-500); --color-head-gray-onmuted: var(--color-head-gray-0); --color-head-muted: var(--color-head-gray-500); --color-head-neutral: var(--color-head-gray-default); --color-head-neutral-focus: var(--color-head-gray-focus); --color-head-neutral-subtle: var(--color-head-gray-subtle); --color-head-neutral-muted: var(--color-head-gray-muted); --color-head-onneutral: var(--color-head-gray-ondefault); --color-head-onneutral-focus: var(--color-head-gray-onfocus); --color-head-onneutral-subtle: var(--color-head-gray-onsubtle); --color-head-onneutral-muted: var(--color-head-gray-onmuted); --color-head-primary: var(--color-head-purple-default); --color-head-primary-focus: var(--color-head-purple-focus); --color-head-primary-subtle: var(--color-head-purple-subtle); --color-head-primary-muted: var(--color-head-purple-muted); --color-head-onprimary: var(--color-head-purple-ondefault); --color-head-onprimary-focus: var(--color-head-purple-onfocus); --color-head-onprimary-subtle: var(--color-head-purple-onsubtle); --color-head-onprimary-muted: var(--color-head-purple-onmuted); --color-head-secondary: var(--color-head-red-default); --color-head-secondary-focus: var(--color-head-red-focus); --color-head-secondary-subtle: var(--color-head-red-subtle); --color-head-secondary-muted: var(--color-head-red-muted); --color-head-onsecondary: var(--color-head-red-ondefault); --color-head-onsecondary-focus: var(--color-head-red-onfocus); --color-head-onsecondary-subtle: var(--color-head-red-onsubtle); --color-head-onsecondary-muted: var(--color-head-red-onmuted); --color-head-tertiary: var(--color-head-green-default); --color-head-tertiary-focus: var(--color-head-green-focus); --color-head-tertiary-subtle: var(--color-head-green-subtle); --color-head-tertiary-muted: var(--color-head-green-muted); --color-head-ontertiary: var(--color-head-green-ondefault); --color-head-ontertiary-focus: var(--color-head-green-onfocus); --color-head-ontertiary-subtle: var(--color-head-green-onsubtle); --color-head-ontertiary-muted: var(--color-head-green-onmuted); --color-head-accent: var(--color-head-purple-default); --color-head-accent-focus: var(--color-head-purple-focus); --color-head-accent-subtle: var(--color-head-purple-subtle); --color-head-accent-muted: var(--color-head-purple-muted); --color-head-onaccent: var(--color-head-purple-ondefault); --color-head-onaccent-focus: var(--color-head-purple-onfocus); --color-head-onaccent-subtle: var(--color-head-purple-onsubtle); --color-head-onaccent-muted: var(--color-head-purple-onmuted); --color-transparent: transparent; --color-debug: #f0f; --color-caution: #e47600; --color-head-error: var(--color-head-secondary); --flex-gap-x-default: var(--spacing-head-1); --divider-thin: .125rem; --divider-regular: .25rem; --divider-bold: .375rem; --gap-x: var(--spacing-head-4); --gap-x-tablet: var(--spacing-head-5); --gap-x-desktop: var(--spacing-head-6); --gap-y: var(--spacing-head-4); --gap-y-tablet: var(--spacing-head-5); --gap-y-desktop: var(--spacing-head-6); --duration-head-short: .25s; --duration-head-medium: .5s; --duration-head-transition: var(--duration-head-medium); } } @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]) { -webkit-text-decoration: underline dotted; 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; } em { font-variation-settings: "ital" 14; font-style: italic; } :root { --base: var(--color-head-primary); --onbase: var(--color-head-onprimary); --muted: var(--color-head-primary-muted); --onmuted: var(--color-head-onprimary-muted); --subtle: var(--color-head-primary-subtle); --onsubtle: var(--color-head-onprimary-subtle); --focus: var(--color-head-primary-focus); --onfocus: var(--color-head-onprimary-focus); } html { font-family: var(--font-sans); } body { text-rendering: geometricprecision; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-optical-sizing: none; font-synthesis: none; -webkit-text-size-adjust: 100%; font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); } @media (min-width: 48rem) { body { font-size: var(--text-head-4); line-height: var(--tw-leading, var(--text-head-4--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-4--letter-spacing)); } } @media (min-width: 80rem) { body { font-size: var(--text-head-5); line-height: var(--tw-leading, var(--text-head-5--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-5--letter-spacing)); } } button { cursor: pointer; } strong { font-weight: var(--font-weight-head-bold); } body.no-transition, body.no-transition *, body.no-transition :before, body.no-transition :after { transition: none !important; animation-duration: 0s !important; animation-delay: 0s !important; } :root { --mobile-nav-height: 54px; --desktop-nav-height: 92px; --px: var(--spacing-head-4); } @media (min-width: 48rem) { :root { --px: var(--spacing-head-5); } } @media (min-width: 80rem) { :root { --px: var(--spacing-head-6); } } :root { --scrollbar-width: calc(100vw - 100%); --vw: calc(100vw - var(--scrollbar-width)); --max-content-width: 1720px; --content-width: calc(min(var(--vw) - calc(var(--px) * 2), var(--max-content-width))); --content-mx: calc(max(0px, calc((var(--vw) - var(--content-width) - var(--px) * 2) / 2))); --centered-content-width: min(56rem, var(--content-width)); --scroll-px: calc((100% - var(--content-width)) / 2); --scroll-px-vw: calc((var(--vw) - var(--content-width)) / 2); } [data-theme="purple"] { --color-head-primary-100: var(--color-head-purple-100); --color-head-primary-200: var(--color-head-purple-200); --color-head-primary-300: var(--color-head-purple-300); --color-head-primary-500: var(--color-head-purple-500); --color-head-primary-600: var(--color-head-purple-600); --color-head-primary-800: var(--color-head-purple-800); --color-head-neutral: var(--color-head-gray-default); --color-head-neutral-focus: var(--color-head-gray-focus); --color-head-neutral-subtle: var(--color-head-gray-subtle); --color-head-neutral-muted: var(--color-head-gray-muted); --color-head-onneutral: var(--color-head-gray-ondefault); --color-head-onneutral-focus: var(--color-head-gray-onfocus); --color-head-onneutral-subtle: var(--color-head-gray-onsubtle); --color-head-onneutral-muted: var(--color-head-gray-onmuted); --color-head-primary: var(--color-head-purple-default); --color-head-primary-focus: var(--color-head-purple-focus); --color-head-primary-subtle: var(--color-head-purple-subtle); --color-head-primary-muted: var(--color-head-purple-muted); --color-head-onprimary: var(--color-head-purple-ondefault); --color-head-onprimary-focus: var(--color-head-purple-onfocus); --color-head-onprimary-subtle: var(--color-head-purple-onsubtle); --color-head-onprimary-muted: var(--color-head-purple-onmuted); --color-head-secondary: var(--color-head-red-default); --color-head-secondary-focus: var(--color-head-red-focus); --color-head-secondary-subtle: var(--color-head-red-subtle); --color-head-secondary-muted: var(--color-head-red-muted); --color-head-onsecondary: var(--color-head-red-ondefault); --color-head-onsecondary-focus: var(--color-head-red-onfocus); --color-head-onsecondary-subtle: var(--color-head-red-onsubtle); --color-head-onsecondary-muted: var(--color-head-red-onmuted); --color-head-tertiary: var(--color-head-green-default); --color-head-tertiary-focus: var(--color-head-green-focus); --color-head-tertiary-subtle: var(--color-head-green-subtle); --color-head-tertiary-muted: var(--color-head-green-muted); --color-head-ontertiary: var(--color-head-green-ondefault); --color-head-ontertiary-focus: var(--color-head-green-onfocus); --color-head-ontertiary-subtle: var(--color-head-green-onsubtle); --color-head-ontertiary-muted: var(--color-head-green-onmuted); --color-head-accent: var(--color-head-purple-default); --color-head-accent-focus: var(--color-head-purple-focus); --color-head-accent-subtle: var(--color-head-purple-subtle); --color-head-accent-muted: var(--color-head-purple-muted); --color-head-onaccent: var(--color-head-purple-ondefault); --color-head-onaccent-focus: var(--color-head-purple-onfocus); --color-head-onaccent-subtle: var(--color-head-purple-onsubtle); --color-head-onaccent-muted: var(--color-head-purple-onmuted); } [data-theme="red"] { --color-head-primary-100: var(--color-head-red-100); --color-head-primary-200: var(--color-head-red-200); --color-head-primary-300: var(--color-head-red-300); --color-head-primary-500: var(--color-head-red-500); --color-head-primary-600: var(--color-head-red-600); --color-head-primary-800: var(--color-head-red-800); --color-head-neutral: var(--color-head-gray-default); --color-head-neutral-focus: var(--color-head-gray-focus); --color-head-neutral-subtle: var(--color-head-gray-subtle); --color-head-neutral-muted: var(--color-head-gray-muted); --color-head-onneutral: var(--color-head-gray-ondefault); --color-head-onneutral-focus: var(--color-head-gray-onfocus); --color-head-onneutral-subtle: var(--color-head-gray-onsubtle); --color-head-onneutral-muted: var(--color-head-gray-onmuted); --color-head-primary: var(--color-head-red-default); --color-head-primary-focus: var(--color-head-red-focus); --color-head-primary-subtle: var(--color-head-red-subtle); --color-head-primary-muted: var(--color-head-red-muted); --color-head-onprimary: var(--color-head-red-ondefault); --color-head-onprimary-focus: var(--color-head-red-onfocus); --color-head-onprimary-subtle: var(--color-head-red-onsubtle); --color-head-onprimary-muted: var(--color-head-red-onmuted); --color-head-secondary: var(--color-head-green-default); --color-head-secondary-focus: var(--color-head-green-focus); --color-head-secondary-subtle: var(--color-head-green-subtle); --color-head-secondary-muted: var(--color-head-green-muted); --color-head-onsecondary: var(--color-head-green-ondefault); --color-head-onsecondary-focus: var(--color-head-green-onfocus); --color-head-onsecondary-subtle: var(--color-head-green-onsubtle); --color-head-onsecondary-muted: var(--color-head-green-onmuted); --color-head-tertiary: var(--color-head-purple-default); --color-head-tertiary-focus: var(--color-head-purple-focus); --color-head-tertiary-subtle: var(--color-head-purple-subtle); --color-head-tertiary-muted: var(--color-head-purple-muted); --color-head-ontertiary: var(--color-head-purple-ondefault); --color-head-ontertiary-focus: var(--color-head-purple-onfocus); --color-head-ontertiary-subtle: var(--color-head-purple-onsubtle); --color-head-ontertiary-muted: var(--color-head-purple-onmuted); --color-head-accent: var(--color-head-red-default); --color-head-accent-focus: var(--color-head-red-focus); --color-head-accent-subtle: var(--color-head-red-subtle); --color-head-accent-muted: var(--color-head-red-muted); --color-head-onaccent: var(--color-head-red-ondefault); --color-head-onaccent-focus: var(--color-head-red-onfocus); --color-head-onaccent-subtle: var(--color-head-red-onsubtle); --color-head-onaccent-muted: var(--color-head-red-onmuted); } [data-theme="green"] { --color-head-primary-100: var(--color-head-green-100); --color-head-primary-200: var(--color-head-green-200); --color-head-primary-300: var(--color-head-green-300); --color-head-primary-500: var(--color-head-green-500); --color-head-primary-600: var(--color-head-green-600); --color-head-primary-800: var(--color-head-green-800); --color-head-neutral: var(--color-head-gray-default); --color-head-neutral-focus: var(--color-head-gray-focus); --color-head-neutral-subtle: var(--color-head-gray-subtle); --color-head-neutral-muted: var(--color-head-gray-muted); --color-head-onneutral: var(--color-head-gray-ondefault); --color-head-onneutral-focus: var(--color-head-gray-onfocus); --color-head-onneutral-subtle: var(--color-head-gray-onsubtle); --color-head-onneutral-muted: var(--color-head-gray-onmuted); --color-head-primary: var(--color-head-green-default); --color-head-primary-focus: var(--color-head-green-focus); --color-head-primary-subtle: var(--color-head-green-subtle); --color-head-primary-muted: var(--color-head-green-muted); --color-head-onprimary: var(--color-head-green-ondefault); --color-head-onprimary-focus: var(--color-head-green-onfocus); --color-head-onprimary-subtle: var(--color-head-green-onsubtle); --color-head-onprimary-muted: var(--color-head-green-onmuted); --color-head-secondary: var(--color-head-red-default); --color-head-secondary-focus: var(--color-head-red-focus); --color-head-secondary-subtle: var(--color-head-red-subtle); --color-head-secondary-muted: var(--color-head-red-muted); --color-head-onsecondary: var(--color-head-red-ondefault); --color-head-onsecondary-focus: var(--color-head-red-onfocus); --color-head-onsecondary-subtle: var(--color-head-red-onsubtle); --color-head-onsecondary-muted: var(--color-head-red-onmuted); --color-head-tertiary: var(--color-head-purple-default); --color-head-tertiary-focus: var(--color-head-purple-focus); --color-head-tertiary-subtle: var(--color-head-purple-subtle); --color-head-tertiary-muted: var(--color-head-purple-muted); --color-head-ontertiary: var(--color-head-purple-ondefault); --color-head-ontertiary-focus: var(--color-head-purple-onfocus); --color-head-ontertiary-subtle: var(--color-head-purple-onsubtle); --color-head-ontertiary-muted: var(--color-head-purple-onmuted); --color-head-accent: var(--color-head-green-default); --color-head-accent-focus: var(--color-head-green-focus); --color-head-accent-subtle: var(--color-head-green-subtle); --color-head-accent-muted: var(--color-head-green-muted); --color-head-onaccent: var(--color-head-green-ondefault); --color-head-onaccent-focus: var(--color-head-green-onfocus); --color-head-onaccent-subtle: var(--color-head-green-onsubtle); --color-head-onaccent-muted: var(--color-head-green-onmuted); } [data-tone="neutral"] { --color-head-primary: var(--color-head-neutral-default); } input[type="search"]::-webkit-search-cancel-button { appearance: none; } input, .input, select { --tw-leading: 1; border-color: var(--color-head-neutral-focus); border-style: var(--tw-border-style); border-width: 1px; line-height: 1; } :is(input, .input, select)::placeholder { color: var(--color-head-muted); } input, .input, select { font-size: var(--text-head-2); line-height: var(--tw-leading, var(--text-head-2--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-2--letter-spacing)); padding-inline: var(--spacing-head-3); padding-block: var(--spacing-head-2); outline-color: var(--color-head-neutral-focus); } :is(input, .input, select).medium { --tw-leading: 1; border-color: var(--color-head-neutral-focus); border-style: var(--tw-border-style); border-width: 1px; line-height: 1; } :is(input, .input, select).medium::placeholder { color: var(--color-head-muted); } :is(input, .input, select).medium { padding-inline: var(--spacing-head-3); padding-block: var(--spacing-head-2); font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); } :is(input, .input, select).large { --tw-leading: 1; border-color: var(--color-head-neutral-focus); border-style: var(--tw-border-style); border-width: 1px; line-height: 1; } :is(input, .input, select).large::placeholder { color: var(--color-head-muted); } :is(input, .input, select).large { padding-inline: var(--spacing-head-3); padding-block: var(--spacing-head-2); font-size: var(--text-head-4); line-height: var(--tw-leading, var(--text-head-4--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-4--letter-spacing)); } @container (min-width: 37rem) { input, .input, select { --tw-leading: 1; border-color: var(--color-head-neutral-focus); border-style: var(--tw-border-style); border-width: 1px; line-height: 1; } :is(input, .input, select)::placeholder { color: var(--color-head-muted); } input, .input, select { padding-inline: var(--spacing-head-3); padding-block: var(--spacing-head-2); font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); } } @container (min-width: 50rem) { input, .input, select { --tw-leading: 1; border-color: var(--color-head-neutral-focus); border-style: var(--tw-border-style); border-width: 1px; line-height: 1; } :is(input, .input, select)::placeholder { color: var(--color-head-muted); } input, .input, select { padding-inline: var(--spacing-head-3); padding-block: var(--spacing-head-2); font-size: var(--text-head-4); line-height: var(--tw-leading, var(--text-head-4--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-4--letter-spacing)); } } :is(input, .input, select):focus, :is(input, .input, select):placeholder-shown { border-color: var(--color-head-neutral); } :is(input, .input, select):user-invalid { border-color: var(--color-head-error); color: var(--color-head-error); } :is(input, .input, select):disabled { cursor: not-allowed; border-color: var(--color-head-neutral); } :is(input, .input, select):read-only { cursor: default; border-color: var(--color-head-neutral); } @supports ((-moz-appearance: none)) { * { scrollbar-color: initial; scrollbar-width: initial; } } } @layer components { @media (min-width: 48rem) { :root { --gap-x: var(--gap-x-tablet); --gap-y: var(--gap-y-tablet); } } @media (min-width: 80rem) { :root { --gap-x: var(--gap-x-desktop); --gap-y: var(--gap-y-desktop); } } @media (min-width: 48rem) { :root { --gap-x: var(--gap-x-tablet); --gap-y: var(--gap-y-tablet); } } @media (min-width: 80rem) { :root { --gap-x: var(--gap-x-desktop); --gap-y: var(--gap-y-desktop); } } i, cite { font-variation-settings: "ital" 14; font-style: italic; } blockquote { font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); flex-direction: column; display: flex; } @media (min-width: 48rem) { blockquote { font-size: var(--text-head-4); line-height: var(--tw-leading, var(--text-head-4--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-4--letter-spacing)); } } @media (min-width: 80rem) { blockquote { font-size: var(--text-head-5); line-height: var(--tw-leading, var(--text-head-5--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-5--letter-spacing)); } } blockquote { text-wrap: balance; } blockquote:before { --tw-content: "❝"; content: var(--tw-content); } blockquote { margin-bottom: .6em; } blockquote footer:before { content: var(--tw-content); font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); } @media (min-width: 48rem) { blockquote footer:before { font-size: var(--text-head-4); line-height: var(--tw-leading, var(--text-head-4--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-4--letter-spacing)); } } @media (min-width: 80rem) { blockquote footer:before { font-size: var(--text-head-5); line-height: var(--tw-leading, var(--text-head-5--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-5--letter-spacing)); } } blockquote footer:before { --tw-content: "❞"; content: var(--tw-content); } blockquote footer { font-size: var(--text-head-2); line-height: var(--tw-leading, var(--text-head-2--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-2--letter-spacing)); } @media (min-width: 48rem) { blockquote footer { font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); } } @media (min-width: 80rem) { blockquote footer { font-size: var(--text-head-4); line-height: var(--tw-leading, var(--text-head-4--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-4--letter-spacing)); } } blockquote footer { text-wrap: balance; } .rich-text.rich-text--intro blockquote { font-size: var(--text-head-4); line-height: var(--tw-leading, var(--text-head-4--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-4--letter-spacing)); } @media (min-width: 48rem) { .rich-text.rich-text--intro blockquote { font-size: var(--text-head-5); line-height: var(--tw-leading, var(--text-head-5--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-5--letter-spacing)); } } @media (min-width: 80rem) { .rich-text.rich-text--intro blockquote { font-size: var(--text-head-6); line-height: var(--tw-leading, var(--text-head-6--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-6--letter-spacing)); } } .rich-text.rich-text--intro blockquote footer:before { content: var(--tw-content); font-size: var(--text-head-4); line-height: var(--tw-leading, var(--text-head-4--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-4--letter-spacing)); } @media (min-width: 48rem) { .rich-text.rich-text--intro blockquote footer:before { font-size: var(--text-head-5); line-height: var(--tw-leading, var(--text-head-5--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-5--letter-spacing)); } } @media (min-width: 80rem) { .rich-text.rich-text--intro blockquote footer:before { font-size: var(--text-head-6); line-height: var(--tw-leading, var(--text-head-6--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-6--letter-spacing)); } } a { 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-duration: var(--duration-head-transition); --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); --base: var(--color-head-primary); --onbase: var(--color-head-onprimary); --muted: var(--color-head-primary-muted); --onmuted: var(--color-head-onprimary-muted); --subtle: var(--color-head-primary-subtle); --onsubtle: var(--color-head-onprimary-subtle); --focus: var(--color-head-primary-focus); --onfocus: var(--color-head-onprimary-focus); color: var(--base); text-decoration-line: underline; } a:focus { color: var(--focus); } @media (hover: hover) { a:hover { color: var(--focus); } } a:active { color: var(--focus); } a { cursor: pointer; } a :after, a:after { font-feature-settings: "case" on; } a[href^="http"]:not([href*="hes-r134.dmz.hesge.ch"]):not([href*="hesge.ch"]):not(:has(*)):after { content: " ↗"; } a[download]:not(:has(*)):after, a[href$=".pdf"]:not(:has(*)):after { content: " ↓"; } a:is(.button--ghost, .link-text--button):not([href^="#"]):not([download]):not([href$=".pdf"]):is(:not([href^="http"]), [href*="hes-r134.dmz.hesge.ch"], [href*="hesge.ch"]):after { content: " →"; } .link-text { 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-duration: var(--duration-head-transition); --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); --base: var(--color-head-primary); --onbase: var(--color-head-onprimary); --muted: var(--color-head-primary-muted); --onmuted: var(--color-head-onprimary-muted); --subtle: var(--color-head-primary-subtle); --onsubtle: var(--color-head-onprimary-subtle); --focus: var(--color-head-primary-focus); --onfocus: var(--color-head-onprimary-focus); color: var(--base); } .link-text:focus { color: var(--focus); } @media (hover: hover) { .link-text:hover { color: var(--focus); } } .link-text:active { color: var(--focus); } .link-text { text-decoration-line: none; position: relative; } .link-text:before { content: ""; opacity: 0; width: calc(100% + var(--gap-x)); height: calc(100% + var(--gap-y)); background-color: pink; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .link-text.link-text--normal { padding-inline: calc(var(--spacing) * 0); } .link-text.link-text--spatious { padding-inline: var(--spacing-head-2); --gap-x: var(--gap-x, var(--spacing-head-2)); } .link-text.link-text--inline { padding-block: calc(var(--spacing) * 0); text-decoration-line: underline; } .link-text.link-text--inline:before { display: none; } .link-text.link-text--button { font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); } @media (min-width: 48rem) { .link-text.link-text--button { font-size: var(--text-head-4); line-height: var(--tw-leading, var(--text-head-4--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-4--letter-spacing)); } } @media (min-width: 80rem) { .link-text.link-text--button { font-size: var(--text-head-5); line-height: var(--tw-leading, var(--text-head-5--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-5--letter-spacing)); } } .drawer .drawer__open-trigger { display: contents; } .drawer .drawer__overlay { top: calc(var(--spacing) * 0); left: calc(var(--spacing) * 0); z-index: 40; background-color: var(--color-black); opacity: 0; pointer-events: none; width: 100%; height: 100%; position: fixed; } .drawer .drawer__overlay:is(:where(.group)[data-open] *) { opacity: .5; pointer-events: auto; } .drawer .drawer__overlay { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); transition-duration: var(--duration-head-short); } .drawer .drawer__container { padding: var(--px); gap: var(--px); background-color: var(--color-white); right: calc(var(--spacing) * 0); bottom: calc(var(--spacing) * 0); width: 100%; 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-duration: var(--duration-head-medium); z-index: 99999; --tw-translate-y: calc(100% + (100lvh - 100svh)); translate: var(--tw-translate-x) var(--tw-translate-y); flex-direction: column; max-height: 80vh; display: flex; position: fixed; } .drawer .drawer__container:is(:where(.group)[data-open] *) { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } @media (min-width: 80rem) { .drawer .drawer__container { --tw-translate-y: calc(var(--spacing) * 0); min-height: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); width: 620px; } .drawer .drawer__container:is(:where(.group)[data-open] *) { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } } .drawer .drawer__container .drawer__container__content { padding-right: calc(var(--spacing) * 2); } .drawer .drawer__container .drawer__container__content::-webkit-scrollbar-track { background-color: var(--scrollbar-track); border-radius: var(--scrollbar-track-radius); } .drawer .drawer__container .drawer__container__content::-webkit-scrollbar-thumb { background-color: var(--scrollbar-thumb); border-radius: var(--scrollbar-thumb-radius); } .drawer .drawer__container .drawer__container__content::-webkit-scrollbar-corner { background-color: var(--scrollbar-corner); border-radius: var(--scrollbar-corner-radius); } @supports ((-moz-appearance: none)) { .drawer .drawer__container .drawer__container__content { scrollbar-width: auto; scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial); } } .drawer .drawer__container .drawer__container__content::-webkit-scrollbar { width: var(--scrollbar-width, 16px); height: var(--scrollbar-height, 16px); display: block; } .drawer .drawer__container .drawer__container__content { --scrollbar-height: .375rem; --scrollbar-thumb: var(--color-head-purple-default); --scrollbar-thumb-radius: 9999px; --scrollbar-width: .375rem; min-height: calc(var(--spacing) * 0); flex: 1; overflow-y: scroll; } .drawer .drawer__container .drawer__container__footer .drawer__container__footer__wrapper { justify-content: flex-end; } @media (min-width: 80rem) { .drawer .drawer__container .drawer__container__footer .drawer__container__footer__wrapper { justify-content: flex-start; } } .wrapper { flex-wrap: wrap; display: flex !important; } .wrapper:has(.button), .wrapper:has(.tag) { column-gap: calc(var(--spacing) * 1); row-gap: calc(var(--spacing) * 1); } .wrapper:has(.callout-circle) { gap: var(--gap-x); gap: var(--gap-y); } .wrapper:has(.link-text) { column-gap: calc(var(--spacing) * 4); row-gap: var(--spacing-head-2); } @media (min-width: 48rem) { .wrapper:has(.link-text) { column-gap: var(--spacing-head-5); } } @media (min-width: 80rem) { .wrapper:has(.link-text) { column-gap: var(--spacing-head-6); row-gap: var(--spacing-head-4); } } .wrapper:has(.item) { flex-flow: column; } .flex { column-gap: var(--gap-x); row-gap: var(--gap-y); } .grid { column-gap: var(--gap-x); row-gap: var(--gap-y); align-items: baseline; } @supports (font: -apple-system-body) and (appearance: none) { .grid { align-items: flex-start; } } .grid.grid--content-landscape.grid--content-large { grid-template-columns: repeat(1, minmax(0, 1fr)); } @container (min-width: 37rem) { .grid.grid--content-landscape.grid--content-large { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .grid.grid--content-landscape.grid--content-medium { grid-template-columns: repeat(1, minmax(0, 1fr)); } @container (min-width: 37rem) { .grid.grid--content-landscape.grid--content-medium { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @container (min-width: 75rem) { .grid.grid--content-landscape.grid--content-medium { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .grid.grid--content-landscape.grid--content-small { grid-template-columns: repeat(1, minmax(0, 1fr)); } @container (min-width: 37rem) { .grid.grid--content-landscape.grid--content-small { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @container (min-width: 75rem) { .grid.grid--content-landscape.grid--content-small { grid-template-columns: repeat(6, minmax(0, 1fr)); } } :is(.grid.grid--content-portrait, .grid.grid--content-mixed).grid--content-large { grid-template-columns: repeat(1, minmax(0, 1fr)); } @container (min-width: 37rem) { :is(.grid.grid--content-portrait, .grid.grid--content-mixed).grid--content-large { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @container (min-width: 75rem) { :is(.grid.grid--content-portrait, .grid.grid--content-mixed).grid--content-large { grid-template-columns: repeat(3, minmax(0, 1fr)); } } :is(.grid.grid--content-portrait, .grid.grid--content-mixed).grid--content-medium { grid-template-columns: repeat(1, minmax(0, 1fr)); } @container (min-width: 37rem) { :is(.grid.grid--content-portrait, .grid.grid--content-mixed).grid--content-medium { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @container (min-width: 75rem) { :is(.grid.grid--content-portrait, .grid.grid--content-mixed).grid--content-medium { grid-template-columns: repeat(4, minmax(0, 1fr)); } } :is(.grid.grid--content-portrait, .grid.grid--content-mixed).grid--content-small { grid-template-columns: repeat(1, minmax(0, 1fr)); } @container (min-width: 37rem) { :is(.grid.grid--content-portrait, .grid.grid--content-mixed).grid--content-small { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @container (min-width: 75rem) { :is(.grid.grid--content-portrait, .grid.grid--content-mixed).grid--content-small { grid-template-columns: repeat(6, minmax(0, 1fr)); } } .grid.grid--rhythm-varied { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } @container (min-width: 37rem) { .grid.grid--rhythm-varied { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @container (min-width: 75rem) { .grid.grid--rhythm-varied { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } .grid.grid--rhythm-varied { --media-max-height-rem: 90vh; --media-max-width: 100%; } @container (min-width: 37rem) { .grid.grid--rhythm-varied { --media-max-height-rem: 28.125rem; --media-max-width: 37.5rem; } } @container (min-width: 75rem) { .grid.grid--rhythm-varied { --media-max-height-rem: 38.75rem; --media-max-width: 37.5rem; max-width: 75%; margin-inline: auto; } } .grid.grid--rhythm-varied { gap: var(--spacing-head-6); } @container (min-width: 37rem) { .grid.grid--rhythm-varied { gap: var(--spacing-head-10); } } .grid.grid--rhythm-varied { padding-bottom: var(--spacing-head-6); } @container (min-width: 37rem) { .grid.grid--rhythm-varied { padding-block: var(--spacing-head-10); } } .grid.grid--rhythm-varied { place-items: baseline center; } .grid.grid--rhythm-varied > *, .grid.grid--rhythm-varied > .contents > *, .grid.grid--rhythm-varied > .contents > .contents > *, .grid.grid--rhythm-varied > .contents > .contents > .contents > *, .grid.grid--rhythm-varied > .contents > .contents > .contents > .contents > *, .grid.grid--rhythm-varied > .contents > .contents > .contents > .contents > .contents > *, .grid.grid--rhythm-varied > .contents > .contents > .contents > .contents > .contents > .contents > *, .grid.grid--rhythm-varied > .contents > .contents > .contents > .contents > .contents > .contents > .contents > *, .grid.grid--rhythm-varied > .contents > .contents > .contents > .contents > .contents > .contents > .contents > .contents > * { --media-max-width-from-aspect: calc(var(--media-aspect-ratio) * var(--media-max-height-rem)); width: 100%; max-width: min(var(--media-max-width, 100vw), var(--media-max-width-from-aspect, 32rem)); } .grid.grid--type-item { gap: calc(var(--spacing) * 0); grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid.grid--type-row { --bw: var(--divider-thin); row-gap: calc(var(--spacing) * 0); grid-template-columns: 1fr auto; align-items: stretch; } .grid.grid--type-row > *, .grid.grid--type-row > .contents > *, .grid.grid--type-row > .contents > .contents > *, .grid.grid--type-row > .contents > .contents > .contents > *, .grid.grid--type-row > .contents > .contents > .contents > .contents > *, .grid.grid--type-row > .contents > .contents > .contents > .contents > .contents > *, .grid.grid--type-row > .contents > .contents > .contents > .contents > .contents > .contents > *, .grid.grid--type-row > .contents > .contents > .contents > .contents > .contents > .contents > .contents > *, .grid.grid--type-row > .contents > .contents > .contents > .contents > .contents > .contents > .contents > .contents > * { grid-column: 1 / -1; grid-template-columns: subgrid; padding-block: var(--spacing-head-3); border-top: var(--bw) solid; border-bottom: var(--bw) solid; margin-bottom: calc(var(--bw) * -1); align-items: flex-start; text-decoration-line: none; display: grid; } :is(.grid.grid--type-row > *, .grid.grid--type-row > .contents > *, .grid.grid--type-row > .contents > .contents > *, .grid.grid--type-row > .contents > .contents > .contents > *, .grid.grid--type-row > .contents > .contents > .contents > .contents > *, .grid.grid--type-row > .contents > .contents > .contents > .contents > .contents > *, .grid.grid--type-row > .contents > .contents > .contents > .contents > .contents > .contents > *, .grid.grid--type-row > .contents > .contents > .contents > .contents > .contents > .contents > .contents > *, .grid.grid--type-row > .contents > .contents > .contents > .contents > .contents > .contents > .contents > .contents > *):is(a, button) { cursor: pointer; } :is(.grid.grid--type-row > *, .grid.grid--type-row > .contents > *, .grid.grid--type-row > .contents > .contents > *, .grid.grid--type-row > .contents > .contents > .contents > *, .grid.grid--type-row > .contents > .contents > .contents > .contents > *, .grid.grid--type-row > .contents > .contents > .contents > .contents > .contents > *, .grid.grid--type-row > .contents > .contents > .contents > .contents > .contents > .contents > *, .grid.grid--type-row > .contents > .contents > .contents > .contents > .contents > .contents > .contents > *, .grid.grid--type-row > .contents > .contents > .contents > .contents > .contents > .contents > .contents > .contents > *) > :last-child { text-align: right; } :is(.grid.grid--type-row > *, .grid.grid--type-row > .contents > *, .grid.grid--type-row > .contents > .contents > *, .grid.grid--type-row > .contents > .contents > .contents > *, .grid.grid--type-row > .contents > .contents > .contents > .contents > *, .grid.grid--type-row > .contents > .contents > .contents > .contents > .contents > *, .grid.grid--type-row > .contents > .contents > .contents > .contents > .contents > .contents > *, .grid.grid--type-row > .contents > .contents > .contents > .contents > .contents > .contents > .contents > *, .grid.grid--type-row > .contents > .contents > .contents > .contents > .contents > .contents > .contents > .contents > *)[download] > :last-child:after, :is(.grid.grid--type-row > *, .grid.grid--type-row > .contents > *, .grid.grid--type-row > .contents > .contents > *, .grid.grid--type-row > .contents > .contents > .contents > *, .grid.grid--type-row > .contents > .contents > .contents > .contents > *, .grid.grid--type-row > .contents > .contents > .contents > .contents > .contents > *, .grid.grid--type-row > .contents > .contents > .contents > .contents > .contents > .contents > *, .grid.grid--type-row > .contents > .contents > .contents > .contents > .contents > .contents > .contents > *, .grid.grid--type-row > .contents > .contents > .contents > .contents > .contents > .contents > .contents > .contents > *)[href$=".pdf"] > :last-child:after { content: " ↓"; } :is(.grid.grid--type-row > *, .grid.grid--type-row > .contents > *, .grid.grid--type-row > .contents > .contents > *, .grid.grid--type-row > .contents > .contents > .contents > *, .grid.grid--type-row > .contents > .contents > .contents > .contents > *, .grid.grid--type-row > .contents > .contents > .contents > .contents > .contents > *, .grid.grid--type-row > .contents > .contents > .contents > .contents > .contents > .contents > *, .grid.grid--type-row > .contents > .contents > .contents > .contents > .contents > .contents > .contents > *, .grid.grid--type-row > .contents > .contents > .contents > .contents > .contents > .contents > .contents > .contents > *)[href^="http"] > :last-child:after { content: " ↗"; } :is(.grid.grid--type-row > *, .grid.grid--type-row > .contents > *, .grid.grid--type-row > .contents > .contents > *, .grid.grid--type-row > .contents > .contents > .contents > *, .grid.grid--type-row > .contents > .contents > .contents > .contents > *, .grid.grid--type-row > .contents > .contents > .contents > .contents > .contents > *, .grid.grid--type-row > .contents > .contents > .contents > .contents > .contents > .contents > *, .grid.grid--type-row > .contents > .contents > .contents > .contents > .contents > .contents > .contents > *, .grid.grid--type-row > .contents > .contents > .contents > .contents > .contents > .contents > .contents > .contents > *):hover { z-index: 10; } .grid.grid--type-row > :is(head-html-element, head-grid) { display: contents; } .grid.grid--type-row.grid--type-row-plain > * { border-style: var(--tw-border-style); padding-block: var(--spacing-head-1); border-width: 0; } .teaser-tags { --teaser-tags-sep-width: 1ch; -webkit-mask-image: linear-gradient(to right, black calc(100% - var(--teaser-tags-sep-width)), transparent calc(100% - var(--teaser-tags-sep-width))); -webkit-mask-image: linear-gradient(to right, black calc(100% - var(--teaser-tags-sep-width)), transparent calc(100% - var(--teaser-tags-sep-width))); -webkit-mask-image: linear-gradient(to right, black calc(100% - var(--teaser-tags-sep-width)), transparent calc(100% - var(--teaser-tags-sep-width))); mask-image: linear-gradient(to right, black calc(100% - var(--teaser-tags-sep-width)), transparent calc(100% - var(--teaser-tags-sep-width))); margin-inline-end: calc(-1 * var(--teaser-tags-sep-width)); } .teaser__tag__segment:after { content: " | "; } .teaser__tag__segment--last-visible:after { content: none; } .teaser-tags--js-resolved { margin-inline-end: 0; -webkit-mask-image: none; mask-image: none; } .teaser-context.teaser-context--hide-content-type .teaser__tag__segment--content-type, .teaser-context.teaser-context--hide-study-program .teaser__tag__segment--study-program, .teaser-context.teaser-context--hide-study-program-long .teaser__tag__segment--study-program-long, .teaser-context.teaser-context--hide-language .teaser__tag__segment--language, .teaser-context.teaser-context--hide-language-long .teaser__tag__segment--language-long, .teaser-context.teaser-context--hide-level .teaser__tag__segment--level, .teaser-context.teaser-context--hide-availability .teaser__tag__segment--availability, .teaser-context.teaser-context--hide-course-format .teaser__tag__segment--course-format, .teaser-context.teaser-context--hide-timing .teaser__tag__segment--timing, .teaser-context.teaser-context--hide-course-type .teaser__tag__segment--course-type, .teaser-context.teaser-context--hide-course-status .teaser__tag__segment--course-status, .teaser-context.teaser-context--hide-event-type .teaser__tag__segment--event-type, .teaser-context.teaser-context--hide-article-type .teaser__tag__segment--article-type, .teaser-context.teaser-context--hide-product-type .teaser__tag__segment--product-type, .teaser-context.teaser-context--hide-project-type .teaser__tag__segment--project-type, .teaser-context.teaser-context--hide-type .teaser__tag__segment--type, .teaser-context.teaser-context--hide-category .teaser__tag__segment--category, .teaser-context.teaser-context--hide-person-role .teaser__tag__segment--person-role, .teaser-context.teaser-context--hide-duration .teaser__tag__segment--duration, .teaser-context.teaser-context--hide-transdisciplinary .teaser__tag__segment--transdisciplinary, .teaser-context.teaser-context--hide-award .teaser__tag__segment--award, .teaser-context .teaser__tag__segment--study-program-long, .teaser-context .teaser__tag__segment--language-long { display: none; } .teaser-context.teaser-context--hide-study-program:not(.teaser-context--hide-study-program-long) .teaser__tag__segment--study-program-long, .teaser-context.teaser-context--hide-language:not(.teaser-context--hide-language-long) .teaser__tag__segment--language-long { display: revert; } .teaser-context.teaser-context--hide-subtitle .card__bottom__subtitle, .teaser-context.teaser-context--hide-detail .card__bottom__detail, .teaser-context.teaser-context--hide-tag .card__bottom__tag, .teaser-context.teaser-context--hide-pill .card__bottom__pill, .teaser-context.teaser-context--hide-pill .item__content__header__pill { display: none; } .teaser-tags:has(.teaser__tag__segment--study-program ~ .teaser__tag__segment--study-program ~ .teaser__tag__segment--study-program) .teaser__tag__segment--study-program { display: revert; } .teaser-tags:has(.teaser__tag__segment--study-program ~ .teaser__tag__segment--study-program ~ .teaser__tag__segment--study-program) .teaser__tag__segment--study-program-long, .teaser-tags:has(.teaser__tag__segment--study-program ~ .teaser__tag__segment--study-program ~ .teaser__tag__segment--study-program ~ .teaser__tag__segment--study-program ~ .teaser__tag__segment--study-program ~ .teaser__tag__segment--study-program ~ .teaser__tag__segment--study-program ~ .teaser__tag__segment--study-program ~ .teaser__tag__segment--study-program ~ .teaser__tag__segment--study-program) .teaser__tag__segment--study-program, .teaser-tags:has(.teaser__tag__segment--study-program ~ .teaser__tag__segment--study-program ~ .teaser__tag__segment--study-program ~ .teaser__tag__segment--study-program ~ .teaser__tag__segment--study-program ~ .teaser__tag__segment--study-program ~ .teaser__tag__segment--study-program ~ .teaser__tag__segment--study-program ~ .teaser__tag__segment--study-program ~ .teaser__tag__segment--study-program) .teaser__tag__segment--study-program-long { display: none; } .section { --section-pb: var(--spacing-head-6); --section-pb-tablet: var(--spacing-head-8); --section-pb-desktop: var(--spacing-head-10); --section-pt: var(--spacing-head-4); --section-pt-tablet: var(--spacing-head-5); --section-pt-desktop: var(--spacing-head-6); --section-gap-y-mobile: var(--spacing-head-3); --section-gap-y-tablet: var(--spacing-head-4); --section-gap-y-desktop: var(--spacing-head-4); --section-gap-y: var(--section-gap-y-mobile); } @media (min-width: 48rem) { .section { --section-gap-y: var(--section-gap-y-tablet); --section-pb: var(--section-pb-tablet); --section-pt: var(--section-pt-tablet); } } @media (min-width: 80rem) { .section { --section-gap-y: var(--section-gap-y-desktop); --section-pb: var(--section-pb-desktop); --section-pt: var(--section-pt-desktop); } } .section { padding-top: var(--section-pt); padding-bottom: var(--section-pb); --gap-y: var(--section-gap-y); } .section.grid { row-gap: var(--section-gap-y); } :is(.section.grid > .head-block:not(:first-child):not(:last-child), .section.grid > .head-webcomponent:not(:first-child):not(:last-child) > .head-block).wrapper:has(.button), :is(.section.grid > .head-block:not(:first-child):not(:last-child), .section.grid > .head-webcomponent:not(:first-child):not(:last-child) > .head-block).head-block--wide, :is(.section.grid > .head-block:not(:first-child):not(:last-child), .section.grid > .head-webcomponent:not(:first-child):not(:last-child) > .head-block).head-block--full, :is(.section.grid > .head-block:not(:first-child):not(:last-child), .section.grid > .head-webcomponent:not(:first-child):not(:last-child) > .head-block).head-block--centered { margin-block: var(--section-gap-y); } :is(.section.grid > .head-block:last-child, .section.grid > .head-webcomponent:last-child > .head-block).wrapper:has(.button), :is(.section.grid > .head-block:last-child, .section.grid > .head-webcomponent:last-child > .head-block).head-block--wide, :is(.section.grid > .head-block:last-child, .section.grid > .head-webcomponent:last-child > .head-block).head-block--full, :is(.section.grid > .head-block:last-child, .section.grid > .head-webcomponent:last-child > .head-block).head-block--centered { margin-top: var(--section-gap-y); } :is(.section.grid > .section__title-container + .head-block, .section.grid > .section__title-container + .head-webcomponent > .head-block).wrapper:has(.button), :is(.section.grid > .section__title-container + .head-block, .section.grid > .section__title-container + .head-webcomponent > .head-block).head-block--wide, :is(.section.grid > .section__title-container + .head-block, .section.grid > .section__title-container + .head-webcomponent > .head-block).head-block--full, :is(.section.grid > .section__title-container + .head-block, .section.grid > .section__title-container + .head-webcomponent > .head-block).head-block--centered { margin-top: calc(var(--spacing) * 0) !important; } .section { --section-bg: var(--color-head-onneutral); --section-title-text: var(--color-head-primary); --section-body-text: var(--color-head-neutral); --section-border-top-width: var(--divider-bold); --section-border-top-color: var(--color-head-primary); --section-card-bg: var(--color-head-primary-subtle); --section-card-title-text: var(--color-head-primary); --section-card-body-text: var(--color-head-neutral); align-items: baseline; width: 100%; position: relative; } .section.section--hero { padding-top: calc(var(--spacing) * 0); } .section.section--clear { --section-bg: var(--color-head-onneutral); --section-title-text: var(--color-head-primary); --section-body-text: var(--color-head-neutral); --section-border-top-width: var(--divider-bold); --section-border-top-color: var(--color-head-primary); --section-card-bg: var(--color-head-primary-subtle); --section-card-title-text: var(--color-head-primary); --section-card-body-text: var(--color-head-neutral); } .section.section--tint { --section-bg: var(--color-head-primary-subtle); --title-text: var(--color-head-primary); --border-top-width: var(--divider-bold); } .section.section--solid { --section-bg: var(--color-head-primary-300); --section-title-text: var(--color-head-gray-900); --section-body-text: var(--color-head-gray-900); --section-border-top-width: 0; --section-border-top-color: var(--color-head-primary); --color-head-neutral: var(--color-head-gray-100); --color-head-neutral-focus: var(--color-head-gray-300); --color-head-neutral-subtle: #ffffff26; --color-head-neutral-muted: #fff9; --color-head-primary: var(--color-head-gray-100); --color-head-primary-focus: var(--color-head-gray-300); --color-head-primary-subtle: #ffffff26; --color-head-primary-muted: #fff9; --color-head-secondary: var(--color-head-gray-100); --color-head-secondary-focus: var(--color-head-gray-300); --color-head-onprimary: var(--color-head-gray-900); --color-head-onprimary-focus: var(--color-head-gray-700); --color-head-onprimary-subtle: var(--color-head-gray-900); --color-head-onprimary-muted: var(--color-head-gray-700); --base: var(--color-head-primary); --focus: var(--color-head-primary-focus); } .section.section--solid + .section:before { border-top-style: var(--tw-border-style); border-top-width: 0; } .section:has(.info-card) { --section-bg: var(--color-head-primary-200); } .section:has(.info-card) + .section, .section:has(footer) { border-top-style: var(--tw-border-style); border-top-width: 0; } .section { background-color: var(--section-bg); color: var(--section-body-text); } .section.section--border:before { border-top-width: var(--section-border-top-width); border-top-color: var(--section-border-top-color); content: ""; } .section .section__title-container { color: var(--section-title-text); } .section .section__title-container .section__title-container__title { font-size: var(--text-head-5-em); line-height: var(--tw-leading, var(--text-head-5-em--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-5-em--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-head-5-em--font-weight)); } @media (min-width: 48rem) { .section .section__title-container .section__title-container__title { font-size: var(--text-head-7-em); line-height: var(--tw-leading, var(--text-head-7-em--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-7-em--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-head-7-em--font-weight)); } } @media (min-width: 80rem) { .section .section__title-container .section__title-container__title { font-size: var(--text-head-7-em); line-height: var(--tw-leading, var(--text-head-7-em--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-7-em--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-head-7-em--font-weight)); } } .section .section__title-container .section__title-container__title { --tw-leading: 1; line-height: 1; } .section.section--solid .page-header__title, .section.section--solid .page-header__subtitle, .section.section--solid .page-header__wrapper { color: var(--section-title-text) !important; } :is(.section:has( > .section__title-container + figure), .section:has( > .section__title-container + .card), .section:has( > .section__title-container + .item), .section:has( > .section__title-container + head-definition-list), .section:has( > .section__title-container + head-grid), .section:has( > .section__title-container + .contents .item), .section:has( > .section__title-container + .contents .card), .section:has( > .section__title-container + .contents figure)) .section__title-container { align-self: flex-start !important; } .section > *, .section > .contents > *, .section > .contents > .contents > *, .section > .contents > .contents > .contents > *, .section > .contents > .contents > .contents > .contents > *, .section > .contents > .contents > .contents > .contents > .contents > *, .section > .contents > .contents > .contents > .contents > .contents > .contents > *, .section > .contents > .contents > .contents > .contents > .contents > .contents > .contents > *, .section > .contents > .contents > .contents > .contents > .contents > .contents > .contents > .contents > * { max-width: var(--content-width); width: 100%; margin-left: auto; margin-right: auto; } :is(.section > *, .section > .contents > *, .section > .contents > .contents > *, .section > .contents > .contents > .contents > *, .section > .contents > .contents > .contents > .contents > *, .section > .contents > .contents > .contents > .contents > .contents > *, .section > .contents > .contents > .contents > .contents > .contents > .contents > *, .section > .contents > .contents > .contents > .contents > .contents > .contents > .contents > *, .section > .contents > .contents > .contents > .contents > .contents > .contents > .contents > .contents > *) .slider__scroll-container { max-width: none !important; } .section h1 { font-size: var(--text-head-6); line-height: var(--tw-leading, var(--text-head-6--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-6--letter-spacing)); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .section h2 { font-size: var(--text-head-5); line-height: var(--tw-leading, var(--text-head-5--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-5--letter-spacing)); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .section { grid-template-columns: repeat(1, minmax(0, 1fr)); } @media (min-width: 80rem) { .section { --grid-col-width: calc((var(--content-width) - 2 * var(--gap-x)) / 3); --grid-body-width: calc(2 * var(--grid-col-width) + var(--gap-x)); grid-template-columns: calc(var(--content-mx) + var(--px) + var(--grid-col-width)) calc(var(--content-mx) + var(--px) + var(--grid-body-width)); } .section > *, .section > .contents > *, .section > .contents > .contents > *, .section > .contents > .contents > .contents > *, .section > .contents > .contents > .contents > .contents > *, .section > .contents > .contents > .contents > .contents > .contents > *, .section > .contents > .contents > .contents > .contents > .contents > .contents > *, .section > .contents > .contents > .contents > .contents > .contents > .contents > .contents > *, .section > .contents > .contents > .contents > .contents > .contents > .contents > .contents > .contents > * { width: 100%; max-width: var(--grid-body-width); margin-inline: calc(var(--spacing) * 0); grid-column-start: 2; justify-self: flex-start; } :is(.section > *, .section > .contents > *, .section > .contents > .contents > *, .section > .contents > .contents > .contents > *, .section > .contents > .contents > .contents > .contents > *, .section > .contents > .contents > .contents > .contents > .contents > *, .section > .contents > .contents > .contents > .contents > .contents > .contents > *, .section > .contents > .contents > .contents > .contents > .contents > .contents > .contents > *, .section > .contents > .contents > .contents > .contents > .contents > .contents > .contents > .contents > *).section__title-container { max-width: var(--grid-col-width); width: 100%; margin-left: auto; margin-inline: calc(var(--spacing) * 0); grid-column-start: 1; place-self: baseline flex-end; } :is(.section > *, .section > .contents > *, .section > .contents > .contents > *, .section > .contents > .contents > .contents > *, .section > .contents > .contents > .contents > .contents > *, .section > .contents > .contents > .contents > .contents > .contents > *, .section > .contents > .contents > .contents > .contents > .contents > .contents > *, .section > .contents > .contents > .contents > .contents > .contents > .contents > .contents > *, .section > .contents > .contents > .contents > .contents > .contents > .contents > .contents > .contents > *).head-block--wide, :is(.section > *, .section > .contents > *, .section > .contents > .contents > *, .section > .contents > .contents > .contents > *, .section > .contents > .contents > .contents > .contents > *, .section > .contents > .contents > .contents > .contents > .contents > *, .section > .contents > .contents > .contents > .contents > .contents > .contents > *, .section > .contents > .contents > .contents > .contents > .contents > .contents > .contents > *, .section > .contents > .contents > .contents > .contents > .contents > .contents > .contents > .contents > *) .head-block--wide { padding-inline: calc(var(--spacing) * 0); width: 100%; max-width: calc(var(--content-width)); margin-inline: auto; } .section > .item:first-child, .section > .section__title-container + .item, .section > .contents:first-child > .item:first-child, .section > .section__title-container + .contents > .item:first-child, .section > .contents:first-child > .contents:first-child > .item:first-child, .section > .section__title-container + .contents > .contents:first-child > .item:first-child, .section > .contents:first-child > .contents > .contents:first-child > .item:first-child, .section > .section__title-container + .contents > .contents > .contents:first-child > .item:first-child, .section > .contents:first-child > .contents > .contents:first-child > .contents:first-child > .item:first-child, .section > .section__title-container + .contents > .contents > .contents:first-child > .contents:first-child > .item:first-child { padding-top: calc(var(--spacing) * 0); } .section > .contents > .head-block--wide, .section > .contents > .contents > .head-block--wide, .section > .contents > .contents > .contents > .head-block--wide, .section > .contents > .contents > .contents > .contents > .head-block--wide, .section > .contents > .contents > .contents > .contents > .contents > .head-block--wide, .section > .contents > .contents > .contents > .contents > .contents > .contents > .head-block--wide, .section > .contents > .contents > .contents > .contents > .contents > .contents > .contents > .head-block--wide, .section > .contents > .contents > .contents > .contents > .contents > .contents > .contents > .contents > .head-block--wide { width: 100%; padding-inline: calc(var(--spacing) * 0); max-width: calc(var(--content-width)); grid-column: 1 / -1; margin-inline: auto; } .section > .contents > .head-block--full, .section > .contents > .contents > .head-block--full, .section > .contents > .contents > .contents > .head-block--full, .section > .contents > .contents > .contents > .contents > .head-block--full, .section > .contents > .contents > .contents > .contents > .contents > .head-block--full, .section > .contents > .contents > .contents > .contents > .contents > .contents > .head-block--full, .section > .contents > .contents > .contents > .contents > .contents > .contents > .contents > .head-block--full, .section > .contents > .contents > .contents > .contents > .contents > .contents > .contents > .contents > .head-block--full { grid-column: 1 / -1; max-width: none; } .section > .contents > .head-block--centered, .section > .contents > .contents > .head-block--centered, .section > .contents > .contents > .contents > .head-block--centered, .section > .contents > .contents > .contents > .contents > .head-block--centered, .section > .contents > .contents > .contents > .contents > .contents > .head-block--centered, .section > .contents > .contents > .contents > .contents > .contents > .contents > .head-block--centered, .section > .contents > .contents > .contents > .contents > .contents > .contents > .contents > .head-block--centered, .section > .contents > .contents > .contents > .contents > .contents > .contents > .contents > .contents > .head-block--centered { max-width: var(--centered-content-width); grid-column: 1 / -1; margin-inline: auto; } } .section.section--border { --section-pt: calc(var(--spacing-head-4) + var(--section-border-top-width)); } @media (min-width: 48rem) { .section.section--border { --section-pt: calc(var(--section-pt-tablet) + var(--section-border-top-width)); } } @media (min-width: 80rem) { .section.section--border { --section-pt: calc(var(--section-pt-desktop) + var(--section-border-top-width)); } } .section.section--border { padding-top: var(--section-pt); } .section.section--border:before { top: calc(var(--spacing) * 0); width: 100%; padding-inline: calc(var(--spacing) * 0); grid-column: 1 / -1; margin-inline: auto; position: absolute; } .section.section--border.section--border--wide:before { max-width: calc(var(--content-width)); --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); left: 50%; } .head-block.head-block--wide { max-width: var(--content-width); grid-column: 1 / -1; } .head-block.head-block--full { grid-column: 1 / -1; max-width: none; } .head-block.head-block--centered { max-width: var(--centered-content-width); grid-column: 1 / -1; margin-inline: auto; margin-block: calc(var(--spacing) * 0) !important; } .head-block.head-block--compact, .head-block.head-block--clearance-none { margin-block: calc(var(--spacing) * 0) !important; } .head-block.head-block--clearance-none-top { margin-top: calc(var(--spacing) * 0) !important; } .head-block.head-block--clearance-none-bottom { margin-bottom: calc(var(--spacing) * 0) !important; } .breadcrumb { font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); } @media (min-width: 48rem) { .breadcrumb { font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); } } @media (min-width: 80rem) { .breadcrumb { font-size: var(--text-head-4); line-height: var(--tw-leading, var(--text-head-4--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-4--letter-spacing)); } } .hamburger-button { cursor: pointer; position: relative; } .hamburger-button:before { content: ""; opacity: 0; width: calc(100% + var(--gap-x) * 2); height: calc(100% + var(--gap-y) * 2); background-color: pink; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .hamburger-button { --width: 20px; --height: 20px; --sw: 1px; } .hamburger-button .burger__root { transform: translate(calc(var(--width) / 2), calc(var(--height) / 2)); } .hamburger-button .topBun { --dir: 1; } .hamburger-button .bottomBun { --dir: -1; } .hamburger-button .bun { --py: 2px; transform: translateY(calc(calc(1 - var(--bun-progress)) * (.5 * (var(--sw) - var(--height) + var(--py)) * var(--dir)))); } .hamburger-button .seg { transform: rotate(calc(var(--seg-progress) * 45deg * var(--dir))) scale(calc(1 + .1 * var(--seg-progress)), calc(1 + 0 * var(--seg-progress))); } .hamburger-button .segTL { --dir: 1; } .hamburger-button .segTR { --dir: -1; } .hamburger-button .segBL { --dir: 1; } .hamburger-button .patty { opacity: calc(round(down, 1 - var(--seg-progress), 1)); } .callout-circle { aspect-ratio: 1; min-width: 40cqw; } @media (min-width: 80rem) { .callout-circle { min-width: calc(min(15cqw, 200px)); } } .callout-circle .callout-circle__content { --tw-translate-y: 1%; width: 100%; height: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); outline-style: var(--tw-outline-style); outline-offset: -1cqw; text-align: center; text-transform: uppercase; --tw-leading: 1; text-box-edge: cap alphabetic; text-box-trim: trim-start; border-radius: 3.40282e38px; outline-width: 1cqw; flex-direction: column; justify-content: center; align-items: center; font-size: 12cqw; line-height: 1; display: flex; overflow: hidden; } .callout-circle * { text-box-edge: cap alphabetic; text-box-trim: trim-both; } .cookies { right: calc(var(--spacing) * 0); bottom: calc(var(--spacing) * 0); left: calc(var(--spacing) * 0); z-index: 50; gap: var(--spacing-head-4); padding: var(--spacing-head-4); background-color: var(--color-head-onneutral); --tw-shadow: 0 -5px 15px 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); --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); opacity: 1; transition-property: translate, opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); transition-delay: .5s; transition-duration: var(--duration-head-medium); --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); flex-direction: column; display: flex; position: fixed; } @media (prefers-reduced-motion: reduce) { .cookies { transition-property: none; } } .cookies[data-hidden] { --tw-translate-y: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); opacity: 0; pointer-events: none; transition-delay: 0s; } @media (min-width: 48rem) { .cookies { gap: var(--spacing-head-5); padding: var(--spacing-head-5); } } @media (min-width: 80rem) { .cookies { gap: var(--spacing-head-6); padding: var(--spacing-head-6); flex-direction: row; justify-content: space-between; align-items: baseline; } } .icon-magnifier { --tw-leading: 1; transform-origin: center; --tw-translate-x: calc(10% * -1); --tw-translate-y: calc(10% * -1); translate: var(--tw-translate-x) var(--tw-translate-y); font-feature-settings: "ss18"; font-size: 1.4em; font-weight: 300; line-height: 1; display: inline-block; rotate: 45deg; } .icon-magnifier:after { content: "I"; } .icon-cross:after { content: "✕"; } .icon-cart:after { content: "🛒"; } .loader { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); transition-duration: var(--duration-head-short); } .loader .loader__text { --tw-leading: 1; --tw-translate-y: 10%; translate: var(--tw-translate-x) var(--tw-translate-y); text-box-edge: cap alphabetic; text-box-trim: trim-both; aspect-ratio: 1; transform-origin: center; line-height: 1; display: block; } .blend-clone-portal > a:after { content: ""; } .blend-clone-portal > a { display: block !important; } .nav-spacer { pointer-events: none; z-index: 0; background-color: var(--color-white); display: none; } .nav-spacer.nav-spacer--none { height: calc(var(--spacing) * 0); display: none; } .nav-spacer.nav-spacer--full { height: var(--mobile-nav-height); display: block; } @media (min-width: 72rem) { .nav-spacer.nav-spacer--full { height: var(--desktop-nav-height); display: block; } } .nav-anchors__sentinel { height: calc(var(--spacing) * 0); width: calc(var(--spacing) * 0); pointer-events: none; } .nav-anchors__seam-fill { top: calc(var(--spacing) * 0); pointer-events: none; background-color: var(--color-white); width: 100%; height: var(--mobile-nav-height); margin-bottom: calc(-1 * var(--mobile-nav-height)); z-index: 9; opacity: 0; transition: opacity; position: sticky; } .nav-anchors__seam-fill[data-revealed] { opacity: 1; transition: opacity 0s .15s; } @media (min-width: 72rem) { .nav-anchors__seam-fill { display: none; } } .nav-anchors { left: calc(var(--spacing) * 0); z-index: 20; width: 100%; padding-block: var(--spacing-head-2); padding-top: calc(var(--spacing-head-2) + 2px); background-color: var(--color-white); --tw-shadow: 0 0 4px 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); margin-top: -2px; position: fixed; } @media (min-width: 72rem) { .nav-anchors, .nav-anchors .button { font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); } } .nav-anchors { --nav-compact-height: var(--mobile-nav-height); } @media (min-width: 72rem) { .nav-anchors { --nav-compact-height: 60px; } } .nav-anchors { top: var(--nav-compact-height); will-change: top, opacity; pointer-events: none; opacity: 0; transition: opacity .15s ease-out, top .15s ease-out; } @media (min-width: 72rem) { .nav-anchors { transition: none; } } .nav-anchors[data-revealed] { pointer-events: auto; opacity: 1; } .nav-anchors .nav-anchors__link { -webkit-tap-highlight-color: transparent; } .nav-anchors .nav-anchors__link:focus { outline: none; } .nav-anchors .nav-anchors__link[data-active], .nav-anchors .nav-anchors__link[data-active]:hover, .nav-anchors .nav-anchors__link[data-active]:active, .nav-anchors .nav-anchors__link:active { --btn-bg: var(--base); --btn-bg-hover: var(--base); --btn-bg-pressed: var(--base); --btn-text: var(--onbase); --btn-text-hover: var(--onbase); --btn-text-pressed: var(--onbase); --btn-border: var(--base); --btn-border-hover: var(--base); --btn-border-pressed: var(--base); } header { z-index: 30; top: calc(var(--spacing) * 0); left: calc(var(--spacing) * 0); width: 100%; max-height: 100lvh; position: fixed; overflow-y: clip; } @media (min-width: 72rem) { header { overflow-y: visible; } } header[data-mobile-menu-open] { overflow-y: auto; } header { will-change: transform, opacity; opacity: 1; transition: opacity .15s ease-out; transform: translate3d(0, 0, 0); } header[data-nav-warm] { transition: opacity .15s ease-out, transform .15s ease-out; } @media (min-width: 72rem) { header { transition: none; } } header[data-nav-mode="hidden"] { opacity: 0; pointer-events: none; } @media (min-width: 72rem) { header[data-nav-mode="hidden"] { opacity: 1; } } header[data-nav-mode="hidden"][data-nav-warm] { transform: translate3d(0, -100%, 0); } @media (min-width: 72rem) { header { overflow: hidden; } header[data-nav-panel-open] { overflow: visible; } } header button { 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-duration: var(--duration-head-transition); --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); --base: var(--color-head-primary); --onbase: var(--color-head-onprimary); --muted: var(--color-head-primary-muted); --onmuted: var(--color-head-onprimary-muted); --subtle: var(--color-head-primary-subtle); --onsubtle: var(--color-head-onprimary-subtle); --focus: var(--color-head-primary-focus); --onfocus: var(--color-head-onprimary-focus); color: var(--base); } @media (hover: hover) { header button:hover { color: var(--focus); } } header button:active { color: var(--focus); } header button:focus { color: var(--base); } header .header__background { background-color: #0000; width: 100%; } header .nav__mobile-header { --px: calc((100% - var(--content-width)) / 2); padding-block: var(--spacing-head-3); padding-inline: var(--px); background-color: #0000; flex-direction: row; order: -100; justify-content: space-between; align-items: center; display: flex; overflow: hidden; } @media (min-width: 72rem) { header .nav__mobile-header { order: 0; display: none; } } header .nav__mobile-header .nav__burger { display: block; } @media (min-width: 72rem) { header .nav__mobile-header .nav__burger { display: none; } } header .nav__mobile-header .nav__logo--wrapper { height: 30px; position: relative; } header .nav__mobile-header .nav__logo--wrapper.open { aspect-ratio: 114 / 60; } header .nav__mobile-header .nav__logo--wrapper.open svg { background-color: var(--color-blue-500); height: 80px; position: absolute; top: -50%; left: -100%; } header .nav__mobile-header .nav__logo--wrapper svg { width: auto; height: 100%; } @media (min-width: 72rem) { header .logo { height: 60px; } } header .nav-container { width: 100%; max-width: var(--content-width); visibility: hidden; height: calc(var(--spacing) * 0); opacity: 0; margin-inline: auto; overflow: hidden; } @media (min-width: 72rem) { header .nav-container { visibility: visible; opacity: 1; height: auto; overflow: visible; } } header .nav { --menu-box-shadow: var(--shadow-head-menu); --menu-backdrop-filter: blur(4px); font-size: var(--text-head-4); line-height: var(--tw-leading, var(--text-head-4--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-4--letter-spacing)); } @media (min-width: 48rem) { header .nav { font-size: var(--text-head-5); line-height: var(--tw-leading, var(--text-head-5--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-5--letter-spacing)); } } @media (min-width: 80rem) { header .nav { font-size: var(--text-head-6); line-height: var(--tw-leading, var(--text-head-6--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-6--letter-spacing)); } } @media (min-width: 72rem) { header .nav { font-size: var(--text-head-2); line-height: var(--tw-leading, var(--text-head-2--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-2--letter-spacing)); } } header .nav { color: var(--color-head-primary); column-gap: calc(var(--spacing) * 4); row-gap: calc(var(--spacing) * 0); grid-template-columns: repeat(1, minmax(0, 1fr)); align-items: center; } header .nav a { text-decoration-line: none; } @media (min-width: 72rem) { header .nav { column-gap: var(--spacing-head-1); padding-block: var(--spacing-head-4); grid-template-columns: repeat(5, auto) 1fr; } } header .nav .nav__primary { --start: calc(50 * -1); --stagger: calc(2); display: contents; } header .nav .nav__primary > :first-child { order: calc(var(--start) + var(--stagger) * 0); } header .nav .nav__primary > :nth-child(2) { order: calc(var(--start) + var(--stagger) * 1); } header .nav .nav__primary > :nth-child(3) { order: calc(var(--start) + var(--stagger) * 2); } header .nav .nav__primary > :nth-child(4) { order: calc(var(--start) + var(--stagger) * 3); } header .nav .nav__primary > :nth-child(5) { order: calc(var(--start) + var(--stagger) * 4); } header .nav .nav__primary > :nth-child(6) { order: calc(var(--start) + var(--stagger) * 5); } header .nav .nav__primary > :nth-child(7) { order: calc(var(--start) + var(--stagger) * 6); } header .nav .nav__primary > :nth-child(8) { order: calc(var(--start) + var(--stagger) * 7); } header .nav .nav__primary > :nth-child(9) { order: calc(var(--start) + var(--stagger) * 8); } header .nav .nav__primary > :nth-child(10) { order: calc(var(--start) + var(--stagger) * 9); } header .nav .nav__primary > :nth-child(11) { order: calc(var(--start) + var(--stagger) * 10); } header .nav .nav__primary > :nth-child(12) { order: calc(var(--start) + var(--stagger) * 11); } header .nav .nav__primary > :nth-child(13) { order: calc(var(--start) + var(--stagger) * 12); } header .nav .nav__primary > :nth-child(14) { order: calc(var(--start) + var(--stagger) * 13); } header .nav .nav__primary > :nth-child(15) { order: calc(var(--start) + var(--stagger) * 14); } header .nav .nav__primary > :nth-child(16) { order: calc(var(--start) + var(--stagger) * 15); } header .nav .nav__primary > :nth-child(17) { order: calc(var(--start) + var(--stagger) * 16); } header .nav .nav__primary > :nth-child(18) { order: calc(var(--start) + var(--stagger) * 17); } header .nav .nav__primary > :nth-child(19) { order: calc(var(--start) + var(--stagger) * 18); } header .nav .nav__primary > :nth-child(20) { order: calc(var(--start) + var(--stagger) * 19); } @media (min-width: 72rem) { header .nav .nav__primary { column-gap: inherit; gap: calc(var(--spacing) * 0); width: fit-content; box-shadow: var(--menu-box-shadow); -webkit-backdrop-filter: var(--menu-backdrop-filter); backdrop-filter: var(--menu-backdrop-filter); flex-direction: row; grid-row-start: 1; grid-column-start: 1; display: flex; } } header .nav .nav__logo { display: none; } @media (min-width: 72rem) { header .nav .nav__logo { height: calc(var(--nav-current-height, var(--desktop-nav-height)) - var(--spacing-head-4) * 2); aspect-ratio: 114 / 60; grid-row-start: 1; grid-column-start: 6; margin-left: auto; display: block; background-color: #0000 !important; } header .nav .nav__logo svg { width: auto; height: 100%; } } header .nav .nav__featured-link { position: relative; } @media (min-width: 48rem) { header .nav .nav__featured-link { flex-direction: row; display: flex; } } header .nav .nav__featured-link { column-gap: inherit; } header .nav .nav__featured-link:after { content: "→"; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } @media (min-width: 72rem) { header .nav .nav__featured-link { flex-direction: row; grid-row-start: 1; grid-column-start: 2; display: flex; } header .nav .nav__featured-link:after { content: ""; } } header .nav .nav__search { position: relative; overflow-y: visible; } @media (min-width: 72rem) { header .nav .nav__search { background-color: var(--color-white); } } header .nav .nav__search .nav__search__input-row { align-items: stretch; gap: calc(var(--spacing) * 0); border-style: var(--tw-border-style); width: 100%; padding-inline: calc(var(--spacing) * 0); font-size: var(--text-head-4); line-height: var(--tw-leading, var(--text-head-4--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-4--letter-spacing)); border-width: 0; grid-template-columns: 1fr auto auto; display: grid; } header .nav .nav__search .nav__search__input-row:focus-within { border-color: var(--color-head-neutral); } header .nav .nav__search .nav__search__input-row .nav__search__input-row__input { font-size: var(--text-head-4); line-height: var(--tw-leading, var(--text-head-4--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-4--letter-spacing)); background: none; border: none; outline: none; flex: 1; min-width: 0; } @media (min-width: 48rem) { header .nav .nav__search .nav__search__input-row .nav__search__input-row__input { font-size: var(--text-head-5); line-height: var(--tw-leading, var(--text-head-5--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-5--letter-spacing)); } } @media (min-width: 72rem) { header .nav .nav__search .nav__search__input-row .nav__search__input-row__input { font-size: var(--text-head-2); line-height: var(--tw-leading, var(--text-head-2--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-2--letter-spacing)); } header .nav .nav__search .nav__search__input-row { font-size: var(--text-head-2); line-height: var(--tw-leading, var(--text-head-2--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-2--letter-spacing)); padding-block: var(--spacing-head-2); padding-right: var(--spacing-head-1); padding-left: var(--spacing-head-3); border-style: var(--tw-border-style); text-box-edge: cap alphabetic; text-box-trim: trim-both; border-width: 1px; } header .nav .nav__search .nav__search__input-row .nav__search__input-row__input { text-box-edge: cap alphabetic; text-box-trim: trim-both; } } header .nav .nav__search .nav__search__results { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); transition-duration: var(--duration-head-medium); width: 100%; max-width: 100%; min-height: calc(var(--spacing) * 0); grid-template-columns: 1fr auto; align-content: flex-start; display: grid; } @media not all and (min-width: 72rem) { header .nav .nav__search .nav__search__results[data-open] { min-height: 50dvh; } } @media (min-width: 72rem) { header .nav .nav__search .nav__search__results { display: none; } header .nav .nav__search .nav__search__results[data-open-nav-desktop] { display: grid; } header .nav .nav__search .nav__search__results { background-color: var(--color-white); top: 100%; left: calc(var(--spacing) * 0); z-index: 20; width: 100%; min-height: calc(var(--spacing) * 0); border-style: var(--tw-border-style); border-width: 1px; border-top-style: var(--tw-border-style); padding-right: var(--spacing-head-2); padding-left: var(--spacing-head-3); font-size: var(--text-head-2); line-height: var(--tw-leading, var(--text-head-2--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-2--letter-spacing)); border-top-width: 0; position: absolute; } } header .nav .nav__search .nav__search__results .nav__search__results__slot { min-width: 100%; padding-block: var(--spacing-head-1); grid-column: span 2 / span 2; grid-template-columns: repeat(2, minmax(0, 1fr)); } @media not all and (min-width: 72rem) { header .nav .nav__search .nav__search__results .nav__search__results__more-results { margin-inline: auto; margin-block: calc(var(--spacing) * 4); max-width: min-content; display: block; } } @media (min-width: 72rem) { header .nav .nav__search .nav__search__results .nav__search__results__more-results { width: auto; max-width: 100%; font-size: var(--text-head-2); line-height: var(--tw-leading, var(--text-head-2--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-2--letter-spacing)); text-wrap: wrap; color: inherit; background-color: #0000; } } header .nav .nav__search .nav__search__results .nav__search__results__item { text-wrap: wrap; grid-column: span 2 / span 2; grid-template-columns: subgrid; column-gap: var(--gap-x); align-items: baseline; width: 100%; max-width: 100%; display: grid; } header .nav .nav__search .nav__search__results .nav__search__results__item .nav__search__results__item__type { color: var(--color-head-muted); text-transform: capitalize; text-align: right; } @media not all and (min-width: 48rem) { header .nav .nav__search .nav__search__results .nav__search__results__item .nav__search__results__item__type { --tw-translate-y: calc(var(--spacing) * -.5); translate: var(--tw-translate-x) var(--tw-translate-y); font-size: var(--text-head-1); line-height: var(--tw-leading, var(--text-head-1--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-1--letter-spacing)); } } header .nav .nav__search-button { display: none; } @media (min-width: 72rem) { header .nav .nav__search-button { grid-row-start: 1; grid-column-start: 3; display: block; } } header .nav .nav__shop-cart-link { position: relative; } header .nav .nav__shop-cart-link:after { content: "🛒"; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } @media (min-width: 72rem) { header .nav .nav__shop-cart-link a { font-size: 0; } header .nav .nav__shop-cart-link a:after { font-size: 16px; content: "🛒" !important; } header .nav .nav__shop-cart-link:after { content: ""; } } header .nav .nav__search-bar { order: -90; grid-column-start: 1; grid-row: 1 / 3 !important; } @media (min-width: 72rem) { header .nav .nav__search-bar { grid-column: 1 / 4; grid-row-start: 1; padding-inline: calc(var(--spacing) * 0) !important; padding-block: calc(var(--spacing) * 0) !important; grid-row-end: 2 !important; } } header .nav .nav__item { padding-block: var(--spacing-head-2); border-color: var(--color-head-primary); border-top-width: var(--divider-thin); } @media (min-width: 72rem) { header .nav .nav__item { background-color: var(--color-white); padding-inline: var(--spacing-head-2); padding-block: var(--spacing-head-2); --tw-leading: 1; line-height: 1; font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); border-top-width: 0; } } header .nav .nav__item.nav__item--link-container a { display: block; } @media (min-width: 72rem) { header .nav .nav__item.nav__item--link-container { box-shadow: var(--menu-box-shadow); -webkit-backdrop-filter: var(--menu-backdrop-filter); backdrop-filter: var(--menu-backdrop-filter); } } header .nav .nav__panel-toggle { flex-direction: row; justify-content: space-between; display: flex; } @media (min-width: 72rem) { header .nav .nav__panel-toggle { font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); } header .nav .nav__panel-toggle[data-expanded] { color: var(--color-head-accent); } } header .nav .nav__shortcuts { padding-top: var(--spacing-head-2); } @media (min-width: 72rem) { header .nav .nav__shortcuts { padding-top: calc(var(--spacing) * 0); padding-bottom: var(--spacing-head-6); } } header .nav .nav__shortcuts .nav__shortcuts-container { gap: calc(var(--spacing) * 0); border-color: var(--color-head-neutral); padding-block: var(--spacing-head-3); border-top-width: var(--divider-thin); } header .nav .nav__shortcuts .nav__shortcuts-container a { text-decoration-line: none; } header .nav .nav__shortcuts .nav__shortcuts-container a:after { content: "" !important; } header .nav .nav__shortcuts .nav__shortcuts-container a { font-size: var(--text-head-2); line-height: var(--tw-leading, var(--text-head-2--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-2--letter-spacing)); } @media (min-width: 48rem) { header .nav .nav__shortcuts .nav__shortcuts-container a { font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); } } @media (min-width: 80rem) { header .nav .nav__shortcuts .nav__shortcuts-container a { font-size: var(--text-head-4); line-height: var(--tw-leading, var(--text-head-4--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-4--letter-spacing)); } } header .nav .nav__shortcuts .nav__shortcuts-container a { --tw-leading: 1; padding-block: var(--spacing-head-2); line-height: 1; } header .nav .nav__shortcuts .nav__shortcuts-container a[href^="http"]:after { content: " ↗" !important; } @media (min-width: 72rem) { header .nav .nav__shortcuts .nav__shortcuts-container { --tw-border-style: none; padding-block: calc(var(--spacing) * 0); border-style: none; } header .nav .nav__shortcuts .nav__shortcuts-container a { padding-inline: var(--spacing-head-2); padding-block: var(--spacing-head-2); } header .nav .nav__shortcuts .nav__shortcuts-container a:first-of-type { padding-left: calc(var(--spacing) * 0); } header .nav .nav__shortcuts .nav__shortcuts-container a:last-of-type { padding-right: calc(var(--spacing) * 0); } } header .nav .nav__shortcuts .nav__shortcuts-container.nav__shortcuts-container--left { border-color: var(--color-head-secondary); } @media (min-width: 72rem) { header .nav .nav__shortcuts .nav__shortcuts-container.nav__shortcuts-container--left a { font-size: var(--text-head-1); line-height: var(--tw-leading, var(--text-head-1--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-1--letter-spacing)); } } header .nav .nav__shortcuts .nav__shortcuts-container.nav__shortcuts-container--right { border-color: var(--color-head-tertiary); } @media (min-width: 72rem) { header .nav .nav__shortcuts .nav__shortcuts-container.nav__shortcuts-container--right a { font-size: var(--text-head-1); line-height: var(--tw-leading, var(--text-head-1--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-1--letter-spacing)); } header .nav .nav__shortcuts .nav__shortcuts-container.nav__shortcuts-container--right a:first-of-type { margin-left: auto; } } header .nav .nav__panels { --start: calc(49 * -1); --stagger: calc(2); display: contents; } header .nav .nav__panels > :first-child { order: calc(var(--start) + var(--stagger) * 0); } header .nav .nav__panels > :nth-child(2) { order: calc(var(--start) + var(--stagger) * 1); } header .nav .nav__panels > :nth-child(3) { order: calc(var(--start) + var(--stagger) * 2); } header .nav .nav__panels > :nth-child(4) { order: calc(var(--start) + var(--stagger) * 3); } header .nav .nav__panels > :nth-child(5) { order: calc(var(--start) + var(--stagger) * 4); } header .nav .nav__panels > :nth-child(6) { order: calc(var(--start) + var(--stagger) * 5); } header .nav .nav__panels > :nth-child(7) { order: calc(var(--start) + var(--stagger) * 6); } header .nav .nav__panels > :nth-child(8) { order: calc(var(--start) + var(--stagger) * 7); } header .nav .nav__panels > :nth-child(9) { order: calc(var(--start) + var(--stagger) * 8); } header .nav .nav__panels > :nth-child(10) { order: calc(var(--start) + var(--stagger) * 9); } header .nav .nav__panels > :nth-child(11) { order: calc(var(--start) + var(--stagger) * 10); } header .nav .nav__panels > :nth-child(12) { order: calc(var(--start) + var(--stagger) * 11); } header .nav .nav__panels > :nth-child(13) { order: calc(var(--start) + var(--stagger) * 12); } header .nav .nav__panels > :nth-child(14) { order: calc(var(--start) + var(--stagger) * 13); } header .nav .nav__panels > :nth-child(15) { order: calc(var(--start) + var(--stagger) * 14); } header .nav .nav__panels > :nth-child(16) { order: calc(var(--start) + var(--stagger) * 15); } header .nav .nav__panels > :nth-child(17) { order: calc(var(--start) + var(--stagger) * 16); } header .nav .nav__panels > :nth-child(18) { order: calc(var(--start) + var(--stagger) * 17); } header .nav .nav__panels > :nth-child(19) { order: calc(var(--start) + var(--stagger) * 18); } header .nav .nav__panels > :nth-child(20) { order: calc(var(--start) + var(--stagger) * 19); } @media (min-width: 72rem) { header .nav .nav__panels .nav__panel { row-gap: var(--spacing-head-3); padding-inline: var(--spacing-head-2); } } header .nav .nav__panels .nav__panel { flex-direction: column; display: flex; } header .nav .nav__panels .nav__panel .nav__panel__shortcuts { display: none; } @media (min-width: 72rem) { header .nav .nav__panels .nav__panel .nav__panel__shortcuts { padding-block: calc(var(--spacing) * 0); display: block; } } header .nav .nav__panels .nav__panel .nav__panel__content { padding-top: calc(var(--spacing) * 0); } @media (min-width: 72rem) { header .nav .nav__panels .nav__panel .nav__panel__content { padding-top: var(--spacing-head-4); } } header .nav .nav__panels .nav__panel .nav__panel__content .nav__panel__group { break-inside: avoid; overflow-wrap: break-word; white-space: normal; } header .nav .nav__panels .nav__panel .nav__panel__content { columns: 1; } @media (min-width: 72rem) { header .nav .nav__panels .nav__panel .nav__panel__content { columns: 4; column-fill: balance; } @-moz-document url-prefix() { header .nav .nav__panels .nav__panel .nav__panel__content { column-fill: auto; max-height: 500px; } } } header .nav .nav__panels .nav__panel .nav__panel__content .nav__panel__group, header .nav .nav__panels .nav__panel .nav__panel__content .nav__panel__group > * { padding-block: var(--spacing-head-2); } @media (min-width: 72rem) { header .nav .nav__panels .nav__panel .nav__panel__content .nav__panel__group { padding-block: var(--spacing-head-4); } } header .nav .nav__panels .nav__panel a { font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); --tw-leading: 1; line-height: 1; text-decoration-line: none; display: block; } header .nav .nav__panels .nav__panel a[href="#"] { color: red !important; } header .nav .nav__panels .nav__panel h2, header .nav .nav__panels .nav__panel h3, header .nav .nav__panels .nav__panel h4, header .nav .nav__panels .nav__panel h5, header .nav .nav__panels .nav__panel h6 { font-size: var(--text-head-2-em); line-height: var(--tw-leading, var(--text-head-2-em--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-2-em--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-head-2-em--font-weight)); } header .nav .nav__panels .nav__panel > * { padding-block: var(--spacing-head-2); } header .nav .nav__panels .nav__panel { min-height: calc(var(--spacing) * 0); width: 100cqw; overflow: hidden; } @media (min-width: 72rem) { header .nav .nav__panels .nav__panel { grid-column: 1 / -1; grid-row-start: 2; } } .listing { grid-template-columns: repeat(1, minmax(0, 1fr)); grid-auto-rows: min-content; justify-content: flex-start; align-items: flex-start; min-height: 100dvh; display: grid; } .listing .listing__status { border-top-style: var(--tw-border-style); border-top-width: 4px; border-color: var(--color-head-primary); align-items: center; gap: var(--spacing-head-2); height: 100%; min-height: 100%; padding-block: var(--spacing-head-4); flex-direction: row; order: 9999; display: flex; } .listing .listing__empty { padding-block: var(--spacing-head-4); text-align: center; } .listing .listing__error { align-items: center; gap: var(--spacing-head-2); padding-block: var(--spacing-head-4); text-align: center; flex-direction: column; display: flex; } .listing .listing__no-more { padding-block: var(--spacing-head-4); text-align: center; } .listing .listing__sentinel { height: 1px; } .listing .listing__content { position: relative; } .listing[data-populated] > .listing__status { margin-top: var(--gap-y); } .loading-overlay { --loading-overlay-bg: var(--section-bg, white); --loading-overlay-fade-in: var(--duration-head-short); --loading-overlay-fade-out: var(--duration-head-short); --loading-overlay-bleed: var(--shadow-head-extent); inset: calc(var(--spacing) * 0); z-index: 10; pointer-events: none; opacity: 0; background-color: var(--loading-overlay-bg); transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); transition-duration: var(--loading-overlay-fade-in); position: absolute; } .loading-overlay.loading-overlay--bleed-shadow { inset: calc(var(--loading-overlay-bleed) * -1); padding: var(--loading-overlay-bleed); } .loading-overlay.loading-overlay--active { opacity: 1; pointer-events: auto; } .loading-overlay.loading-overlay--exiting { opacity: 0; transition-duration: var(--loading-overlay-fade-out); pointer-events: auto; } .loading-overlay .loading-overlay__content { justify-content: center; align-items: center; gap: var(--spacing-head-2); --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); left: 50%; top: var(--loading-overlay-visible-center, 50%); display: flex; position: absolute; } .listing-search-bar { container-type: inline-size; } .listing-search-bar .listing-search-bar__input-wrapper { position: relative; } .listing-search-bar input { width: 100%; font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); } .listing-search-bar .icon-magnifier { pointer-events: none; --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); font-size: 1.1em; position: absolute; top: 50%; right: .6em; } .listing-filter-group { display: contents; } .range-slider { --base: var(--color-head-primary); --muted: var(--color-head-primary-muted); --subtle: var(--color-head-primary-subtle); --focus: var(--color-head-primary-focus); --neutral: var(--color-head-neutral); --range-slider-track-h: var(--divider-thin); --range-slider-track-bg: var(--subtle); --range-slider-fill: var(--base); --range-slider-thumb-size: .75rem; --range-slider-thumb-bg: white; --range-slider-thumb-border: var(--base); --range-slider-thumb-ring: var(--subtle); --range-slider-thumb-ring-focus: var(--focus); --range-slider-thumb-ring-w: var(--divider-thin); --range-slider-gap: .75rem; --range-slider-label-color: var(--color-head-neutral); gap: var(--range-slider-gap); flex-direction: column; width: 100%; display: flex; } .range-slider .range-slider__slider { touch-action: none; -webkit-user-select: none; user-select: none; align-items: center; width: 100%; display: flex; position: relative; } .range-slider .range-slider__track { width: 100%; height: var(--range-slider-track-h); background-color: var(--range-slider-track-bg); border-radius: 3.40282e38px; flex-grow: 1; position: relative; overflow: hidden; } .range-slider .range-slider__range { inset-block: calc(var(--spacing) * 0); -webkit-user-select: none; user-select: none; background-color: var(--range-slider-fill); position: absolute; } .range-slider .range-slider__thumb-wrapper { position: absolute; transform: translateX(-50%); } .range-slider .range-slider__thumb { cursor: grab; border-style: var(--tw-border-style); transition-property: box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); width: var(--range-slider-thumb-size); height: var(--range-slider-thumb-size); background-color: var(--range-slider-thumb-bg); border-width: 1px; border-color: var(--range-slider-thumb-border); border-radius: 3.40282e38px; display: block; position: relative; } .range-slider .range-slider__thumb:after { content: ""; inset: calc(var(--spacing) * -2); position: absolute; } .range-slider .range-slider__thumb:hover { box-shadow: 0 0 0 var(--range-slider-thumb-ring-w) var(--range-slider-thumb-ring); } .range-slider .range-slider__thumb:focus-visible { box-shadow: 0 0 0 var(--range-slider-thumb-ring-w) var(--range-slider-thumb-ring-focus); outline: none; } .range-slider .range-slider__thumb:active { cursor: grabbing; box-shadow: 0 0 0 var(--range-slider-thumb-ring-w) var(--range-slider-thumb-ring); } .range-slider .range-slider__labels { width: 100%; position: relative; } .range-slider .range-slider__label { font-size: var(--text-head-2); line-height: var(--tw-leading, var(--text-head-2--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-2--letter-spacing)); --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ); color: var(--range-slider-label-color); position: absolute; transform: translateX(-50%); } .listing-select { --arrow-inset: 1.2rem; --pr: 1rem; width: fit-content; max-width: fit-content; display: none; position: relative; flex-grow: 0 !important; } @media (min-width: 48rem) { .listing-select { display: block; } } .listing-select .listing-select__select { appearance: none; cursor: pointer; padding-right: calc(var(--arrow-inset) + var(--pr)); } .listing-select .listing-select__select:focus { --tw-outline-style: none; outline-style: none; } .listing-select .listing-select__arrow { color: var(--color-head-primary); } @media (hover: hover) { .listing-select .listing-select__arrow:is(:where(.peer):hover ~ *) { color: var(--color-head-onprimary); } } .listing-select .listing-select__arrow:is(:where(.peer):focus ~ *) { color: var(--color-head-primary); } .listing-select .listing-select__arrow { pointer-events: none; right: var(--pr); font-size: .5em; line-height: 1; position: absolute; top: 50%; transform: translateY(-50%); } .listing-year-range { --base: var(--color-head-primary); --muted: var(--color-head-primary-muted); --subtle: var(--color-head-primary-subtle); --neutral: var(--color-head-neutral); --listing-year-range-border: var(--base); --listing-year-range-text: var(--base); --listing-year-range-gap: var(--spacing-head-3, .75rem); --listing-year-range-px: var(--spacing-head-4, 1rem); --listing-year-range-py: var(--spacing-head-2, .5rem); --listing-year-range-max-w: 16rem; border-style: var(--tw-border-style); align-items: center; gap: var(--listing-year-range-gap); padding-inline: var(--listing-year-range-px); padding-block: var(--listing-year-range-py); border-width: 1px; border-color: var(--listing-year-range-border); color: var(--listing-year-range-text); border-radius: 3.40282e38px; display: flex; flex-grow: 0 !important; } .listing-year-range .listing-year-range__year { font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); flex-shrink: 0; } @media (min-width: 48rem) { .listing-year-range .listing-year-range__year { font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); } } @media (min-width: 80rem) { .listing-year-range .listing-year-range__year { font-size: var(--text-head-4); line-height: var(--tw-leading, var(--text-head-4--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-4--letter-spacing)); } } .listing-year-range .listing-year-range__year { --tw-leading: 1; --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ); line-height: 1; } .listing-year-range .listing-year-range__slider { flex-grow: 1; min-width: 6rem; } .webform-submission-form, .commerce-checkout-flow { --color-head-primary: var(--color-head-neutral); --color-head-primary-focus: var(--color-head-neutral-focus); --color-head-primary-subtle: var(--color-head-neutral-subtle); --color-head-primary-muted: var(--color-head-neutral-muted); font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); } :is(.webform-submission-form, .commerce-checkout-flow) .js-form-managed-file { column-gap: var(--spacing-head-3); row-gap: var(--spacing-head-3); grid-template-columns: 1fr; display: grid; } :is(.webform-submission-form, .commerce-checkout-flow) .webform-element-description { margin-top: var(--spacing-head-2); } :is(.webform-submission-form, .commerce-checkout-flow) .form-item--error-message { color: var(--color-head-secondary); margin-top: var(--spacing-head-1); font-size: var(--text-head-3) !important; line-height: var(--tw-leading, var(--text-head-3--line-height)) !important; letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)) !important; --tw-font-weight: var(--font-weight-normal) !important; font-weight: var(--font-weight-normal) !important; } :is(.webform-submission-form, .commerce-checkout-flow) .js-webform-type-tel .iti__flag-container { display: none !important; } :is(.webform-submission-form, .commerce-checkout-flow) .js-webform-type-tel input { display: block; } :is(.webform-submission-form, .commerce-checkout-flow) .js-webform-type-tel .iti { display: block !important; } :is(.webform-submission-form, .commerce-checkout-flow) .select2-selection { border-color: var(--color-head-neutral) !important; border-radius: 0 !important; height: 37px !important; } :is(.webform-submission-form, .commerce-checkout-flow) .select2-selection.select2-selection--single .select2-selection__arrow { display: none !important; } :is(.webform-submission-form, .commerce-checkout-flow) .select2-selection.select2-selection--single .select2-selection__rendered { padding-inline: var(--spacing-head-3); padding-block: var(--spacing-head-2); font-size: var(--text-head-3) !important; line-height: var(--tw-leading, var(--text-head-3--line-height)) !important; letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)) !important; } :is(.webform-submission-form, .commerce-checkout-flow) .select2-selection.select2-selection--single { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%23555555'%3E%3Cg transform='rotate(90 6 6)'%3E%3Cpath d='M3 0.75L8.4 6.08333L3 11.4167'/%3E%3C/g%3E%3C/svg%3E"); background-position: right 12px center; background-repeat: no-repeat; background-size: 1rem; } :is(.webform-submission-form, .commerce-checkout-flow) .select2-selection .select2-selection__choice { --tw-leading: 1; border-color: var(--color-head-neutral-focus); border-style: var(--tw-border-style); border-width: 1px; line-height: 1; background-color: var(--color-head-neutral) !important; color: var(--color-head-onneutral) !important; font-size: var(--text-head-3) !important; line-height: var(--tw-leading, var(--text-head-3--line-height)) !important; letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)) !important; } :is(.webform-submission-form, .commerce-checkout-flow) .select2-selection .select2-selection__choice::placeholder { color: var(--color-head-muted); } :is(.webform-submission-form, .commerce-checkout-flow) .select2-selection .select2-selection__choice { padding-inline: var(--spacing-head-3); padding-block: var(--spacing-head-2); font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); text-box-edge: cap alphabetic; text-box-trim: trim-both; flex-direction: row; align-items: center; padding-block: var(--spacing-head-1) !important; padding-right: calc(var(--spacing) * 2.5) !important; padding-left: var(--spacing-head-1) !important; border-style: var(--tw-border-style) !important; column-gap: calc(var(--spacing) * .25) !important; border-width: 0 !important; border-radius: 0 !important; display: inline-flex !important; } :is(.webform-submission-form, .commerce-checkout-flow) .select2-selection .select2-selection__choice .select2-selection__choice__remove { text-box-edge: cap alphabetic; text-box-trim: trim-both; border-style: var(--tw-border-style) !important; font-size: var(--text-head-3) !important; line-height: var(--tw-leading, var(--text-head-3--line-height)) !important; letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)) !important; color: var(--color-head-onneutral) !important; border-width: 0 !important; font-weight: 300 !important; position: static !important; } :is(.webform-submission-form, .commerce-checkout-flow) .select2-selection .select2-selection__choice .select2-selection__choice__remove:hover { background-color: #0000 !important; } :is(.webform-submission-form, .commerce-checkout-flow) .select2-search--inline { display: none !important; } :is(.webform-submission-form, .commerce-checkout-flow) label, :is(.webform-submission-form, .commerce-checkout-flow) .webform-element-description { font-size: var(--text-head-2); line-height: var(--tw-leading, var(--text-head-2--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-2--letter-spacing)); text-box-edge: cap alphabetic; text-box-trim: trim-both; margin-bottom: var(--spacing-head-1); display: block; } :is(.webform-submission-form, .commerce-checkout-flow) input[type="radio"] + label, :is(.webform-submission-form, .commerce-checkout-flow) input[type="checkbox"] + label, :is(.webform-submission-form, .commerce-checkout-flow) .form-type-radio .description, :is(.webform-submission-form, .commerce-checkout-flow) .form-type-checkbox .description { font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); } :is(.webform-submission-form, .commerce-checkout-flow) .form-type-radio + .form-type-radio, :is(.webform-submission-form, .commerce-checkout-flow) .form-type-checkbox + .form-type-checkbox { margin-top: var(--section-gap-y); } :is(.webform-submission-form, .commerce-checkout-flow) input:not([type="submit"]), :is(.webform-submission-form, .commerce-checkout-flow) select, :is(.webform-submission-form, .commerce-checkout-flow) textarea { font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); width: 100%; display: block; } :is(:is(.webform-submission-form, .commerce-checkout-flow) .button, :is(.webform-submission-form, .commerce-checkout-flow) .link--previous):where([data-theme="purple"] *) { --color-head-primary: var(--color-head-purple-default); --color-head-primary-focus: var(--color-head-purple-focus); --color-head-primary-subtle: var(--color-head-purple-subtle); --color-head-primary-muted: var(--color-head-purple-muted); } :is(:is(.webform-submission-form, .commerce-checkout-flow) .button, :is(.webform-submission-form, .commerce-checkout-flow) .link--previous):where([data-theme="red"] *) { --color-head-primary: var(--color-head-red-default); --color-head-primary-focus: var(--color-head-red-focus); --color-head-primary-subtle: var(--color-head-red-subtle); --color-head-primary-muted: var(--color-head-red-muted); } :is(:is(.webform-submission-form, .commerce-checkout-flow) .button, :is(.webform-submission-form, .commerce-checkout-flow) .link--previous):where([data-theme="green"] *) { --color-head-primary: var(--color-head-green-default); --color-head-primary-focus: var(--color-head-green-focus); --color-head-primary-subtle: var(--color-head-green-subtle); --color-head-primary-muted: var(--color-head-green-muted); } :is(.webform-submission-form, .commerce-checkout-flow) .fieldset-wrapper { font-size: var(--text-head-2); line-height: var(--tw-leading, var(--text-head-2--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-2--letter-spacing)); } @media (min-width: 48rem) { :is(.webform-submission-form, .commerce-checkout-flow) .fieldset-wrapper { font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); } } @media (min-width: 80rem) { :is(.webform-submission-form, .commerce-checkout-flow) .fieldset-wrapper { font-size: var(--text-head-4); line-height: var(--tw-leading, var(--text-head-4--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-4--letter-spacing)); } } :is(.webform-submission-form, .commerce-checkout-flow) .link--previous { text-decoration-line: none; } :is(.webform-submission-form, .commerce-checkout-flow) textarea { --tw-leading: 1; border-color: var(--color-head-neutral-focus); border-style: var(--tw-border-style); border-width: 1px; line-height: 1; } :is(.webform-submission-form, .commerce-checkout-flow) textarea::placeholder { color: var(--color-head-muted); } :is(.webform-submission-form, .commerce-checkout-flow) textarea { padding-inline: var(--spacing-head-3); padding-block: var(--spacing-head-2); font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); resize: vertical; } :is(.webform-submission-form, .commerce-checkout-flow) label { align-items: center; display: inline-flex; } :is(.webform-submission-form, .commerce-checkout-flow) select { appearance: none; --tw-leading: 1; border-color: var(--color-head-neutral-focus); border-style: var(--tw-border-style); border-width: 1px; line-height: 1; display: block; } :is(.webform-submission-form, .commerce-checkout-flow) select::placeholder { color: var(--color-head-muted); } :is(.webform-submission-form, .commerce-checkout-flow) select { padding-inline: var(--spacing-head-3); padding-block: var(--spacing-head-2); font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); width: 100%; } @media (hover: hover) { :is(.webform-submission-form, .commerce-checkout-flow) select:hover { cursor: pointer; } } :is(.webform-submission-form, .commerce-checkout-flow) select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%23555555'%3E%3Cg transform='rotate(90 6 6)'%3E%3Cpath d='M3 0.75L8.4 6.08333L3 11.4167'/%3E%3C/g%3E%3C/svg%3E"); background-position: right 12px center; background-repeat: no-repeat; background-size: 1rem; } :is(.webform-submission-form, .commerce-checkout-flow) input[type="radio"] { clip: rect(1px, 1px, 1px, 1px); overflow: hidden; border: 0 !important; width: 1px !important; height: 1px !important; padding: 0 !important; position: absolute !important; } :is(.webform-submission-form, .commerce-checkout-flow) input[type="radio"] + label { cursor: pointer; } :is(.webform-submission-form, .commerce-checkout-flow) input[type="radio"] + label:before { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-black); background-color: var(--color-head-neutral-subtle); content: ""; border-radius: 50%; width: 1.25em; height: 1.25em; margin-right: .75em; display: block; } :is(.webform-submission-form, .commerce-checkout-flow) input[type="radio"]:checked + label:before { background-color: var(--color-black); } :is(.webform-submission-form, .commerce-checkout-flow) input[type="radio"]:focus-visible + label:before { outline-style: var(--tw-outline-style); outline-offset: 2px; outline-width: 2px; outline-color: var(--color-head-neutral-focus); } :is(.webform-submission-form, .commerce-checkout-flow) input[type="submit"] { margin-top: var(--spacing-head-2); } @media (hover: hover) { :is(.webform-submission-form, .commerce-checkout-flow) input[type="submit"]:hover { cursor: pointer; } } :is(.webform-submission-form, .commerce-checkout-flow) input[type="checkbox"] { clip: rect(1px, 1px, 1px, 1px); overflow: hidden; border: 0 !important; width: 1px !important; height: 1px !important; padding: 0 !important; position: absolute !important; } :is(.webform-submission-form, .commerce-checkout-flow) input[type="checkbox"] + label { cursor: pointer; align-items: flex-start; } :is(.webform-submission-form, .commerce-checkout-flow) input[type="checkbox"] + label:before { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-black); background-color: var(--color-head-neutral-subtle); content: ""; flex-shrink: 0; width: 1.25em; height: 1.25em; margin-right: .75em; display: block; } :is(.webform-submission-form, .commerce-checkout-flow) input[type="checkbox"]:checked + label:before { background-color: var(--color-black); } :is(.webform-submission-form, .commerce-checkout-flow) input[type="checkbox"]:focus-visible + label:before { outline-style: var(--tw-outline-style); outline-offset: 2px; outline-width: 2px; outline-color: var(--color-head-neutral-focus); } :is(.cart-form, .commerce-checkout-flow) input[type="number"], :is(.cart-form, .commerce-checkout-flow) input[type="text"] { --tw-leading: 1; border-color: var(--color-head-neutral-focus); border-style: var(--tw-border-style); border-width: 1px; line-height: 1; } :is(:is(.cart-form, .commerce-checkout-flow) input[type="number"], :is(.cart-form, .commerce-checkout-flow) input[type="text"])::placeholder { color: var(--color-head-muted); } :is(.cart-form, .commerce-checkout-flow) input[type="number"], :is(.cart-form, .commerce-checkout-flow) input[type="text"] { padding-inline: var(--spacing-head-3); padding-block: var(--spacing-head-2); font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); } :is(.cart-form, .commerce-checkout-flow) .form-actions { column-gap: calc(var(--spacing) * 1); row-gap: calc(var(--spacing) * 1); flex-wrap: wrap; display: flex; } :is(.cart-form, .commerce-checkout-flow) .order-total-line { column-gap: var(--spacing-head-4); display: flex; padding: calc(var(--spacing) * 0) !important; text-align: left !important; } :is(.cart-form, .commerce-checkout-flow) .order-total-line .order-total-line-label { padding: calc(var(--spacing) * 0) !important; } :is(.cart-form, .commerce-checkout-flow) .order-total-line__total { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .commerce-checkout-flow .address-container-inline > .form-item, .commerce-checkout-flow .address-container-inline > .form-wrapper { width: 100%; margin-right: calc(var(--spacing) * 0) !important; display: block !important; } .commerce-checkout-flow legend, .commerce-checkout-flow h3 { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); color: var(--color-head-primary); } .commerce-checkout-flow legend { margin-bottom: var(--spacing-head-3); } .commerce-checkout-flow .fieldset-wrapper legend { font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); } .commerce-checkout-flow .layout-region, .commerce-checkout-flow .fieldset-wrapper, .commerce-checkout-flow .js-form-wrapper:not(.form-actions) { row-gap: var(--spacing-head-3); flex-direction: column; display: flex; } .commerce-checkout-flow .layout-checkout-form:not(:has( > .layout-region)) > * + * { margin-top: var(--section-gap-y); } .commerce-checkout-flow .layout-region-checkout-footer { clear: both; margin-top: var(--section-gap-y); } .commerce-checkout-flow .field--name-address .js-form-wrapper { row-gap: var(--spacing-head-2); } .commerce-checkout-flow .field--name-address .address-container-inline.js-form-wrapper { row-gap: var(--spacing-head-1); } .commerce-checkout-flow .checkout-order-summary { row-gap: var(--section-gap-y); --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ); flex-direction: column; display: flex; } .commerce-checkout-flow .checkout-order-summary table { width: 100%; } .commerce-checkout-flow .checkout-order-summary table td { white-space: nowrap; width: 1px; } .commerce-checkout-flow .checkout-order-summary table td:nth-child(2) { white-space: normal; width: 100%; } .commerce-checkout-flow .checkout-order-summary table td:last-child { text-align: right; } .commerce-checkout-flow .checkout-order-summary table td:not(:last-child) { padding-right: 1ch; } .commerce-checkout-flow .checkout-order-summary .order-total-line { justify-content: space-between; } .commerce-checkout-flow .js-form-wrapper:not(:has( > :not([type="hidden"]))) { display: none; } .commerce-checkout-flow input[type="submit"] { margin-top: calc(var(--spacing) * 0); } .cart-form .views-field-purchased-entity img { max-height: calc(var(--spacing) * 24); width: auto; } .cart-form table { width: 100%; } .cart-form table th { text-align: left; --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); padding-bottom: var(--spacing-head-4); } .cart-form table th, .cart-form table td { white-space: nowrap; width: 1px; } .cart-form table .views-field-purchased-entity-1 { white-space: normal; width: 100%; } .cart-form table th:not(:last-child), .cart-form table td:not(:last-child) { padding-right: var(--gap-x); } .cart-form table td { border-color: var(--color-head-primary); border-top-width: var(--divider-regular); padding-block: var(--spacing-head-4); } .cart-form table tbody tr:last-child td { border-bottom-width: var(--divider-regular); } @media not all and (min-width: 48rem) { .cart-form table thead { display: none; } .cart-form table tbody { display: block; } .cart-form table tr { align-items: flex-start; column-gap: var(--gap-x); row-gap: var(--spacing-head-2); border-color: var(--color-head-primary); padding-block: var(--spacing-head-4); border-top-width: var(--divider-regular); grid-template-columns: auto 1fr; display: grid; } .cart-form table tbody tr:last-child { border-bottom-width: var(--divider-regular); } .cart-form table td, .cart-form table td:not(:last-child), .cart-form table tbody tr:last-child td { white-space: normal; border-style: var(--tw-border-style); width: auto; padding: calc(var(--spacing) * 0); border-width: 0; } .cart-form table td.views-field-purchased-entity { grid-row: 1 / span 5; } .cart-form table td:not(.views-field-purchased-entity) { grid-column: 2; } } .cart-form form { row-gap: var(--gap-y); flex-direction: column; display: flex; } .definition-list { font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); } @media (min-width: 48rem) { .definition-list { font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); } } @media (min-width: 80rem) { .definition-list { font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); } } .definition-list.definition-list--compact { grid-template-columns: repeat(1, minmax(0, 1fr)); } @container (min-width: 37rem) { .definition-list.definition-list--compact { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @container (min-width: 50rem) { .definition-list.definition-list--compact { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @container (min-width: 75rem) { .definition-list.definition-list--compact { grid-template-columns: repeat(6, minmax(0, 1fr)); } } .definition-list.definition-list--compact a { text-wrap: wrap !important; } .definition-list.definition-list--spatious { font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); } @media (min-width: 48rem) { .definition-list.definition-list--spatious { font-size: var(--text-head-4); line-height: var(--tw-leading, var(--text-head-4--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-4--letter-spacing)); } } @media (min-width: 80rem) { .definition-list.definition-list--spatious { font-size: var(--text-head-5); line-height: var(--tw-leading, var(--text-head-5--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-5--letter-spacing)); } } .definition-list.definition-list--spatious { grid-template-columns: repeat(1, minmax(0, 1fr)); } @container (min-width: 37rem) { .definition-list.definition-list--spatious { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @container (min-width: 50rem) { .definition-list.definition-list--spatious { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @container (min-width: 75rem) { .definition-list.definition-list--spatious { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .definition-list.definition-list--intro { font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); } @media (min-width: 48rem) { .definition-list.definition-list--intro { font-size: var(--text-head-4); line-height: var(--tw-leading, var(--text-head-4--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-4--letter-spacing)); } } @media (min-width: 80rem) { .definition-list.definition-list--intro { font-size: var(--text-head-5); line-height: var(--tw-leading, var(--text-head-5--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-5--letter-spacing)); } } .definition-list.definition-list--table { row-gap: calc(var(--spacing) * 0); } .definition-list.definition-list--table .definition-list__entry { column-gap: var(--spacing-head-4); padding-block: var(--spacing-head-4); flex-direction: column; display: flex; } @media (min-width: 48rem) { .definition-list.definition-list--table .definition-list__entry { flex-direction: row; } } .definition-list.definition-list--table .definition-list__entry dt, .definition-list.definition-list--table .definition-list__entry dd { flex: 1; } .definition-list .definition-list__entry { border-color: var(--color-head-primary); border-top-width: var(--divider-regular); padding-top: var(--spacing-head-4); } .definition-list .definition-list__entry dt { color: var(--color-head-muted); } .definition-list .definition-list__entry dd { column-gap: calc(var(--spacing) * 0); row-gap: calc(var(--spacing) * 0); white-space: normal; font-feature-settings: "case" on; flex-direction: column; display: flex; } .definition-list .definition-list__entry dd p { margin-bottom: .6em; } .definition-list .definition-list__entry a { text-decoration-line: none; } .head-block--centered.definition-list--table .definition-list__entry:first-child { border-top-width: var(--divider-regular) !important; } @media (min-width: 80rem) { :is(.section__title-container + .accordion, .section__title-container + head-accordion > .accordion > head-accordion-item:first-of-type) .accordion__item:first-of-type, :is(.section__title-container + .head-block > .definition-list.definition-list--table, .section__title-container + head-definition-list > .head-block > .definition-list.definition-list--table > head-definition-list-entry:first-of-type) .definition-list__entry:first-of-type { border-top-width: 0; } .section__title-container + .head-block > .definition-list.definition-list--spatious:not(.head-block--wide) > .definition-list__entry:nth-child(-n+2), .section__title-container + .head-block > .definition-list.definition-list--compact:not(.head-block--wide) > .definition-list__entry:nth-child(-n+4), :is(.section__title-container + head-definition-list > .head-block > .definition-list.definition-list--spatious:not(.head-block--wide) > head-definition-list-entry:nth-child(-n+2), .section__title-container + head-definition-list > .head-block > .definition-list.definition-list--compact:not(.head-block--wide) > head-definition-list-entry:nth-child(-n+4)) .definition-list__entry { padding-top: calc(var(--spacing) * 0); border-top-width: 0; } .section__title-container + head-grid > .head-block > .grid--type-row:not(.head-block--wide) > .head-block:first-child, .section__title-container + .head-block > .grid--type-row:not(.head-block--wide) > .head-block:first-child { border-top-width: 0; } } .accordion { --spacing-accordion-title: var(--spacing-head-4); overflow: hidden; } .accordion .accordion__item { border-color: var(--color-head-primary); border-top-width: var(--divider-regular); } .accordion .accordion__item .accordion__item__title { text-align: left; cursor: pointer; width: 100%; padding-block: var(--spacing-accordion-title); 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-duration: var(--duration-head-transition); --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); justify-content: space-between; align-items: baseline; display: flex; } .accordion .accordion__item .accordion__item__title.accordion__item__title--subgrid { display: contents; } .accordion .accordion__item .accordion__item__title[aria-expanded="true"] { color: var(--color-head-primary); } .accordion .accordion__item .accordion__item__title:hover { color: var(--color-head-primary-focus); } .accordion .accordion__item .accordion__item__panel { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); transition-duration: var(--duration-head-short); } .accordion .accordion__item .accordion__item__panel .accordion__item__panel__content > :last-child, .accordion .accordion__item .accordion__item__panel .accordion__item__panel__content > .head-webcomponent:last-child > :last-child { margin-bottom: var(--spacing-accordion-title); } :is(.accordion .accordion__item .accordion__item__panel .accordion__item__panel__content > :last-child, .accordion .accordion__item .accordion__item__panel .accordion__item__panel__content > .head-webcomponent:last-child > :last-child).tabs { --tw-border-style: none; border-style: none; } .accordion .accordion__item--subgrid { text-align: left; grid-template-columns: 1fr auto; align-items: flex-start; display: grid; } @container (min-width: 75rem) { .accordion .accordion__item--subgrid { grid-column: 1 / -1; grid-template-columns: subgrid; column-gap: var(--gap-x); } } .accordion .accordion__item--subgrid .timetable__session__header, .accordion .accordion__item--subgrid .accordion-indicator { padding-block: var(--spacing-accordion-title); } .accordion .accordion__item--subgrid .accordion__item__panel--subgrid { grid-column: 1 / -1; } @container (min-width: 75rem) { .accordion .accordion__item--subgrid .accordion__item__panel--subgrid { grid-template-columns: subgrid; column-gap: var(--gap-x); } } .accordion .accordion__item--subgrid .accordion__item__panel--subgrid .accordion__item__panel__content { grid-column: 1 / -1; } @container (min-width: 75rem) { .accordion .accordion__item--subgrid .accordion__item__panel--subgrid .accordion__item__panel__content { grid-template-columns: subgrid; column-gap: var(--gap-x); display: grid; } } .tabs { --spacing-tab-title: var(--spacing-head-4); border-color: var(--color-head-neutral-subtle); border-bottom-width: var(--divider-regular); } .tabs .slider { --slider-scroll-px: 0 !important; } .tabs .slider .slider__scroll-content > * { max-width: none !important; } .tabs .slider .slider__sentinel { left: calc(var(--spacing) * 0); } .tabs .slider .slider__button { display: none !important; } @media (min-width: 48rem) { .tabs .slider .slider__button { display: none !important; } } @media (min-width: 80rem) { .tabs .slider .slider__button { display: none !important; } } .tabs .tabs__tablist-container__tablist { border-color: var(--color-head-neutral-subtle); border-bottom-width: var(--divider-regular); flex-flow: row; display: flex; position: relative; } .tabs .tabs__tablist-container__tablist .tabs__tablist-container__tablist__button { padding-inline: var(--spacing-head-4); padding-block: var(--spacing-tab-title); 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-duration: var(--duration-head-transition); --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); flex-grow: 0; flex-shrink: 1; } .tabs .tabs__tablist-container__tablist .tabs__tablist-container__tablist__button.tabs__tablist-container__tablist__button--active { color: var(--color-head-primary); } .tabs .tabs__tablist-container__tablist .tabs__tablist-container__tablist__button:hover { color: var(--color-head-primary-focus); } .tabs .tabs__tablist-container__tablist .tabs__tablist-container__tablist__indicator { left: calc(var(--spacing) * 0); background-color: var(--color-head-primary); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); transition-duration: var(--duration-head-short); --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); z-index: 2; height: 4px; position: absolute; bottom: -4px; } .tabs .tabs__tabpanels { padding-block: var(--section-gap-y); align-items: flex-start; display: grid; } .tabs .tabs__tabpanels .tabs__tabpanel.head-block { grid-row-start: 1; grid-column-start: 1; overflow: hidden; } .tabs .tabs__tabpanels .tabs__tabpanel.head-block :not(:last-child), .tabs .tabs__tabpanels head-tab-panel > .tabs__tabpanel.head-block > .head-webcomponent:not(:last-child) .head-block { margin-bottom: var(--section-gap-y); } .rich-text { --spacing-rich-text-item: .6em; } .rich-text p:not(:last-child) { margin-bottom: var(--spacing-rich-text-item); } .rich-text h1, .rich-text h2, .rich-text h3, .rich-text h4, .rich-text h5, .rich-text h6 { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .rich-text h1, .rich-text h2, .rich-text h3 { color: var(--color-head-primary); margin-bottom: var(--spacing-rich-text-item); } :is(.rich-text h1, .rich-text h2, .rich-text h3):last-child { margin-bottom: calc(var(--spacing) * 0); } :is(.rich-text h1, .rich-text h2, .rich-text h3):not(:first-child) { margin-top: calc(var(--spacing-rich-text-item) * 2); } :is(.rich-text hr + h1, .rich-text hr + h2, .rich-text hr + h3):not(:first-child) { margin-top: calc(var(--spacing-rich-text-item) * 1); } .rich-text ul { margin-bottom: var(--spacing-rich-text-item); margin-left: calc(var(--spacing) * 0); padding-left: calc(var(--spacing) * 0); flex-direction: column; display: flex; } @media (min-width: 48rem) { .rich-text ul { flex-flow: wrap; } } .rich-text ul { column-gap: var(--spacing-head-4); row-gap: calc(var(--spacing) * 0); list-style: none; } .rich-text ul > li { column-gap: var(--spacing-head-1); display: flex; } @media (min-width: 48rem) { .rich-text ul > li { column-gap: var(--spacing-head-4); } } .rich-text ul > li:before { content: "●"; } .rich-text ul.ul--long { flex-direction: column; display: flex; } @media (min-width: 48rem) { .rich-text ul.ul--long { flex-direction: column; } } .rich-text ul.ul--long { margin-left: calc(var(--spacing) * 0); padding-left: calc(var(--spacing) * 0); } .rich-text ul.ul--long > li { padding-left: 1.2em; display: list-item; position: relative; } .rich-text ul.ul--long > li:before { content: "○"; position: absolute; left: 0; } .rich-text ul.ul--long > li ul { margin-bottom: calc(var(--spacing) * 0); list-style: none; } .rich-text ul.ul--long > li ul > li { padding-left: 1.2em; display: list-item; } .rich-text ul.ul--long > li ul > li:before { content: "□"; position: absolute; left: 0; } .rich-text ol { margin-bottom: var(--spacing-rich-text-item); margin-left: calc(var(--spacing) * 0); padding-left: calc(var(--spacing) * 0); row-gap: calc(var(--spacing) * 0); counter-reset: richtext-ol; flex-direction: column; list-style: none; display: flex; } .rich-text ol > li { counter-increment: richtext-ol; padding-left: 1.2em; display: list-item; position: relative; } .rich-text ol > li:before { content: counter(richtext-ol, circled-decimal); position: absolute; left: 0; } .rich-text.rich-text--intro { font-size: var(--text-head-4); line-height: var(--tw-leading, var(--text-head-4--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-4--letter-spacing)); } @media (min-width: 48rem) { .rich-text.rich-text--intro { font-size: var(--text-head-5); line-height: var(--tw-leading, var(--text-head-5--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-5--letter-spacing)); } } @media (min-width: 80rem) { .rich-text.rich-text--intro { font-size: var(--text-head-6); line-height: var(--tw-leading, var(--text-head-6--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-6--letter-spacing)); } } .rich-text hr { border-style: var(--tw-border-style); background-color: var(--color-head-primary); margin-block: var(--spacing-head-4); border-width: 0; } @media (min-width: 48rem) { .rich-text hr { margin-block: var(--spacing-head-5); } } @media (min-width: 80rem) { .rich-text hr { margin-block: var(--spacing-head-6); } } .rich-text hr { height: var(--divider-regular, .25rem); } .read-more-rich-text { flex-direction: column; display: flex; } .read-more-rich-text .read-more-rich-text__content { position: relative; } .read-more-rich-text .read-more-rich-text__content.read-more-rich-text__content--measurable { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-duration: var(--duration-head-transition); --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); transition-property: max-height; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); overflow: hidden; } @media (prefers-reduced-motion: reduce) { .read-more-rich-text .read-more-rich-text__content.read-more-rich-text__content--measurable { transition-property: none; } } .read-more-rich-text .read-more-rich-text__content.read-more-rich-text__content--collapsed { overflow: hidden; } .read-more-rich-text .read-more-rich-text__content.read-more-rich-text__content--collapsed:after { content: ""; pointer-events: none; right: calc(var(--spacing) * 0); bottom: calc(var(--spacing) * 0); left: calc(var(--spacing) * 0); background: linear-gradient(to bottom, transparent, var(--section-bg, white)); height: 3.5rem; position: absolute; } @supports (background: color-mix(in srgb, white, transparent)) { .read-more-rich-text .read-more-rich-text__content.read-more-rich-text__content--collapsed:after { background: linear-gradient(to bottom, color-mix(in srgb, var(--section-bg, white) 0%, transparent 100%), var(--section-bg, white)); } } .read-more-rich-text .read-more-rich-text__controls { margin-top: var(--spacing-head-2); align-items: center; column-gap: var(--spacing-head-2); display: flex; } .read-more-rich-text .read-more-rich-text__controls a { text-decoration-line: none; } .read-more-rich-text .read-more-rich-text__controls a:after { content: var(--tw-content); --tw-content: none !important; content: none !important; } .info-card { font-size: var(--text-head-2); line-height: var(--tw-leading, var(--text-head-2--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-2--letter-spacing)); } @media (min-width: 48rem) { .info-card { font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); } } @media (min-width: 80rem) { .info-card { font-size: var(--text-head-4); line-height: var(--tw-leading, var(--text-head-4--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-4--letter-spacing)); } } .info-card .rich-text { font-size: var(--text-head-2); line-height: var(--tw-leading, var(--text-head-2--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-2--letter-spacing)); } @media (min-width: 48rem) { .info-card .rich-text { font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); } } @media (min-width: 80rem) { .info-card .rich-text { font-size: var(--text-head-4); line-height: var(--tw-leading, var(--text-head-4--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-4--letter-spacing)); } } .callout-box { --color-callout-tip: var(--color-head-green-default); --color-callout-default: var(--color-head-purple-default); --color-callout-neutral: var(--color-neutral-focus); --color-callout-danger: var(--color-head-red-default); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-callout-default); font-size: var(--text-head-2); line-height: var(--tw-leading, var(--text-head-2--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-2--letter-spacing)); } @media (min-width: 48rem) { .callout-box { font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); } } @media (min-width: 80rem) { .callout-box { font-size: var(--text-head-4); line-height: var(--tw-leading, var(--text-head-4--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-4--letter-spacing)); } } .callout-box { color: var(--color-callout-default); row-gap: var(--spacing-head-2); padding-inline: var(--spacing-head-4); padding-block: var(--spacing-head-4); flex-direction: column; display: flex; } @media (min-width: 48rem) { .callout-box { column-gap: var(--spacing-head-3); padding-inline: var(--spacing-head-5); padding-block: var(--spacing-head-5); } } @media (min-width: 80rem) { .callout-box { column-gap: var(--spacing-head-4); padding-inline: var(--spacing-head-6); padding-block: var(--spacing-head-6); flex-direction: row; } } .callout-box.callout-box--neutral { border-color: var(--color-neutral-focus); color: var(--color-neutral-focus); } .callout-box.callout-box--tip { border-color: var(--color-callout-tip); color: var(--color-callout-tip); } .callout-box.callout-box--danger { border-color: var(--color-callout-danger); color: var(--color-callout-danger); } .callout-box a { color: inherit; } .callout-box .rich-text { text-wrap: balance; } .divider { background-color: var(--color-head-primary); width: 100%; height: var(--divider-regular, .25rem); } .figure .figure__caption--empty { display: none; } .pill { --color-pill-tip: var(--color-head-green-default); --color-pill-note: var(--color-head-purple-default); --color-pill-caution: var(--color-caution); --color-pill-danger: var(--color-head-red-default); text-wrap: nowrap; column-gap: var(--spacing-head-1); background-color: var(--color-head-onneutral); --tw-shadow: 0 0 8px 0 var(--tw-shadow-color, #00000026); width: fit-content; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-radius: 3.40282e38px; display: flex; } .pill span { text-box-edge: cap alphabetic; text-box-trim: trim-both; } .pill.pill--tip { color: var(--color-pill-tip); } .pill.pill--danger { color: var(--color-pill-danger); } .pill.pill--note { color: var(--color-pill-note); } .pill.pill--caution { color: var(--color-pill-caution); } .pill { padding: var(--spacing-head-1); padding: .2em .45em .2em .2em; } .pill.pill--small { font-size: var(--text-head-2); line-height: var(--tw-leading, var(--text-head-2--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-2--letter-spacing)); } @media (min-width: 48rem) { .pill.pill--small { font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); } } @media (min-width: 80rem) { .pill.pill--small { font-size: var(--text-head-4); line-height: var(--tw-leading, var(--text-head-4--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-4--letter-spacing)); } } .pill.pill--small { padding-right: .45em; } .pill.pill--medium { font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); } @media (min-width: 48rem) { .pill.pill--medium { font-size: var(--text-head-4); line-height: var(--tw-leading, var(--text-head-4--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-4--letter-spacing)); } } @media (min-width: 80rem) { .pill.pill--medium { font-size: var(--text-head-5); line-height: var(--tw-leading, var(--text-head-5--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-5--letter-spacing)); } } .pill.pill--large { font-size: var(--text-head-4-em); line-height: var(--tw-leading, var(--text-head-4-em--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-4-em--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-head-4-em--font-weight)); } @media (min-width: 48rem) { .pill.pill--large { font-size: var(--text-head-6-em); line-height: var(--tw-leading, var(--text-head-6-em--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-6-em--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-head-6-em--font-weight)); } } @media (min-width: 80rem) { .pill.pill--large { font-size: var(--text-head-7-em); line-height: var(--tw-leading, var(--text-head-7-em--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-7-em--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-head-7-em--font-weight)); } } .pill.pill--large { --tw-leading: 1; --tw-font-weight: var(--font-weight-normal); line-height: 1; font-weight: var(--font-weight-normal); padding: var(--spacing-head-2); padding-right: .4em; } .deadline-wrapper { flex-direction: column; display: flex; } .deadline-wrapper.deadline--past { color: var(--color-head-muted); text-decoration-line: line-through !important; } .deadline-wrapper.deadline--past a { pointer-events: none; color: var(--color-head-muted) !important; } .video-player media-controller { --media-font-family: "Walla"; --media-icon-color: white; --media-tooltip-display: none; --media-control-background: transparent; --media-control-hover-background: transparent; --media-object-fit: cover; display: block; overflow: visible; } .video-player media-controller[mediahasplayed] { --media-background-color: transparent; } .video-player media-controller media-control-bar { opacity: 0; } .video-player media-controller > media-play-button { text-align: center; width: 100%; height: 100%; font-size: var(--text-head-10-em); line-height: var(--tw-leading, var(--text-head-10-em--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-10-em--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-head-10-em--font-weight)); text-shadow: 0 2px 14px var(--tw-text-shadow-color, #00000059); -webkit-user-select: none; user-select: none; position: absolute; } .video-player media-controller media-time-range { --media-range-track-height: .5rem; --media-primary-color: var(--color-head-neutral-subtle); --media-range-track-background: var(--color-head-neutral-muted); --media-time-range-buffered-color: var(--color-head-neutral-muted); --thumb-size: .75rem; --media-control-height: 2rem; --media-range-track-translate-y: calc(var(--media-control-height) / 2 - var(--media-range-track-height) / 2); --media-range-thumb-width: var(--thumb-size); --media-range-thumb-height: var(--thumb-size); --media-range-thumb-opacity: 0; --media-range-thumb-border-radius: 99px; --media-range-thumb-background: var(--color-head-onneutral); --media-range-thumb-box-shadow: var(--shadow-head); --media-preview-time-margin: 0 0 -15px; --media-control-padding: 0px; width: 100%; } .video-player media-controller media-time-range[mediapaused] { --media-range-thumb-opacity: 1; } .video-player media-controller media-time-range[mediacurrenttime="0"] { --media-range-thumb-opacity: 0; --media-range-track-height: 0rem; } .video-player media-controller media-time-range:hover { --media-range-track-height: .625rem; --media-range-thumb-opacity: 1; } media-controller[mediahasplayed] media-control-bar { opacity: 1; } media-controller[mediahasplayed] .big-play-button { opacity: 0; } .slider { --slider-scroll-px: var(--scroll-px); --slider-gap-x: var(--gap-x); --slider-aside-gap: var(--slider-gap-x); --slider-button-size: calc(12px + var(--spacing-head-2) * 2 + 2px); --slider-button-offset: calc(var(--slider-scroll-px) + var(--spacing-head-4)); } .slider .slider__scroll-container, .slider .slider__scroll-content { --gap-x: var(--slider-gap-x); } .slider .slider__button { width: min-content; height: min-content; padding: var(--spacing-head-2); --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); display: flex; position: absolute; top: 50%; } .slider .slider__button:disabled { pointer-events: auto !important; cursor: auto !important; } @media (pointer: coarse) { .slider .slider__button { display: none !important; } } .slider .slider__button.slider__button-right { right: var(--slider-button-offset); } .slider .slider__button.slider__button-left { left: var(--slider-button-offset); } .slider.slider--compact { --slider-scroll-px: var(--scroll-px-vw); --slider-gap-x: var(--flex-gap-x-default); --slider-button-offset: calc(var(--slider-scroll-px) - var(--slider-button-size) - var(--slider-gap-x) * 2); overflow-x: hidden; } .slider.slider--compact .slider__scroll-content > * { max-width: none; } .slider .slider__aside { display: contents; } .slider .slider__aside > *, .slider .slider__aside > .contents > * { order: 9999; } .slider .slider__aside > :first-child, .slider .slider__aside > .contents:first-child > :first-child { margin-left: auto; } @media (min-width: 80rem) { .slider .slider__aside { right: calc(var(--spacing) * 0); padding-left: var(--slider-aside-gap); background-color: var(--section-bg, white); flex-shrink: 0; order: 9999; justify-content: flex-end; align-items: center; display: flex; position: sticky; } .slider .slider__aside > * { order: unset; } } .slider .slider__aside:before { content: ""; top: calc(var(--spacing) * 0); pointer-events: none; height: 100%; width: var(--spacing-head-4); position: absolute; right: 100%; } @media (min-width: 48rem) { .slider .slider__aside:before { width: var(--spacing-head-5); } } @media (min-width: 80rem) { .slider .slider__aside:before { width: var(--spacing-head-6); } } .slider .slider__aside:before { background: linear-gradient(to right, transparent, var(--section-bg, white)); opacity: 0; 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-duration: var(--duration-head-transition); --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); display: none; } @media (min-width: 80rem) { .slider .slider__aside:before { display: block; } } .slider .slider__aside:after { content: ""; top: calc(var(--spacing) * 0); pointer-events: none; height: 100%; width: var(--spacing-head-4); position: absolute; left: 100%; } @media (min-width: 48rem) { .slider .slider__aside:after { width: var(--spacing-head-5); } } @media (min-width: 80rem) { .slider .slider__aside:after { width: var(--spacing-head-6); } } .slider .slider__aside:after { opacity: 0; 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-duration: var(--duration-head-transition); --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); background: var(--section-bg, white); display: none; } @media (min-width: 80rem) { .slider .slider__aside:after { display: block; } } [data-can-scroll-right] :is(.slider .slider__aside):before, [data-can-scroll-right] :is(.slider .slider__aside):after { opacity: 1; } .slider .slider__edge-fade { --slider-edge-fade-width: var(--gap-x); width: var(--slider-edge-fade-width); top: calc(var(--spacing) * 0); height: 100%; position: absolute; } .slider .slider__edge-fade.slider__edge-fade--left { left: calc(var(--spacing) * 0); --tw-gradient-position: to right; } @supports (background-image: linear-gradient(in lab, red, red)) { .slider .slider__edge-fade.slider__edge-fade--left { --tw-gradient-position: to right in oklab; } } .slider .slider__edge-fade.slider__edge-fade--left { background-image: linear-gradient(var(--tw-gradient-stops)); --tw-gradient-to: transparent; --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)); } .slider .slider__edge-fade.slider__edge-fade--right { right: calc(var(--spacing) * 0); --tw-gradient-position: to right; } @supports (background-image: linear-gradient(in lab, red, red)) { .slider .slider__edge-fade.slider__edge-fade--right { --tw-gradient-position: to right in oklab; } } .slider .slider__edge-fade.slider__edge-fade--right { background-image: linear-gradient(var(--tw-gradient-stops)); } .slider.slider--edge-feathered .slider__edge-fade { z-index: 2; --slider-edge-fade-width: var(--spacing-head-1); --w: var(--slider-edge-fade-width); --inset: calc(var(--slider-scroll-px) - var(--w)); } .slider.slider--edge-feathered .slider__edge-fade.slider__edge-fade--left { left: var(--inset); } .slider.slider--edge-feathered .slider__edge-fade.slider__edge-fade--left:before { content: ""; top: calc(var(--spacing) * 0); height: 100%; width: var(--inset); background-color: var(--section-bg, white); position: absolute; right: 100%; } .slider.slider--edge-feathered .slider__edge-fade.slider__edge-fade--right { --inset: calc(var(--slider-scroll-px) - var(--w)); right: var(--inset); } .slider.slider--edge-feathered .slider__edge-fade.slider__edge-fade--right:after { content: ""; top: calc(var(--spacing) * 0); height: 100%; width: var(--inset); background-color: var(--section-bg, white); position: absolute; left: 100%; } .slider.slider--edge-feathered .slider__edge-spacer { width: var(--slider-scroll-px); flex-shrink: 0; align-self: stretch; } .slider.slider--edge-feathered .slider__button { z-index: 3; } .slider.slider--action-button > .slider__scroll-content > :last-child { margin-left: auto; } .slider:has(.card) { --card-shadow-space: var(--shadow-head-xl-extent); } .slider:has(.card) .slider__scroll-content { margin-top: calc(var(--card-shadow-space) * -1); padding-top: var(--card-shadow-space); } .slider:has(.card) .slider__edge-fade { top: calc(var(--card-shadow-space) * -1); height: calc(100% + var(--card-shadow-space)); } .slider .slider__scroll-content { --media-max-height-rem: 19rem; --media-max-width: calc(var(--content-width, 100vw) * .9); padding-bottom: .5px; } @media (min-width: 48rem) { .slider .slider__scroll-content { --media-max-height-rem: 28.125rem; --media-max-width: 37.5rem; } } @media (min-width: 80rem) { .slider .slider__scroll-content { --media-max-height-rem: 38.75rem; --media-max-width: 37.5rem; } } .slider .slider__scroll-content > *, .slider .slider__scroll-content > :where(.contents, .head-webcomponent) > *, .slider .slider__scroll-content > .content-query-item > *, .slider .slider__scroll-content > .head-webcomponent > *, .slider .slider__scroll-content > :where(.contents, .head-webcomponent, .content-query-item) > :where(.contents, .head-webcomponent) > * { --media-max-width-from-aspect: calc(var(--media-aspect-ratio) * var(--media-max-height-rem)); max-width: min(var(--media-max-width, 100vw), var(--media-max-width-from-aspect, 32rem)); flex-grow: 1; flex-shrink: 0; } .newsletter { font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); grid-template-columns: min-content 1fr; align-items: center; display: grid; } .newsletter input { grid-column: span 2 / span 2; } .newsletter .newsletter__button { align-self: flex-start; } .newsletter .error { color: var(--color-head-error); } @container (min-width: 50rem) { .newsletter { font-size: var(--text-head-4); line-height: var(--tw-leading, var(--text-head-4--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-4--letter-spacing)); --gap-x: var(--spacing-head-2); grid-template-columns: 1fr 1fr min-content; } .newsletter input { grid-column: span 1 / span 1; } .newsletter .newsletter__button { align-self: center; } .newsletter .newsletter__status { grid-column: span 3 / span 3; } } footer.footer { grid-template-columns: repeat(2, minmax(0, 1fr)); } @media (min-width: 48rem) { footer.footer { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (min-width: 80rem) { footer.footer { grid-template-columns: repeat(6, minmax(0, 1fr)); align-items: flex-start; } } footer.footer .footer__group { flex-direction: column; display: flex; } footer.footer .footer__group .footer__group__heading { border-top-width: var(--divider-regular); font-size: var(--text-head-3-em); line-height: var(--tw-leading, var(--text-head-3-em--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3-em--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-head-3-em--font-weight)); padding-top: var(--spacing-head-4); padding-bottom: var(--spacing-head-4); } footer.footer .footer__group a { padding-block: var(--spacing-head-1); font-size: var(--text-head-2); line-height: var(--tw-leading, var(--text-head-2--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-2--letter-spacing)); color: var(--color-head-neutral); text-decoration-line: none; } footer.footer .footer__group a:after { content: var(--tw-content); display: none; } @media (hover: hover) { footer.footer .footer__group a:hover { color: var(--color-head-primary); } } footer.footer .footer__group:not(.footer__group--shortcuts) a:first-of-type { padding-top: calc(var(--spacing) * 0); } footer.footer .footer__group.footer__group--newsletter, footer.footer .footer__group.footer__group--contact { grid-column: span 2 / span 2; } @media (min-width: 48rem) { footer.footer .footer__group.footer__group--newsletter, footer.footer .footer__group.footer__group--contact { grid-column: span 1 / span 1; } } @media (min-width: 80rem) { footer.footer .footer__group.footer__group--newsletter, footer.footer .footer__group.footer__group--contact { grid-column: span 2 / span 2; } } :is(footer.footer .footer__group.footer__group--newsletter, footer.footer .footer__group.footer__group--contact) .footer__group__heading { border-color: var(--color-head-primary); color: var(--color-head-primary); } @media (hover: hover) { :is(footer.footer .footer__group.footer__group--newsletter, footer.footer .footer__group.footer__group--contact) a:hover { color: var(--color-head-primary); } } @media (min-width: 80rem) { footer.footer .footer__group.footer__group--contact { grid-column: span 1 / span 1; } } footer.footer .footer__group.footer__group--network .footer__group__heading { border-color: var(--color-head-secondary); color: var(--color-head-secondary); } @media (hover: hover) { footer.footer .footer__group.footer__group--network a:hover { color: var(--color-head-secondary); } } footer.footer .footer__group.footer__group--sections .footer__group__heading { border-color: var(--color-head-tertiary); color: var(--color-head-tertiary); } @media (hover: hover) { footer.footer .footer__group.footer__group--sections a:hover { color: var(--color-head-tertiary); } } footer.footer .footer__group.footer__group--shortcuts { column-gap: var(--spacing-head-4); row-gap: var(--spacing-head-2); flex-flow: wrap; grid-column: span 2 / span 2; display: flex; } @media (min-width: 48rem) { footer.footer .footer__group.footer__group--shortcuts { grid-column: span 2 / span 2; } } @media (min-width: 80rem) { footer.footer .footer__group.footer__group--shortcuts { order: 9999; grid-column: span 6 / span 6; } } footer.footer .footer__group--logos { flex-direction: row-reverse; grid-column: span 2 / span 2; justify-content: space-between; display: flex; } @media (min-width: 48rem) { footer.footer .footer__group--logos { column-gap: var(--spacing-head-8); row-gap: var(--spacing-head-8); order: 9999; grid-column: span 2 / span 2; justify-content: flex-start; align-items: flex-start; } } @media (min-width: 80rem) { footer.footer .footer__group--logos { flex-direction: column; order: 5; grid-column: span 1 / span 1; align-items: flex-end; } } .page-header { grid-template-columns: repeat(1, minmax(0, 1fr)); grid-auto-rows: min-content; display: grid; } @media (min-width: 48rem) { .page-header { column-gap: var(--spacing-head-5); } } @media (min-width: 80rem) { .page-header { column-gap: var(--spacing-head-6); } } .page-header { color: var(--color-head-primary); margin-inline: auto; } .page-header .page-header__title-group { flex-direction: column; display: flex; } .page-header .page-header__title-group .page-header__title { font-size: var(--text-head-6-em); line-height: var(--tw-leading, var(--text-head-6-em--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-6-em--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-head-6-em--font-weight)); } @media (min-width: 48rem) { .page-header .page-header__title-group .page-header__title { font-size: var(--text-head-8-em); line-height: var(--tw-leading, var(--text-head-8-em--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-8-em--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-head-8-em--font-weight)); } } @media (min-width: 80rem) { .page-header .page-header__title-group .page-header__title { font-size: var(--text-head-9-em); line-height: var(--tw-leading, var(--text-head-9-em--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-9-em--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-head-9-em--font-weight)); } } .page-header .page-header__title-group .page-header__title { --tw-leading: 1; text-box-edge: cap alphabetic; text-box-trim: trim-start; white-space: pre-line; width: 100%; line-height: 1; } @media (min-width: 80rem) { .page-header .page-header__title-group .page-header__title { margin-top: calc(var(--spacing) * 3); } } .page-header .page-header__title-group .page-header__subtitle { font-size: var(--text-head-4-em); line-height: var(--tw-leading, var(--text-head-4-em--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-4-em--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-head-4-em--font-weight)); } @media (min-width: 48rem) { .page-header .page-header__title-group .page-header__subtitle { font-size: var(--text-head-6-em); line-height: var(--tw-leading, var(--text-head-6-em--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-6-em--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-head-6-em--font-weight)); } } @media (min-width: 80rem) { .page-header .page-header__title-group .page-header__subtitle { font-size: var(--text-head-7-em); line-height: var(--tw-leading, var(--text-head-7-em--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-7-em--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-head-7-em--font-weight)); } } .page-header .page-header__title-group .page-header__subtitle { --tw-leading: 1; text-box-edge: cap alphabetic; text-box-trim: trim-start; line-height: 1; } @media (min-width: 80rem) { .page-header .page-header__title-group .page-header__subtitle { max-width: 80%; } } .page-header .page-header__title-group .page-header__subtitle { color: var(--color-head-gray-muted); margin-top: var(--spacing-head-2); } @media (min-width: 48rem) { .page-header .page-header__title-group .page-header__subtitle { margin-top: var(--spacing-head-2); } } @media (min-width: 80rem) { .page-header .page-header__title-group .page-header__subtitle { margin-top: var(--spacing-head-2); } } .page-header .page-header__breadcrumb { grid-column: span 1 / span 1; } .page-header .page-header__wrapper { row-gap: var(--spacing-head-4); flex-direction: column; display: flex; } @media (min-width: 48rem) { .page-header .page-header__wrapper { row-gap: var(--spacing-head-5); } } @media (min-width: 80rem) { .page-header .page-header__wrapper { row-gap: var(--spacing-head-6); } } .page-header .page-header__wrapper { color: var(--color-head-neutral); } .page-header .page-header__status { --subtle: var(--color-head-gray-100); margin-block: var(--spacing-head-2); gap: var(--spacing-head-1); background-color: var(--subtle); width: fit-content; padding: var(--spacing-head-1); border-radius: 3.40282e38px; } .page-header .page-header__aside { color: var(--color-head-neutral); } @media (min-width: 48rem) { .page-header .page-header__aside { grid-row: 1 / span 4; } } .page-header .page-header__aside img { --tw-shadow: 0 0 14px 2px var(--tw-shadow-color, #0000000d); width: auto; max-height: 80vh; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .page-header .page-header__aside figcaption { text-wrap: balance; } .page-header .page-header__aside .wrapper { row-gap: var(--spacing-head-1); font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); flex-direction: column; display: flex; } @media (min-width: 48rem) { .page-header .page-header__aside .wrapper { font-size: var(--text-head-4); line-height: var(--tw-leading, var(--text-head-4--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-4--letter-spacing)); } } @media (min-width: 80rem) { .page-header .page-header__aside .wrapper { font-size: var(--text-head-5); line-height: var(--tw-leading, var(--text-head-5--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-5--letter-spacing)); } } .page-header .page-header__aside .wrapper .link-text { --base: var(--color-head-neutral); padding-block: var(--spacing-head-2); text-box-edge: cap alphabetic; text-box-trim: trim-both; text-decoration-line: none; color: var(--color-head-neutral) !important; } @media (hover: hover) { .page-header .page-header__aside .wrapper .link-text:hover { color: var(--color-head-primary-focus) !important; } } .page-header .page-header__aside .wrapper .link-text:after { content: var(--tw-content); --tw-content: none !important; content: none !important; } .page-header .page-header__aside .wrapper .link-text.is-active { color: var(--color-head-primary) !important; } @media (hover: hover) { .page-header .page-header__aside .wrapper .link-text.is-active:hover { color: var(--color-head-primary-focus) !important; } } .page-header.page-header--none { row-gap: calc(var(--spacing) * 0); } .page-header.page-header--none .page-header__subtitle { color: var(--color-head-primary); } .page-header.page-header--none .page-header__wrapper { margin-top: var(--spacing-head-3); } @media (min-width: 48rem) { .page-header.page-header--none .page-header__wrapper { margin-top: var(--spacing-head-6); } } @media (min-width: 80rem) { .page-header.page-header--none .page-header__wrapper { margin-top: var(--spacing-head-8); } } .page-header.page-header--side { row-gap: calc(var(--spacing) * 0); } .page-header.page-header--side .page-header__wrapper { margin-top: var(--spacing-head-3); } @media (min-width: 48rem) { .page-header.page-header--side .page-header__wrapper { margin-top: var(--spacing-head-6); } } @media (min-width: 80rem) { .page-header.page-header--side .page-header__wrapper { margin-top: var(--spacing-head-8); } } @media (min-width: 48rem) { .page-header.page-header--left { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 80rem) { .page-header.page-header--left { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 48rem) { .page-header.page-header--left .page-header__breadcrumb { grid-column: span 1 / span 1; } } @media (min-width: 80rem) { .page-header.page-header--left .page-header__breadcrumb { grid-column: span 2 / span 2; } } @media (min-width: 48rem) { .page-header.page-header--left .page-header__title-group { grid-column: span 1 / span 1; } } @media (min-width: 80rem) { .page-header.page-header--left .page-header__title-group { grid-column: span 2 / span 2; } } @media (min-width: 48rem) { .page-header.page-header--left .page-header__wrapper { grid-column: span 1 / span 1; grid-row-end: 5; } } @media (min-width: 80rem) { .page-header.page-header--left .page-header__wrapper { grid-column: span 2 / span 2; } } .page-header.page-header--left .page-header__aside { grid-column: 1 / span 1; grid-row-start: 1; } .page-header.page-header--half-half { row-gap: var(--spacing-head-4); } @media (min-width: 48rem) { .page-header.page-header--half-half { row-gap: var(--spacing-head-5); } } @media (min-width: 80rem) { .page-header.page-header--half-half { row-gap: calc(var(--spacing) * 0); grid-template-columns: repeat(2, minmax(0, 1fr)); } } .page-header.page-header--half-half .page-header__aside { grid-row-start: 1; grid-column-start: 1; } @media (min-width: 80rem) { .page-header.page-header--half-half .page-header__aside { grid-column: 1 / span 1; } } .page-header.page-header--half-half .page-header__title-group { grid-column: span 1 / span 1; } @media (min-width: 80rem) { .page-header.page-header--half-half .page-header__title-group { grid-column-start: 2; } } .page-header.page-header--half-half .page-header__wrapper { margin-top: calc(var(--spacing) * 0); } @media (min-width: 80rem) { .page-header.page-header--half-half .page-header__wrapper { margin-top: var(--spacing-head-4); } } .page-header.page-header--half-half .page-header__wrapper { grid-column: span 1 / span 1; } @media (min-width: 80rem) { .page-header.page-header--half-half .page-header__wrapper { grid-row-end: 5; grid-column-start: 2; } } @media (min-width: 48rem) { .page-header.page-header--right { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 80rem) { .page-header.page-header--right.page-header--aside-media { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 48rem) { .page-header.page-header--right.page-header--aside-media .page-header__breadcrumb { grid-column: 1 / span 1; } .page-header.page-header--right.page-header--aside-media .page-header__title-group { grid-column-start: 1; } } @media (min-width: 80rem) { .page-header.page-header--right.page-header--aside-media .page-header__title-group { grid-column: 1 / span 1; } } @media (min-width: 48rem) { .page-header.page-header--right.page-header--aside-media .page-header__wrapper { grid-column: 1 / span 1; grid-row-end: 5; } } .page-header.page-header--right.page-header--aside-media .page-header__aside { grid-row-start: 1; grid-column-start: 1; } @media (min-width: 48rem) { .page-header.page-header--right.page-header--aside-media .page-header__aside { grid-column: 2 / span 1; } .page-header.page-header--right.page-header--aside-media .page-header__aside img { margin-left: auto; } .page-header.page-header--right.page-header--aside-media .page-header__aside figcaption { text-align: right; } } @media (min-width: 80rem) { .page-header.page-header--right.page-header--aside-menu { grid-template-columns: repeat(3, minmax(0, 1fr)); } .page-header.page-header--right.page-header--aside-menu .page-header__breadcrumb { grid-column: span 2 / span 2; } } @media (min-width: 48rem) { .page-header.page-header--right.page-header--aside-menu .page-header__title-group { grid-column: 1 / span 2; } } @media (min-width: 80rem) { .page-header.page-header--right.page-header--aside-menu .page-header__title-group { grid-column: span 2 / span 2; } } @media (min-width: 48rem) { .page-header.page-header--right.page-header--aside-menu .page-header__wrapper { grid-column: span 2 / span 2; } } @media (min-width: 80rem) { .page-header.page-header--right.page-header--aside-menu .page-header__wrapper { grid-column: span 2 / span 2; } } @media (min-width: 48rem) { .page-header.page-header--right.page-header--aside-menu .page-header__aside { grid-column: 1 / span 2; grid-row-start: 4; } } @media (min-width: 80rem) { .page-header.page-header--right.page-header--aside-menu .page-header__aside { grid-column: 3 / span 1; grid-row-start: 2; } } .page-header.page-header--right.page-header--aside-menu .page-header__aside { margin-top: var(--spacing-head-2); } @media (min-width: 48rem) { .page-header.page-header--right.page-header--aside-menu .page-header__aside { margin-top: var(--spacing-head-5); } } @media (min-width: 80rem) { .page-header.page-header--right.page-header--aside-menu .page-header__aside { margin-top: calc(var(--spacing) * 0); } } .page-header.page-header--right.page-header--aside-menu .page-header__aside .wrapper { flex-direction: column; display: flex !important; } @media (min-width: 48rem) { .page-header.page-header--right.page-header--aside-menu .page-header__aside .wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)); display: grid !important; } } @media (min-width: 80rem) { .page-header.page-header--right.page-header--aside-menu .page-header__aside .wrapper { flex-direction: column; display: flex !important; } } .page-header.page-header--right.page-header--aside-thumbnail { grid-template-columns: repeat(2, minmax(0, 1fr)); } @media (min-width: 48rem) { .page-header.page-header--right.page-header--aside-thumbnail { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (min-width: 80rem) { .page-header.page-header--right.page-header--aside-thumbnail { grid-template-columns: repeat(6, minmax(0, 1fr)); } } .page-header.page-header--right.page-header--aside-thumbnail .page-header__breadcrumb { grid-column: span 2 / span 2; } @media (min-width: 48rem) { .page-header.page-header--right.page-header--aside-thumbnail .page-header__breadcrumb { grid-column: span 3 / span 3; } } @media (min-width: 80rem) { .page-header.page-header--right.page-header--aside-thumbnail .page-header__breadcrumb { grid-column: span 5 / span 5; } } .page-header.page-header--right.page-header--aside-thumbnail .page-header__title-group { margin-top: var(--spacing-head-4); grid-column: 1 / span 2; grid-row-start: 3; } @media (min-width: 48rem) { .page-header.page-header--right.page-header--aside-thumbnail .page-header__title-group { margin-top: calc(var(--spacing) * 0); grid-column: 1 / span 3; grid-row-start: 2; } } @media (min-width: 80rem) { .page-header.page-header--right.page-header--aside-thumbnail .page-header__title-group { grid-column: span 5 / span 5; } } .page-header.page-header--right.page-header--aside-thumbnail .page-header__wrapper { grid-column: span 2 / span 2; } @media (min-width: 48rem) { .page-header.page-header--right.page-header--aside-thumbnail .page-header__wrapper { grid-column: span 3 / span 3; } } @media (min-width: 80rem) { .page-header.page-header--right.page-header--aside-thumbnail .page-header__wrapper { grid-column: span 5 / span 5; } } .page-header.page-header--right.page-header--aside-thumbnail .page-header__aside { grid-column: 1 / span 1; grid-row-start: 2; } @media (min-width: 48rem) { .page-header.page-header--right.page-header--aside-thumbnail .page-header__aside { grid-row-start: 1; grid-column-start: 4; } } @media (min-width: 80rem) { .page-header.page-header--right.page-header--aside-thumbnail .page-header__aside { grid-column-start: 6; } } .page-header.page-header--right.page-header--aside-thumbnail.page-header--no-aside .page-header__title-group { margin-top: calc(var(--spacing) * 0); grid-row-start: 2; } @media (min-width: 48rem) { .page-header.page-header--right.page-header--no-aside .page-header__breadcrumb, .page-header.page-header--right.page-header--no-aside .page-header__title-group, .page-header.page-header--right.page-header--no-aside .page-header__wrapper { grid-column: span 2 / span 2; } } .card { gap: var(--spacing-head-2); 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-duration: var(--duration-head-transition); --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); flex-direction: column; text-decoration-line: none; display: flex; } .card[href^="http"] .card__bottom__tag:after { content: " ↗"; font-feature-settings: "case" on; } .card .card__top { --tw-shadow: 0 0 4px 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); --tw-shadow-color: #410099; } @supports (color: color-mix(in lab, red, red)) { .card .card__top { --tw-shadow-color: color-mix(in oklab, var(--color-head-primary) var(--tw-shadow-alpha), transparent); } } .card .card__top { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .card .card__top img { min-width: 100%; } .card .card__top { height: fit-content; } .card .card__top .teaser-photo-fallback { aspect-ratio: 215 / 305; background-color: var(--color-head-primary-subtle); width: 100%; } .card .card__top:not(:empty):is(:where(.group\/card):where(:focus-visible, :active) *) { --tw-shadow: 0 0 14px 2px 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); } @media (hover: hover) { .card .card__top:not(:empty):is(:where(.group\/card):where(:hover) *) { --tw-shadow: 0 0 14px 2px 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); } } @media not all and (min-width: 48rem) { .card .card__top:not(:empty):is(:where(.group\/card)[aria-current="true"] *) { --tw-shadow: 0 0 14px 2px 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); } } .card .card__bottom { column-gap: var(--spacing-head-2); grid-template-columns: 1fr auto; align-items: baseline; display: grid; } .card .card__bottom .card__bottom__tag { font-size: var(--text-head-1); line-height: var(--tw-leading, var(--text-head-1--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-1--letter-spacing)); } @media (min-width: 48rem) { .card .card__bottom .card__bottom__tag { font-size: var(--text-head-2); line-height: var(--tw-leading, var(--text-head-2--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-2--letter-spacing)); } } .card .card__bottom .card__bottom__tag { color: var(--color-head-primary); min-width: calc(var(--spacing) * 0); } .card .card__bottom .card__bottom__pill { justify-self: flex-end; } .card .card__bottom .card__bottom__pill > *, .card .card__bottom .card__bottom__pill > .head-webcomponent > * { font-size: var(--text-head-1); line-height: var(--tw-leading, var(--text-head-1--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-1--letter-spacing)); } @media (min-width: 48rem) { .card .card__bottom .card__bottom__pill > *, .card .card__bottom .card__bottom__pill > .head-webcomponent > * { font-size: var(--text-head-2); line-height: var(--tw-leading, var(--text-head-2--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-2--letter-spacing)); } } .card .card__bottom .card__bottom__title { font-size: var(--text-head-3-em); line-height: var(--tw-leading, var(--text-head-3-em--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3-em--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-head-3-em--font-weight)); grid-column: span 2 / span 2; } @media (min-width: 48rem) { .card .card__bottom .card__bottom__title { font-size: var(--text-head-5-em); line-height: var(--tw-leading, var(--text-head-5-em--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-5-em--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-head-5-em--font-weight)); } } .card .card__bottom .card__bottom__title { color: var(--color-head-neutral); } .card .card__bottom .card__bottom__title:is(:where(.group\/card):where(:focus-visible, :active) *) { color: var(--color-head-primary); } @media (hover: hover) { .card .card__bottom .card__bottom__title:is(:where(.group\/card):where(:hover) *) { color: var(--color-head-primary); } } .card .card__bottom .card__bottom__title { white-space: pre-wrap; overflow-wrap: break-word; -webkit-hyphens: auto; hyphens: auto; } .card .card__bottom .card__bottom__subtitle { font-size: var(--text-head-2); line-height: var(--tw-leading, var(--text-head-2--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-2--letter-spacing)); grid-column: span 2 / span 2; } @media (min-width: 48rem) { .card .card__bottom .card__bottom__subtitle { font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); } } .card .card__bottom .card__bottom__subtitle { color: var(--color-head-neutral); } .card .card__bottom .card__bottom__subtitle:is(:where(.group\/card):where(:focus-visible, :active) *) { color: var(--color-head-primary); } @media (hover: hover) { .card .card__bottom .card__bottom__subtitle:is(:where(.group\/card):where(:hover) *) { color: var(--color-head-primary); } } .card .card__bottom .card__bottom__detail { font-size: var(--text-head-2); line-height: var(--tw-leading, var(--text-head-2--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-2--letter-spacing)); grid-column: span 2 / span 2; } @media (min-width: 48rem) { .card .card__bottom .card__bottom__detail { font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); } } .card .card__bottom .card__bottom__detail { color: var(--color-head-neutral); } .card .card__bottom .card__bottom__detail:is(:where(.group\/card):where(:focus-visible, :active) *) { color: var(--color-head-primary); } @media (hover: hover) { .card .card__bottom .card__bottom__detail:is(:where(.group\/card):where(:hover) *) { color: var(--color-head-primary); } } .card .card__bottom .card__bottom__detail { font-feature-settings: "case" on; } .item { padding-block: var(--spacing-head-4); justify-content: space-between; column-gap: var(--spacing-head-2); 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-duration: var(--duration-head-transition); --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); border-top-width: 0; flex-direction: row; text-decoration-line: none; display: flex; } .item .item__content { min-width: calc(var(--spacing) * 0); } .item .item__content .item__content__header { color: var(--color-head-primary); column-gap: var(--spacing-head-1); font-size: var(--text-head-2); line-height: var(--tw-leading, var(--text-head-2--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-2--letter-spacing)); align-items: baseline; display: flex; } .item .item__content .item__content__header .item__content__header__pill > *, .item .item__content .item__content__header .item__content__header__pill > .head-webcomponent > * { font-size: var(--text-head-2); line-height: var(--tw-leading, var(--text-head-2--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-2--letter-spacing)); } .item .item__content .item__content__title { font-size: var(--text-head-3-em); line-height: var(--tw-leading, var(--text-head-3-em--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3-em--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-head-3-em--font-weight)); } @media (min-width: 48rem) { .item .item__content .item__content__title { font-size: var(--text-head-5-em); line-height: var(--tw-leading, var(--text-head-5-em--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-5-em--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-head-5-em--font-weight)); } } .item .item__content .item__content__title { color: var(--color-head-neutral); } .item .item__content .item__content__title:is(:where(.group\/item):where(:focus-visible, :active) *) { color: var(--color-head-primary); } @media (hover: hover) { .item .item__content .item__content__title:is(:where(.group\/item):where(:hover) *) { color: var(--color-head-primary); } } .item .item__content .item__content__title { white-space: pre-wrap; } .item .item__content .item__content__subtitle { font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); } @media (min-width: 48rem) { .item .item__content .item__content__subtitle { font-size: var(--text-head-5); line-height: var(--tw-leading, var(--text-head-5--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-5--letter-spacing)); } } .item .item__content .item__content__subtitle { color: var(--color-head-neutral); } .item .item__content .item__content__subtitle:is(:where(.group\/item):where(:focus-visible, :active) *) { color: var(--color-head-primary); } @media (hover: hover) { .item .item__content .item__content__subtitle:is(:where(.group\/item):where(:hover) *) { color: var(--color-head-primary); } } .item .item__content .item__content__children { font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); } @media (min-width: 48rem) { .item .item__content .item__content__children { font-size: var(--text-head-5); line-height: var(--tw-leading, var(--text-head-5--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-5--letter-spacing)); } } .item .item__content .item__content__children { color: var(--color-head-neutral); 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-duration: var(--duration-head-transition); --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); } .item .item__content .item__content__children:is(:where(.group\/item):where(:focus-visible, :active) *) { color: var(--color-head-primary); } @media (hover: hover) { .item .item__content .item__content__children:is(:where(.group\/item):where(:hover) *) { color: var(--color-head-primary); } } .item .item__content .item__content__children .wrapper { flex-direction: column; display: flex; } .item .item__content .item__content__detail { font-size: var(--text-head-2); line-height: var(--tw-leading, var(--text-head-2--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-2--letter-spacing)); } @media (min-width: 48rem) { .item .item__content .item__content__detail { font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); } } @media (min-width: 80rem) { .item .item__content .item__content__detail { font-size: var(--text-head-4); line-height: var(--tw-leading, var(--text-head-4--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-4--letter-spacing)); } } .item .item__content .item__content__detail { color: var(--color-head-muted); 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-duration: var(--duration-head-transition); --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); } .item .item__content .item__content__detail:is(:where(.group\/item):where(:focus-visible, :active) *) { color: var(--color-head-neutral); } @media (hover: hover) { .item .item__content .item__content__detail:is(:where(.group\/item):where(:hover) *) { color: var(--color-head-neutral); } } .item .item__content .item__content__detail { font-feature-settings: "case" on; } .item .item__media { flex-shrink: 0; width: auto; height: fit-content; } .item .item__media img { max-height: calc(var(--spacing) * 24); width: auto; } .item .item__media { --tw-shadow: 0 0 4px 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); --tw-shadow-color: #410099; } @supports (color: color-mix(in lab, red, red)) { .item .item__media { --tw-shadow-color: color-mix(in oklab, var(--color-head-primary) var(--tw-shadow-alpha), transparent); } } .item .item__media { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .item .item__media:is(:where(.group\/item):where(:focus-visible, :active) *) { --tw-shadow: 0 0 8px 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); } @media (hover: hover) { .item .item__media:is(:where(.group\/item):where(:hover) *) { --tw-shadow: 0 0 8px 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); } } .item .item__media { margin-right: var(--shadow-head-thumb-extent); } .item .item__media .teaser-photo-fallback { aspect-ratio: 215 / 305; height: calc(var(--spacing) * 24); background-color: var(--color-head-primary-subtle); } .item.item--profile .item__content .item__content__children { font-size: var(--text-head-2); line-height: var(--tw-leading, var(--text-head-2--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-2--letter-spacing)); color: var(--color-head-muted); } .item.item--profile .item__content .item__content__children:is(:where(.group\/item):where(:focus-visible, :active) *) { color: var(--color-head-neutral); } @media (hover: hover) { .item.item--profile .item__content .item__content__children:is(:where(.group\/item):where(:hover) *) { color: var(--color-head-neutral); } } @media (min-width: 48rem) { .item.item--profile .item__content .item__content__children { font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); } } @media (min-width: 80rem) { .item.item--profile .item__content .item__content__children { font-size: var(--text-head-4); line-height: var(--tw-leading, var(--text-head-4--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-4--letter-spacing)); } } .item + .item, head-item + head-item .item, .listing > .item, .listing > head-item .item, .contents + .contents > .item, .content-query-item + .content-query-item > .item, .contents + .contents > :where(.head-webcomponent, .contents) > .item, .content-query-item + .content-query-item > :where(.head-webcomponent, .contents) > .item, .head-block--centered.item { border-top-width: var(--divider-regular); } @container (min-width: 75rem) { .timetable { column-gap: var(--gap-x); grid-template-columns: 12ch 1fr 1fr auto; display: grid; } .timetable > .accordion, .timetable > head-accordion > .accordion { grid-column: 1 / -1; grid-template-columns: subgrid; column-gap: var(--gap-x); display: grid; } } .timetable .timetable__session .timetable__session__header { --color-head-primary: var(--color-head-neutral); flex-direction: column; display: flex; align-items: flex-start !important; } @container (min-width: 75rem) { .timetable .timetable__session .timetable__session__header { grid-column: span 3 / span 3; grid-template-columns: subgrid; text-align: left; justify-items: start; display: grid; } } .timetable .timetable__session .timetable__session__time { text-align: left; --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ); } .timetable .timetable__session .timetable__session__left { text-align: left; } @container (min-width: 75rem) { .timetable .timetable__session .timetable__session__left.timetable__session__left--full { grid-column: span 2 / span 2; } } .timetable .timetable__session .timetable__session__right { text-align: left; } .timetable .timetable__session .timetable__session__panel { gap: var(--spacing-head-4); flex-direction: column; display: flex; } @container (min-width: 75rem) { .timetable .timetable__session .timetable__session__panel { grid-column: 1 / -1; grid-template-columns: subgrid; column-gap: var(--gap-x); row-gap: calc(var(--spacing) * 0); display: grid; } } .timetable .timetable__session .timetable__session__panel__description, .timetable .timetable__session .timetable__session__panel__info { row-gap: var(--section-gap-y); flex-direction: column; display: flex; } :is(.timetable .timetable__session .timetable__session__panel__description, .timetable .timetable__session .timetable__session__panel__info) .figure img { width: auto; max-height: 90vh; } :is(.timetable .timetable__session .timetable__session__panel__description, .timetable .timetable__session .timetable__session__panel__info) > div:not(.rich-text):not(.item) { display: contents; } :is(:is(.timetable .timetable__session .timetable__session__panel__description, .timetable .timetable__session .timetable__session__panel__info) > .item, :is(.timetable .timetable__session .timetable__session__panel__description, .timetable .timetable__session .timetable__session__panel__info) > div > .item):has( + .rich-text), :is(:is(.timetable .timetable__session .timetable__session__panel__description, .timetable .timetable__session .timetable__session__panel__info) > .item, :is(.timetable .timetable__session .timetable__session__panel__description, .timetable .timetable__session .timetable__session__panel__info) > div > .item):has( + head-rich-text), :is(:is(.timetable .timetable__session .timetable__session__panel__description, .timetable .timetable__session .timetable__session__panel__info) > .item, :is(.timetable .timetable__session .timetable__session__panel__description, .timetable .timetable__session .timetable__session__panel__info) > div > .item):has( + .item) { padding-bottom: calc(var(--spacing) * 0); } :is(:is(.timetable .timetable__session .timetable__session__panel__description, .timetable .timetable__session .timetable__session__panel__info) > .item, :is(.timetable .timetable__session .timetable__session__panel__description, .timetable .timetable__session .timetable__session__panel__info) > div > .item):first-child { padding-top: calc(var(--spacing) * 0); } @container (min-width: 75rem) { :is(:is(.timetable .timetable__session .timetable__session__panel__description, .timetable .timetable__session .timetable__session__panel__info) > .item, :is(.timetable .timetable__session .timetable__session__panel__description, .timetable .timetable__session .timetable__session__panel__info) > div > .item):first-child .item__media { margin-top: var(--shadow-head-thumb-extent); } } :is(:is(.timetable .timetable__session .timetable__session__panel__description, .timetable .timetable__session .timetable__session__panel__info) > .item, :is(.timetable .timetable__session .timetable__session__panel__description, .timetable .timetable__session .timetable__session__panel__info) > div > .item):not(:first-child) { border-top-width: var(--divider-regular); } @container (min-width: 75rem) { .timetable .timetable__session .timetable__session__panel__info { grid-column: span 2 / span 2; } } .timetable .timetable__session .timetable__session__panel__spacer { display: none; } @container (min-width: 75rem) { .timetable .timetable__session .timetable__session__panel__spacer { display: block; } } .tag { --base: var(--color-head-primary); --onbase: var(--color-head-onprimary); --muted: var(--color-head-primary-muted); --onmuted: var(--color-head-onprimary-muted); --subtle: var(--color-head-primary-subtle); --onsubtle: var(--color-head-onprimary-subtle); --focus: var(--color-head-primary-focus); --onfocus: var(--color-head-onprimary-focus); font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); display: inline-block; } @media (min-width: 48rem) { .tag { font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); } } @media (min-width: 80rem) { .tag { font-size: var(--text-head-4); line-height: var(--tw-leading, var(--text-head-4--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-4--letter-spacing)); } } .tag { width: fit-content; min-width: fit-content; 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-duration: var(--duration-head-transition); --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); padding-inline: var(--spacing-head-4); padding-block: var(--spacing-head-2); --tw-leading: 1; cursor: pointer; --tag-bg: var(--transparent); --tag-text: var(--base); --tag-border: var(--base); background-color: var(--tag-bg); color: var(--tag-text); border-width: 1px; border-color: var(--tag-border); border-radius: 3.40282e38px; line-height: 1; max-width: fit-content !important; } .tag:has(input:checked:not(:disabled)) { --tag-bg: var(--base); --tag-text: var(--onbase); --tag-border: var(--base); } @media (hover: hover) { .tag:hover:has(input:not(:disabled):not(:checked)), .tag:hover:has(input:not(:checked):not(:disabled)) { --tag-bg: var(--focus); --tag-text: var(--onfocus); --tag-border: var(--focus); } } .tag:active:has(input:not(:disabled):not(:checked)) { --tag-bg: var(--focus); --tag-text: var(--onfocus); --tag-border: var(--focus); } .tag:focus-visible:has(input:not(:disabled):not(:checked)) { --tag-bg: green; --tag-text: var(--onfocus); --tag-border: var(--focus); } .tag:has(input:disabled) { cursor: not-allowed; --tag-bg: var(--transparent); --tag-text: var(--muted); --tag-border: var(--muted); } .button, .commerce-checkout-flow .link--previous { font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); display: inline-block; max-width: fit-content !important; } @media (min-width: 48rem) { .button, .commerce-checkout-flow .link--previous { font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); } } @media (min-width: 80rem) { .button, .commerce-checkout-flow .link--previous { font-size: var(--text-head-4); line-height: var(--tw-leading, var(--text-head-4--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-4--letter-spacing)); } } .button, .commerce-checkout-flow .link--previous { 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-duration: var(--duration-head-transition); --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); padding-inline: var(--spacing-head-4); padding-block: var(--spacing-head-2); --tw-leading: 1; cursor: pointer; touch-action: manipulation; --base: var(--color-head-primary); --onbase: var(--color-head-onprimary); --muted: var(--color-head-primary-muted); --onmuted: var(--color-head-onprimary-muted); --subtle: var(--color-head-primary-subtle); --onsubtle: var(--color-head-onprimary-subtle); --focus: var(--color-head-primary-focus); --onfocus: var(--color-head-onprimary-focus); --btn-bg: var(--base, black); --btn-bg-hover: var(--focus); --btn-bg-pressed: var(--subtle); --btn-bg-disabled: var(--muted); --btn-border: transparent; --btn-border-hover: transparent; --btn-border-pressed: transparent; --btn-border-disabled: transparent; --btn-text: var(--onbase); --btn-text-hover: var(--onfocus); --btn-text-pressed: var(--onsubtle); --btn-text-disabled: var(--onmuted); background-color: var(--btn-bg); color: var(--btn-text); border-width: 1px; border-color: var(--btn-border); border-radius: 3.40282e38px; line-height: 1; } :is(.button, .commerce-checkout-flow .link--previous).button--text-inherit { font-size: inherit; } :is(.button, .commerce-checkout-flow .link--previous).button--outline { --btn-bg: var(--color-transparent); --btn-bg-hover: var(--base); --btn-border: var(--base); --btn-border-hover: var(--base); --btn-border-pressed: var(--base); --btn-border-muted: var(--muted); --btn-text: var(--base); --btn-bg-pressed: var(--base); --btn-text-pressed: var(--onbase); } :is(.button, .commerce-checkout-flow .link--previous).button--ghost { --btn-bg: var(--color-transparent); --btn-bg-hover: var(--subtle); --btn-bg-pressed: var(--base); --btn-text: var(--base); --btn-text-hover: var(--base); --btn-text-pressed: var(--onbase); } :is(.button, .commerce-checkout-flow .link--previous).button--rounded { min-height: calc(var(--spacing) * 8); min-width: calc(var(--spacing) * 8); padding: calc(var(--spacing) * 0); justify-content: center; align-items: center; display: flex; } :is(.button, .commerce-checkout-flow .link--previous).button--media { --base: var(--color-head-neutral); --onbase: var(--color-head-onneutral); --muted: var(--color-head-neutral-muted); --onmuted: var(--color-head-onneutral-muted); --subtle: pink; --onsubtle: var(--color-head-onneutral-subtle); --focus: var(--color-head-neutral-focus); --onfocus: var(--color-head-onneutral-focus); --btn-border-hover: var(--color-head-neutral-subtle); --btn-border-pressed: var(--color-head-neutral-subtle); --btn-border: var(--color-head-neutral-subtle); --btn-bg-pressed: pink; } :is(.button, .commerce-checkout-flow .link--previous).button--media:hover { border-width: 2px; } @media (hover: hover) { :is(.button, .commerce-checkout-flow .link--previous):hover:not(:disabled):not([aria-disabled="true"]) { background-color: var(--btn-bg-hover); color: var(--btn-text-hover); border-color: var(--btn-border-hover); } } :is(.button, .commerce-checkout-flow .link--previous):active:not(:disabled):not([aria-disabled="true"]), :is(.button, .commerce-checkout-flow .link--previous):focus-visible:not(:disabled):not([aria-disabled="true"]) { background-color: var(--btn-bg-pressed); color: var(--btn-text-pressed); border-color: var(--btn-border-pressed); outline-color: var(--base); } :is(.button, .commerce-checkout-flow .link--previous):active:not(:disabled):not([aria-disabled="true"]) { transition-property: none; } :is(.button, .commerce-checkout-flow .link--previous):disabled, :is(.button, .commerce-checkout-flow .link--previous)[aria-disabled="true"] { background-color: var(--btn-bg-disabled); color: var(--btn-text-disabled); border-color: var(--btn-border-disabled); pointer-events: none; cursor: not-allowed; } :is(.button, .commerce-checkout-flow .link--previous).button--neutral { --base: var(--color-head-neutral); --onbase: var(--color-head-onneutral); --muted: var(--color-head-neutral-muted); --onmuted: var(--color-head-onneutral-muted); --subtle: var(--color-head-neutral-subtle); --onsubtle: var(--color-head-onneutral-subtle); --focus: var(--color-head-neutral-focus); --onfocus: var(--color-head-onneutral-focus); } :is(.button, .commerce-checkout-flow .link--previous).button--secondary { --base: var(--color-head-secondary); --onbase: var(--color-head-onsecondary); --muted: var(--color-head-secondary-muted); --onmuted: var(--color-head-onsecondary-muted); --subtle: var(--color-head-secondary-subtle); --onsubtle: var(--color-head-onsecondary-subtle); --focus: var(--color-head-secondary-focus); --onfocus: var(--color-head-onsecondary-focus); } :is(.button, .commerce-checkout-flow .link--previous).button--tertiary { --base: var(--color-head-tertiary); --onbase: var(--color-head-ontertiary); --muted: var(--color-head-tertiary-muted); --onmuted: var(--color-head-ontertiary-muted); --subtle: var(--color-head-tertiary-subtle); --onsubtle: var(--color-head-ontertiary-subtle); --focus: var(--color-head-tertiary-focus); --onfocus: var(--color-head-ontertiary-focus); } :is(.button, .commerce-checkout-flow .link--previous).button--accent { --base: var(--color-head-accent); --onbase: var(--color-head-onaccent); --muted: var(--color-head-accent-muted); --onmuted: var(--color-head-onaccent-muted); --subtle: var(--color-head-accent-subtle); --onsubtle: var(--color-head-onaccent-subtle); --focus: var(--color-head-accent-focus); --onfocus: var(--color-head-onaccent-focus); } } @layer utilities { .\@container { container-type: inline-size; } .pointer-events-auto { pointer-events: auto; } .pointer-events-none { pointer-events: none; } .collapse { visibility: collapse; } .invisible { visibility: hidden; } .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-0 { inset: calc(var(--spacing) * 0); } .start { inset-inline-start: var(--spacing); } .start\! { inset-inline-start: var(--spacing) !important; } .end { inset-inline-end: var(--spacing); } .top-0 { top: calc(var(--spacing) * 0); } .top-4 { top: calc(var(--spacing) * 4); } .top-10 { top: calc(var(--spacing) * 10); } .right-0 { right: calc(var(--spacing) * 0); } .right-1\/2 { right: 50%; } .right-4 { right: calc(var(--spacing) * 4); } .bottom-2 { bottom: calc(var(--spacing) * 2); } .bottom-5 { bottom: calc(var(--spacing) * 5); } .left-\(--slider-scroll-px\) { left: var(--slider-scroll-px); } .left-0 { left: calc(var(--spacing) * 0); } .isolate { isolation: isolate; } .z-0 { z-index: 0; } .z-10 { z-index: 10; } .z-60 { z-index: 60; } .z-\[9999\] { z-index: 9999; } .col-12 { grid-column: 12; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-full { grid-column: 1 / -1; } .col-start-1 { grid-column-start: 1; } .row-start-1 { grid-row-start: 1; } .float-left { float: left; } .float-right { float: right; } .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: 72rem) { .container { max-width: 72rem; } } @media (min-width: 80rem) { .container { max-width: 80rem; } } @media (min-width: 96rem) { .container { max-width: 96rem; } } .container\! { width: 100% !important; } @media (min-width: 40rem) { .container\! { max-width: 40rem !important; } } @media (min-width: 48rem) { .container\! { max-width: 48rem !important; } } @media (min-width: 64rem) { .container\! { max-width: 64rem !important; } } @media (min-width: 72rem) { .container\! { max-width: 72rem !important; } } @media (min-width: 80rem) { .container\! { max-width: 80rem !important; } } @media (min-width: 96rem) { .container\! { max-width: 96rem !important; } } .mx-2 { margin-inline: calc(var(--spacing) * 2); } .mx-auto { margin-inline: auto; } .ms-5 { margin-inline-start: calc(var(--spacing) * 5); } .mt-1 { margin-top: calc(var(--spacing) * 1); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mb-5 { margin-bottom: calc(var(--spacing) * 5); } .ml-head-1 { margin-left: var(--spacing-head-1); } .scrollbar::-webkit-scrollbar-track { background-color: var(--scrollbar-track); border-radius: var(--scrollbar-track-radius); } .scrollbar::-webkit-scrollbar-thumb { background-color: var(--scrollbar-thumb); border-radius: var(--scrollbar-thumb-radius); } .scrollbar::-webkit-scrollbar-corner { background-color: var(--scrollbar-corner); border-radius: var(--scrollbar-corner-radius); } @supports ((-moz-appearance: none)) { .scrollbar { scrollbar-width: auto; scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial); } } .scrollbar::-webkit-scrollbar { width: var(--scrollbar-width, 16px); height: var(--scrollbar-height, 16px); display: block; } .no-scrollbar { scrollbar-width: none; scrollbar-height: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } .no-scrollbar::-webkit-scrollbar { display: none; } .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; } .inline-grid { display: inline-grid; } .list-item { display: list-item; } .table { display: table; } .table-cell { display: table-cell; } .table-row { display: table-row; } .aspect-square { aspect-ratio: 1; } .aspect-video { aspect-ratio: var(--aspect-video); } .size-1 { width: calc(var(--spacing) * 1); height: calc(var(--spacing) * 1); } .size-32 { width: calc(var(--spacing) * 32); height: calc(var(--spacing) * 32); } .size-40 { width: calc(var(--spacing) * 40); height: calc(var(--spacing) * 40); } .size-64 { width: calc(var(--spacing) * 64); height: calc(var(--spacing) * 64); } .h-6 { height: calc(var(--spacing) * 6); } .h-40 { height: calc(var(--spacing) * 40); } .h-48 { height: calc(var(--spacing) * 48); } .h-\[200svh\] { height: 200svh; } .h-\[400px\] { height: 400px; } .h-\[3000px\] { height: 3000px; } .h-dvh { height: 100dvh; } .h-full { height: 100%; } .h-min { height: min-content; } .max-h-\(--read-more-collapsed-h\) { max-height: var(--read-more-collapsed-h); } .max-h-\(--read-more-expanded-h\) { max-height: var(--read-more-expanded-h); } .max-h-\[calc\(40rem\/16\)\] { max-height: 2.5rem; } .max-h-full { max-height: 100%; } .min-h-0 { min-height: calc(var(--spacing) * 0); } .min-h-5000 { min-height: calc(var(--spacing) * 5000); } .min-h-\[30vw\] { min-height: 30vw; } .min-h-\[300px\] { min-height: 300px; } .min-h-\[400px\] { min-height: 400px; } .min-h-dvh { min-height: 100dvh; } .w-5 { width: calc(var(--spacing) * 5); } .w-6 { width: calc(var(--spacing) * 6); } .w-100 { width: calc(var(--spacing) * 100); } .w-\[17rem\] { width: 17rem; } .w-auto { width: auto; } .w-fit { width: fit-content; } .w-full { width: 100%; } .w-min { width: min-content; } .w-svw { width: 100svw; } .max-w-1\/2 { max-width: 50%; } .max-w-\[800px\] { max-width: 800px; } .max-w-\[calc\(400px\)\] { max-width: 400px; } .max-w-\[calc\(473px\)\] { max-width: 473px; } .max-w-\[calc\(600px\)\] { max-width: 600px; } .max-w-\[calc\(768px\)\] { max-width: 768px; } .max-w-\[calc\(1000px\)\] { max-width: 1000px; } .max-w-\[var\(--content-width\)\] { max-width: var(--content-width); } .max-w-none { max-width: none; } .min-w-full { min-width: 100%; } .flex-1 { flex: 1; } .flex-none { flex: none; } .flex-shrink { flex-shrink: 1; } .flex-shrink-0 { flex-shrink: 0; } .shrink { flex-shrink: 1; } .flex-grow, .grow { flex-grow: 1; } .border-collapse { border-collapse: collapse; } .translate-x-1\/2 { --tw-translate-x: calc(1 / 2 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .-rotate-45 { rotate: -45deg; } .rotate-180 { rotate: 180deg; } .transform { transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ); } .transform\! { transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ) !important; } .animate-pulse { animation: var(--animate-pulse); } .animate-spin { animation: var(--animate-spin); } .resize { resize: both; } .snap-x { scroll-snap-type: x var(--tw-scroll-snap-strictness); } .snap-mandatory { --tw-scroll-snap-strictness: mandatory; } .snap-proximity { --tw-scroll-snap-strictness: proximity; } .scroll-px-\(--scroll-px\) { scroll-padding-inline: var(--scroll-px); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-rows-\[minmax\(0\,0fr\)\] { grid-template-rows: minmax(0, 0fr); } .grid-rows-\[minmax\(0\,1fr\)\] { grid-template-rows: minmax(0, 1fr); } .flex-col { flex-direction: column; } .flex-row { flex-direction: row; } .flex-wrap { flex-wrap: wrap; } .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; } .gap-0 { gap: calc(var(--spacing) * 0); } .gap-1 { gap: calc(var(--spacing) * 1); } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-10 { gap: calc(var(--spacing) * 10); } .gap-head-1 { gap: var(--spacing-head-1); } .gap-head-4 { gap: var(--spacing-head-4); } .gap-x-0 { column-gap: calc(var(--spacing) * 0); } .gap-y-0 { row-gap: calc(var(--spacing) * 0); } .gap-y-5 { row-gap: calc(var(--spacing) * 5); } .gap-y-head-1 { row-gap: var(--spacing-head-1); } .gap-y-head-2 { row-gap: var(--spacing-head-2); } .self-start { align-self: flex-start; } .justify-self-start { justify-self: flex-start; } .truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-x-scroll { overflow-x: scroll; } .scroll-smooth { scroll-behavior: smooth; } .rounded { border-radius: .25rem; } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-full { border-radius: 3.40282e38px; } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border-head-accent { border-color: var(--color-head-accent); } .bg-black { background-color: var(--color-black); } .bg-current\/5 { background-color: currentColor; } @supports (color: color-mix(in lab, red, red)) { .bg-current\/5 { background-color: color-mix(in oklab, currentcolor 5%, transparent); } } .bg-debug { background-color: var(--color-debug); } .bg-gray-200 { background-color: var(--color-gray-200); background-color: var(--color-head-gray-200); } .bg-head-gray-0 { background-color: var(--color-head-gray-0); } .bg-head-gray-100 { background-color: var(--color-head-gray-100); } .bg-head-gray-200 { background-color: var(--color-head-gray-200); } .bg-head-gray-300 { background-color: var(--color-head-gray-300); } .bg-head-gray-400 { background-color: var(--color-head-gray-400); } .bg-head-gray-500 { background-color: var(--color-head-gray-500); } .bg-head-gray-600 { background-color: var(--color-head-gray-600); } .bg-head-gray-700 { background-color: var(--color-head-gray-700); } .bg-head-gray-800 { background-color: var(--color-head-gray-800); } .bg-head-gray-900 { background-color: var(--color-head-gray-900); } .bg-head-gray-1000 { background-color: var(--color-head-gray-1000); } .bg-head-green-100 { background-color: var(--color-head-green-100); } .bg-head-green-200 { background-color: var(--color-head-green-200); } .bg-head-green-300 { background-color: var(--color-head-green-300); } .bg-head-green-500 { background-color: var(--color-head-green-500); } .bg-head-green-600 { background-color: var(--color-head-green-600); } .bg-head-green-800 { background-color: var(--color-head-green-800); } .bg-head-primary-subtle { background-color: var(--color-head-primary-subtle); } .bg-head-purple-100 { background-color: var(--color-head-purple-100); } .bg-head-purple-200 { background-color: var(--color-head-purple-200); } .bg-head-purple-300 { background-color: var(--color-head-purple-300); } .bg-head-purple-400 { background-color: var(--color-head-purple-400); } .bg-head-purple-500 { background-color: var(--color-head-purple-500); } .bg-head-purple-800 { background-color: var(--color-head-purple-800); } .bg-head-red-100 { background-color: var(--color-head-red-100); } .bg-head-red-200 { background-color: var(--color-head-red-200); } .bg-head-red-300 { background-color: var(--color-head-red-300); } .bg-head-red-500 { background-color: var(--color-head-red-500); } .bg-head-red-800 { background-color: var(--color-head-red-800); } .bg-head-secondary-subtle { background-color: var(--color-head-secondary-subtle); } .bg-muted { background-color: var(--color-head-muted); } .bg-neutral-700 { background-color: var(--color-neutral-700); } .bg-pink-100 { background-color: var(--color-pink-100); } .bg-red-100 { background-color: var(--color-red-100); background-color: var(--color-head-red-100); } .bg-white { background-color: var(--color-white); } .bg-yellow-100 { background-color: var(--color-yellow-100); } .from-\(--section-bg\,white\) { --tw-gradient-from: var(--section-bg, white); --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)); } .from-transparent { --tw-gradient-from: transparent; --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)); } .to-\(--section-bg\,white\) { --tw-gradient-to: var(--section-bg, white); --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-white { fill: var(--color-white); } .object-contain { object-fit: contain; } .object-cover { object-fit: cover; } .p-\(--section-pb\) { padding: var(--section-pb); } .p-0 { padding: calc(var(--spacing) * 0); } .p-2 { padding: calc(var(--spacing) * 2); } .p-4 { padding: calc(var(--spacing) * 4); } .p-8 { padding: calc(var(--spacing) * 8); } .p-head-2 { padding: var(--spacing-head-2); } .p-head-8 { padding: var(--spacing-head-8); } .px-\(--scroll-px\) { padding-inline: var(--scroll-px); } .px-0 { padding-inline: calc(var(--spacing) * 0); } .px-2 { padding-inline: calc(var(--spacing) * 2); } .px-4 { padding-inline: calc(var(--spacing) * 4); } .px-5 { padding-inline: calc(var(--spacing) * 5); } .px-head-4 { padding-inline: var(--spacing-head-4); } .py-0 { padding-block: calc(var(--spacing) * 0); } .py-1 { padding-block: calc(var(--spacing) * 1); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-head-2 { padding-block: var(--spacing-head-2); } .pt-0\.5 { padding-top: calc(var(--spacing) * .5); } .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-20 { padding-top: calc(var(--spacing) * 20); } .pt-head-4 { padding-top: var(--spacing-head-4); } .pb-5 { padding-bottom: calc(var(--spacing) * 5); } .pb-head-6 { padding-bottom: var(--spacing-head-6); } .pl-0 { padding-left: calc(var(--spacing) * 0); } .text-center { text-align: center; } .align-middle { vertical-align: middle; } .title-numeric .section__title-container__title { font-feature-settings: "case" on; } .text-heading-3 { font-size: var(--text-head-4-em); line-height: var(--tw-leading, var(--text-head-4-em--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-4-em--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-head-4-em--font-weight)); } @media (min-width: 48rem) { .text-heading-3 { font-size: var(--text-head-6-em); line-height: var(--tw-leading, var(--text-head-6-em--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-6-em--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-head-6-em--font-weight)); } } @media (min-width: 80rem) { .text-heading-3 { font-size: var(--text-head-7-em); line-height: var(--tw-leading, var(--text-head-7-em--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-7-em--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-head-7-em--font-weight)); } } .text-heading-3 { --tw-leading: 1; line-height: 1; } .text-heading-4 { font-size: var(--text-head-3-em); line-height: var(--tw-leading, var(--text-head-3-em--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3-em--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-head-3-em--font-weight)); } @media (min-width: 48rem) { .text-heading-4 { font-size: var(--text-head-4-em); line-height: var(--tw-leading, var(--text-head-4-em--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-4-em--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-head-4-em--font-weight)); } } @media (min-width: 80rem) { .text-heading-4 { font-size: var(--text-head-6-em); line-height: var(--tw-leading, var(--text-head-6-em--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-6-em--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-head-6-em--font-weight)); } } .text-heading-4 { --tw-leading: 1; line-height: 1; } .text-head-8 { font-size: var(--text-head-8); line-height: var(--tw-leading, var(--text-head-8--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-8--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-head-8--font-weight)); } .text-body-small { font-size: var(--text-head-2); line-height: var(--tw-leading, var(--text-head-2--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-2--letter-spacing)); } @media (min-width: 48rem) { .text-body-small { font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); } } @media (min-width: 80rem) { .text-body-small { font-size: var(--text-head-4); line-height: var(--tw-leading, var(--text-head-4--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-4--letter-spacing)); } } .text-head-1 { font-size: var(--text-head-1); line-height: var(--tw-leading, var(--text-head-1--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-1--letter-spacing)); } .text-head-2 { font-size: var(--text-head-2); line-height: var(--tw-leading, var(--text-head-2--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-2--letter-spacing)); } .text-head-3 { font-size: var(--text-head-3); line-height: var(--tw-leading, var(--text-head-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-3--letter-spacing)); } .text-head-4 { font-size: var(--text-head-4); line-height: var(--tw-leading, var(--text-head-4--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-4--letter-spacing)); } .text-head-5 { font-size: var(--text-head-5); line-height: var(--tw-leading, var(--text-head-5--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-5--letter-spacing)); } .text-head-6 { font-size: var(--text-head-6); line-height: var(--tw-leading, var(--text-head-6--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-6--letter-spacing)); } .text-head-7 { font-size: var(--text-head-7); line-height: var(--tw-leading, var(--text-head-7--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-7--letter-spacing)); } .text-head-9 { font-size: var(--text-head-9); line-height: var(--tw-leading, var(--text-head-9--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-9--letter-spacing)); } .text-head-10 { font-size: var(--text-head-10); line-height: var(--tw-leading, var(--text-head-10--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-10--letter-spacing)); } .text-head-11 { font-size: var(--text-head-11); line-height: var(--tw-leading, var(--text-head-11--line-height)); letter-spacing: var(--tw-tracking, var(--text-head-11--letter-spacing)); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .leading-none { --tw-leading: 1; line-height: 1; } .font-light { --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); } .text-nowrap { text-wrap: nowrap; } .text-wrap { text-wrap: wrap; } .break-all { word-break: break-all; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre { white-space: pre; } .whitespace-pre-line { white-space: pre-line; } .link-text { 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-duration: var(--duration-head-transition); --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); --base: var(--color-head-primary); --onbase: var(--color-head-onprimary); --muted: var(--color-head-primary-muted); --onmuted: var(--color-head-onprimary-muted); --subtle: var(--color-head-primary-subtle); --onsubtle: var(--color-head-onprimary-subtle); --focus: var(--color-head-primary-focus); --onfocus: var(--color-head-onprimary-focus); color: var(--base); } .link-text:focus { color: var(--focus); } @media (hover: hover) { .link-text:hover { color: var(--focus); } } .link-text:active { color: var(--focus); } .text-black { color: var(--color-black); } .text-error { color: var(--color-head-error); } .text-head-muted { color: var(--color-head-muted); } .text-head-neutral { color: var(--color-head-neutral); } .text-head-primary { color: var(--color-head-primary); } .text-muted { color: var(--color-head-muted); } .text-neutral { color: var(--color-head-neutral); } .text-primary { color: var(--color-head-primary); } .text-white { color: var(--color-white); } .capitalize { text-transform: capitalize; } .lowercase { text-transform: lowercase; } .uppercase { text-transform: uppercase; } .italic { font-style: italic; } .ordinal { --tw-ordinal: ordinal; font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ); } .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ); } .no-underline { text-decoration-line: none; } .overline { text-decoration-line: overline; } .underline { text-decoration-line: underline; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .opacity-0 { opacity: 0; } .opacity-50 { opacity: .5; } .opacity-100 { opacity: 1; } .mix-blend-difference { mix-blend-mode: difference; } .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); } .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); } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .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, ); } .grayscale { --tw-grayscale: grayscale(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, ); } .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, ); } .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, ) !important; } .backdrop-filter { -webkit-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: 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, ); } .head-transition { 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-duration: var(--duration-head-transition); --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); } .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-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-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-500 { --tw-duration: .5s; transition-duration: .5s; } .duration-head-short { transition-duration: var(--duration-head-short); } .ease-in { --tw-ease: var(--ease-in); transition-timing-function: var(--ease-in); } .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } .ease-out { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); } .select-none { -webkit-user-select: none; user-select: none; } .italic { font-variation-settings: "ital" 14; } .group-data-can-scroll-left\:opacity-100:is(:where(.group)[data-can-scroll-left] *), .group-data-can-scroll-right\:opacity-100:is(:where(.group)[data-can-scroll-right] *) { opacity: 1; } .group-\[\[mediahasplayed\]\]\/controller\:flex:is(:where(.group\/controller)[mediahasplayed] *) { display: flex; } .group-\[\[mediaisfullscreen\]\]\:block:is(:where(.group)[mediaisfullscreen] *) { display: block; } .group-\[\[mediaisfullscreen\]\]\:hidden:is(:where(.group)[mediaisfullscreen] *) { display: none; } .group-\[\[mediaisfullscreen\]\]\:opacity-0:is(:where(.group)[mediaisfullscreen] *) { opacity: 0; } .group-\[\[mediaisfullscreen\]\]\:opacity-100:is(:where(.group)[mediaisfullscreen] *) { opacity: 1; } .group-\[\[mediavolumelevel\=\'high\'\]\]\:block:is(:where(.group)[mediavolumelevel="high"] *) { display: block; } .group-\[\[mediavolumelevel\=\'high\'\]\]\:opacity-100:is(:where(.group)[mediavolumelevel="high"] *) { opacity: 1; } .group-\[\[mediavolumelevel\=\'off\'\]\]\:block:is(:where(.group)[mediavolumelevel="off"] *) { display: block; } .group-\[\[mediavolumelevel\=\'off\'\]\]\:opacity-100:is(:where(.group)[mediavolumelevel="off"] *) { opacity: 1; } .after\:px-\[var\(--flex-gap-x-default\)\]:after { content: var(--tw-content); padding-inline: var(--flex-gap-x-default); } .after\:content-\[attr\(data-separator\)\]:after { --tw-content: attr(data-separator); content: var(--tw-content); } .last\:after\:content-none:last-child:after { content: var(--tw-content); --tw-content: none; content: none; } .has-\[\.tag\]\:gap-x-\[var\(--flex-gap-x-default\)\]:has(.tag) { column-gap: var(--flex-gap-x-default); } @media (prefers-reduced-motion: no-preference) { .motion-safe\:scroll-smooth { scroll-behavior: smooth; } } @media (prefers-reduced-motion: reduce) { .motion-reduce\:scroll-smooth { scroll-behavior: smooth; } } @media (min-width: 48rem) { .tablet\:block { display: block; } .tablet\:w-\[21\.875rem\] { width: 21.875rem; } .tablet\:gap-y-0 { row-gap: calc(var(--spacing) * 0); } .tablet\:px-head-5 { padding-inline: var(--spacing-head-5); } .tablet\:pt-head-5 { padding-top: var(--spacing-head-5); } .tablet\:pb-head-8 { padding-bottom: var(--spacing-head-8); } } @media (min-width: 72rem) { .nav-desktop\:order-10 { order: 10; } .nav-desktop\:hidden { display: none; } .nav-desktop\:max-h-\[32px\] { max-height: 32px; } .nav-desktop\:flex-row { flex-direction: row; } } @media (min-width: 80rem) { .desktop\:max-h-\[calc\(60rem\/16\)\] { max-height: 3.75rem; } .desktop\:w-\[30rem\] { width: 30rem; } .desktop\:px-head-6 { padding-inline: var(--spacing-head-6); } .desktop\:pt-head-6 { padding-top: var(--spacing-head-6); } .desktop\:pb-head-10 { padding-bottom: var(--spacing-head-10); } } @-moz-document url-prefix() { .firefox\:hidden { display: none; } } @-moz-document url-prefix() { .firefox\:h-full { height: 100%; } } .\[\&_img\]\:max-h-full img, .\[\&_video\]\:max-h-full video { max-height: 100%; } .\[\&\>\*\]\:snap-start > * { scroll-snap-align: start; } .\[\&\>\*\]\:data-\[in-view\]\:bg-debug > [data-in-view] { background-color: var(--color-debug); } .\[\&\>\.content-query-item\>\*\]\:snap-start > .content-query-item > *, .\[\&\>\.content-query-item\>\.head-webcomponent\>\*\]\:snap-start > .content-query-item > .head-webcomponent > *, .\[\&\>\.contents\>\*\]\:snap-start > .contents > *, .\[\&\>\.contents\>\.head-webcomponent\>\*\]\:snap-start > .contents > .head-webcomponent > * { scroll-snap-align: start; } .\[\&\>h2\]\:shadow-head > h2 { --tw-shadow: 0 0 4px 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); } .\[\&\>h2\]\:shadow-head-primary > h2 { --tw-shadow-color: #410099; } @supports (color: color-mix(in lab, red, red)) { .\[\&\>h2\]\:shadow-head-primary > h2 { --tw-shadow-color: color-mix(in oklab, var(--color-head-primary) var(--tw-shadow-alpha), transparent); } } } head-nav, head-wrapper, head-callout-circle, head-rich-text, head-grid, head-slider, head-section, head-page-header, head-accordion, head-accordion-item, head-card, head-callout-box, head-figure, head-footer, head-image, head-link-button, head-link-text, head-button, head-breadcrumb, head-definition-list, head-definition-list-entry, head-tag-filter, head-info-card, head-looping-video, head-video-player, head-youtube-player, head-listing, head-listing-filter-group, head-listing-search-bar, head-listing-select, head-listing-year-range, head-listing-filter-indicator, head-listing-filter-button, head-listing-filter-reset, head-nav-anchors, head-timetable, head-timetable-session, head-cookies { display: contents; } :is(head-nav:not(:defined), head-section:not(:defined), head-page-header:not(:defined), head-slider:not(:defined), head-accordion:not(:defined), head-grid:not(:defined), head-card:not(:defined), head-footer:not(:defined), head-listing:not(:defined), head-nav-anchors:not(:defined), head-video-player:not(:defined)) { opacity: 0 !important; display: block !important; } head-page-header, head-listing, head-listing-select, head-listing-filter-group, head-listing-search-bar, head-listing-year-range, head-listing-filter-indicator, head-listing-filter-button, head-listing-filter-reset, head-drawer, head-nav-anchors, head-link-button, head-drawer-close, head-timetable, head-timetable-session, head-teaser-context, head-wrapper { display: contents; } @font-face { font-family: Walla; font-style: normal; font-display: block; src: url("./walla.woff2") format("woff2"); font-variant-alternates: styleset("ss01", "ss02", "ss03", "ss04", "ss06", "ss07", "ss09", "ss11", "ss14"); } @counter-style circled-decimal { system: fixed; symbols: ① ② ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨; suffix: " "; fallback: decimal; } @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-scroll-snap-strictness { syntax: "*"; inherits: false; initial-value: proximity; } @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-ease { syntax: "*"; inherits: false } @property --tw-ordinal { syntax: "*"; inherits: false } @property --tw-slashed-zero { syntax: "*"; inherits: false } @property --tw-numeric-figure { syntax: "*"; inherits: false } @property --tw-numeric-spacing { syntax: "*"; inherits: false } @property --tw-numeric-fraction { 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-content { syntax: "*"; inherits: false; initial-value: ""; } @property --tw-text-shadow-color { syntax: "*"; inherits: false } @property --tw-text-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @keyframes spin { to { transform: rotate(360deg); } } @keyframes pulse { 50% { opacity: .5; } }