@layer reset, site_default, element_default, component_default, page_default, site_base, element_base, component_base, page_base, site_local, element_local, component_local, page_local, site_custom, element_custom, component_custom, page_custom, utility, override; @layer component_base { /* ======================================================================== Component: Modal ========================================================================== */ /* * 1. Hide by default * 2. Set position * 3. Allow scrolling for the modal dialog * 4. Horizontal padding * 5. Mask the background page * 6. Fade-in transition */ .uk-modal { /* 1 */ display: none; /* 2 */ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1010; /* 3 */ overflow-y: auto; /* 4 */ padding: 15px 15px; /* 5 */ background: rgba(0, 0, 0, 0.6); /* 6 */ opacity: 0; transition: opacity 0.15s linear; } /* Phone landscape and bigger */ @media (min-width: 640px) { .uk-modal { padding: 50px 30px; } } /* Tablet landscape and bigger */ @media (min-width: 960px) { .uk-modal { padding-left: 40px; padding-right: 40px; } } /* * Open */ .uk-modal.uk-open { opacity: 1; } /* Page ========================================================================== */ /* * Prevent scrollbars */ .uk-modal-page { overflow: hidden; } /* Dialog ========================================================================== */ /* * 1. Create position context for spinner and close button * 2. Dimensions * 3. `!important` is needed to overwrite `uk-width-auto`. See `#modal-media-image` in tests * 4. Style * 5. Slide-in transition */ .uk-modal-dialog { /* 1 */ position: relative; /* 2 */ box-sizing: border-box; margin: 0 auto; width: 600px; /* 3 */ max-width: 100% !important; /* 4 */ background: #fff; /* 5 */ opacity: 0; transform: translateY(-100px); transition: 0.3s linear; transition-property: opacity, transform; } /* * Open */ .uk-open > .uk-modal-dialog { opacity: 1; transform: translateY(0); } /* Size modifier ========================================================================== */ /* * Container size * Take the same size as the Container component */ .uk-modal-container .uk-modal-dialog { width: 1200px; } /* * Full size * 1. Remove padding and background from modal * 2. Reset all default declarations from modal dialog */ /* 1 */ .uk-modal-full { padding: 0; background: none; } /* 2 */ .uk-modal-full .uk-modal-dialog { margin: 0; width: 100%; max-width: 100%; transform: translateY(0); } /* Sections ========================================================================== */ .uk-modal-body { display: flow-root; padding: 20px 20px; } .uk-modal-header { display: flow-root; padding: 10px 20px; background: #f8f8f8; } .uk-modal-footer { display: flow-root; padding: 10px 20px; background: #f8f8f8; } /* Phone landscape and bigger */ @media (min-width: 640px) { .uk-modal-body { padding: 30px 30px; } .uk-modal-header { padding: 15px 30px; } .uk-modal-footer { padding: 15px 30px; } } /* * Remove margin from the last-child */ .uk-modal-body > :last-child, .uk-modal-header > :last-child, .uk-modal-footer > :last-child { margin-bottom: 0; } /* Title ========================================================================== */ .uk-modal-title { font-size: 2rem; line-height: 1.3; } /* Close * Adopts `uk-close` ========================================================================== */ [class*=uk-modal-close-] { position: absolute; z-index: 1010; top: 10px; right: 10px; padding: 5px; } /* * Remove margin from adjacent element */ [class*=uk-modal-close-]:first-child + * { margin-top: 0; } /* * Hover */ /* * Default */ /* * Outside * 1. Prevent scrollbar on small devices */ .uk-modal-close-outside { top: 0; /* 1 */ right: -5px; transform: translate(0, -100%); color: white; } .uk-modal-close-outside:hover { color: #fff; } /* Tablet landscape and bigger */ @media (min-width: 960px) { /* 1 */ .uk-modal-close-outside { right: 0; transform: translate(100%, -100%); } } /* * Full */ /* ======================================================================== Component: Slider ========================================================================== */ /* * 1. Prevent tab highlighting on iOS. */ .uk-slider { /* 1 */ -webkit-tap-highlight-color: transparent; } /* Container ========================================================================== */ /* * Clip child elements */ .uk-slider-container { overflow: hidden; } /* * Widen container to prevent box-shadows from clipping, `large-box-shadow` */ .uk-slider-container-offset { margin: -11px -25px -39px -25px; padding: 11px 25px 39px 25px; } /* Items ========================================================================== */ /* * 1. Optimize animation * 2. Create a containing block. In Safari it's neither created by `transform` nor `will-change`. * 3. Disable horizontal panning gestures */ .uk-slider-items { /* 1 */ will-change: transform; /* 2 */ position: relative; /* 3 */ touch-action: pan-y; } /* * 1. Reset list style without interfering with grid * 2. Prevent displaying the callout information on iOS. */ .uk-slider-items:not(.uk-grid) { display: flex; /* 1 */ margin: 0; padding: 0; list-style: none; /* 2 */ -webkit-touch-callout: none; } .uk-slider-items.uk-grid { flex-wrap: nowrap; } /* Item ========================================================================== */ /* * 1. Let items take content dimensions (0 0 auto) * `max-width` needed to keep image responsiveness and prevent content overflow * 2. Create position context */ .uk-slider-items > * { /* 1 */ flex: none; box-sizing: border-box; max-width: 100%; /* 2 */ position: relative; } /* ======================================================================== Component: Lightbox ========================================================================== */ /* * 1. Hide by default * 2. Set position * 3. Allow scrolling for the modal dialog * 4. Horizontal padding * 5. Mask the background page * 6. Fade-in transition * 7. Prevent cancellation of pointer events while dragging */ .uk-lightbox { /* 1 */ display: none; /* 2 */ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1010; /* 5 */ background: #000; /* 6 */ opacity: 0; transition: opacity 0.15s linear; /* 7 */ touch-action: pinch-zoom; } /* * Open * 1. Center child * 2. Fade-in */ .uk-lightbox.uk-open { display: block; /* 2 */ opacity: 1; } /* * Focus */ .uk-lightbox :focus-visible { outline-color: rgba(255, 255, 255, 0.7); } /* Page ========================================================================== */ /* * Prevent scrollbars */ .uk-lightbox-page { overflow: hidden; } /* Item ========================================================================== */ /* * 1. Center child within the viewport * 2. Not visible by default * 3. Color needed for spinner icon * 4. Optimize animation * 5. Responsiveness * Using `vh` for `max-height` to fix image proportions after resize in Safari and Opera */ .uk-lightbox-items > * { /* 1 */ position: absolute; top: 0; right: 0; bottom: 0; left: 0; /* 2 */ display: none; justify-content: center; align-items: center; /* 3 */ color: rgba(255, 255, 255, 0.7); /* 4 */ will-change: transform, opacity; } /* 5 */ .uk-lightbox-items > * > * { max-width: 100vw; max-height: 100vh; } .uk-lightbox-items > * > :not(iframe) { width: auto; height: auto; } .uk-lightbox-items > .uk-active { display: flex; } /* Toolbar ========================================================================== */ .uk-lightbox-toolbar { padding: 10px 10px; background: rgba(0, 0, 0, 0.3); color: rgba(255, 255, 255, 0.7); } .uk-lightbox-toolbar > * { color: rgba(255, 255, 255, 0.7); } /* Toolbar Icon (Close) ========================================================================== */ .uk-lightbox-toolbar-icon { padding: 5px; color: rgba(255, 255, 255, 0.7); } /* * Hover */ .uk-lightbox-toolbar-icon:hover { color: #fff; } /* Button (Slidenav) ========================================================================== */ /* * 1. Center icon vertically and horizontally */ .uk-lightbox-button { box-sizing: border-box; width: 50px; height: 50px; background: rgba(0, 0, 0, 0.3); color: rgba(255, 255, 255, 0.7); /* 1 */ display: inline-flex; justify-content: center; align-items: center; } /* Hover */ .uk-lightbox-button:hover { color: #fff; } /* OnClick */ /* Caption ========================================================================== */ .uk-lightbox-caption:empty { display: none; } /* Iframe ========================================================================== */ .uk-lightbox-iframe { width: 80%; height: 80%; } } @layer site_default { :root { --link-border-size-default: 1px; --link-border-offset-default: 0.28em; --link-bg-size-default: 0%; --link-bg-offset-default: 100%; --link-border-size-hover: 1px; --link-border-offset-hover: 0.28em; --link-bg-size-hover: 100%; --link-bg-offset-hover: 100%; } } @layer site_default { body, h1, h2, h3, h4, h5, h6, p, li, blockquote, legend, label, input, textarea, select, button, th, td, caption, details, summary, dt, dd, pre, div { color: var(--p-text); transition-property: color, border-color, background-color; transition-duration: 240ms; transition-timing-function: cubic-bezier(0.42, 0, 0.32, 1); } .screen-reader-only:not(.show-on-focus), .show-on-focus:not(:active, :focus, :focus-visible) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip-path: rect(0 0 0 0) !important; white-space: nowrap !important; border: 0 !important; } .show-on-focus:is(:active, :focus, :focus-visible) { position: static !important; width: auto !important; height: auto !important; overflow: visible !important; clip-path: none !important; white-space: normal !important; } .skip-to-content { display: block; padding-block: var(--rhythm-tiny); } @media screen and (prefers-reduced-motion: reduce) { :is(:root, body) { scroll-behavior: auto; } } :root { height: 100%; font-size: clamp(16px, 0.3424vw + 14.7671px, 20px); font-family: "PT Serif", Constantia, "Lucida Serif", Lucida, "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; font-weight: 400; line-height: 1.4; letter-spacing: 0; text-transform: none; font-variant-numeric: oldstyle-nums; -mos-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; transition: background-color 480ms linear(0, 1); } body { position: relative; z-index: 1; margin: 0; padding: 0; overflow-x: clip; overflow-wrap: break-word; color: var(--p-text); font-synthesis: none; text-wrap: pretty; accent-color: var(--p-accent-1); transition: background-color 480ms linear(0, 1); } body[data-allow-scroll=false] { overflow: hidden; } .w-page { position: relative; display: flex; flex-direction: column; min-height: 100dvh; } main { flex: 1 0 auto; } *::-moz-selection { color: var(--p-selection-text); background: var(--p-selection-bg); } *::selection { color: var(--p-selection-text); background: var(--p-selection-bg); } :is(h1, h2, h3, h4, h5, h6) { clear: both; } :is(h1, h2, h3, h4, h5, h6):first-child { margin-top: 0; } :is(h1, h2, h3, h4, h5, h6):last-child { margin-bottom: 0; } :is(h1, h2, h3, h4, h5, h6):has(+ :is(p, [data-content])) { margin-bottom: 0.4em; } :is(h1, h2, h3, h4) { margin-left: -0.035em; margin-top: 1.25em; } :is(h1, h2, h3, h4):last-child { margin-bottom: 0; } :is(h1, h2) { margin-bottom: 0.45em; } :is(h3, h4) { margin-bottom: 0.65em; } :is(h5, h6) { margin-top: 1.5em; margin-bottom: 0.55em; } h1 { font-size: clamp(36px, 4.6232vw + 19.3561px, 90px); font-family: "The Bold Font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: clamp(39.5076px, 4.481vw + 23.3759px, 91.8461px); letter-spacing: clamp(-1.4302px, -0.0945vw + 0.0131px, -0.3269px); text-transform: uppercase; font-variant-numeric: lining-nums; } h2 { font-size: clamp(24px, 1.7123vw + 17.8356px, 44px); font-family: "The Bold Font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: clamp(27.8769px, 1.6596vw + 21.9022px, 47.2615px); letter-spacing: clamp(-0.4904px, -0.035vw + 0.0442px, -0.0818px); text-transform: uppercase; font-variant-numeric: lining-nums; } h3 { font-size: clamp(24px, 1.0273vw + 20.3013px, 36px); font-family: "The Bold Font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: clamp(27.8769px, 0.9957vw + 24.292px, 39.5076px); letter-spacing: clamp(-0.3269px, -0.021vw - 0.0062px, -0.0818px); text-transform: uppercase; font-variant-numeric: lining-nums; } h4 { font-size: clamp(20px, 1.0273vw + 16.3013px, 32px); font-family: "The Bold Font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: clamp(24px, 0.9957vw + 20.4151px, 35.6307px); letter-spacing: clamp(-0.2452px, -0.021vw + 0.0755px, 0px); text-transform: uppercase; font-variant-numeric: lining-nums; } h5 { font-size: 18px; font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.2; letter-spacing: 0em; text-transform: none; font-variant-numeric: oldstyle-nums; } h6 { font-size: 14px; font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.2; letter-spacing: 0em; text-transform: none; font-variant-numeric: oldstyle-nums; } :is(p, [data-content]) { margin-block: 0.85em; } :is(p, [data-content]):first-child { margin-top: 0; } :is(p, [data-content]):last-child { margin-bottom: 0; } b, strong { font-weight: 700; } :is(a, .shy:not(a)):where(:not(.btn)) { color: var(--link-text-color, var(--link-text-color-default)); text-decoration-line: underline; text-decoration-color: var(--link-border-color, var(--link-border-color-default)); text-decoration-thickness: var(--link-border-size, var(--link-border-size-default)); text-underline-offset: var(--link-border-offset, var(--link-border-offset-default)); transition-property: color, background-color, background-size, background-position, text-decoration-color, text-underline-offset, border-color; background-image: linear-gradient(var(--link-bg-color, var(--link-bg-color-hover)), var(--link-bg-color, var(--link-bg-color-hover))); background-repeat: no-repeat; background-size: 100% var(--link-bg-size, var(--link-bg-size-default)); background-position: 0 var(--link-bg-offset, var(--link-bg-offset-default)); transition-duration: 240ms; transition-timing-function: cubic-bezier(0.42, 0, 0.32, 1); } :is(a, .shy:not(a)):where(:not(.btn)).\:icon { display: inline-flex; align-items: center; gap: 1.25em; } @media (hover: hover) { :is(a, .shy:not(a)):where(:not(.btn)):hover { color: var(--link-text-color, var(--link-text-color-hover)); text-decoration-color: var(--link-border-color, var(--link-border-color-hover)); text-decoration-thickness: var(--link-border-size, var(--link-border-size-hover)); text-underline-offset: var(--link-border-offset, var(--link-border-offset-hover)); background-size: 100% var(--link-bg-size, var(--link-bg-size-hover)); background-position: 0 var(--link-bg-offset, var(--link-bg-offset-hover)); } } a.\+secret { --link-border-color: transparent; --link-bg-color: transparent; } .shy.shy { color: var(--link-shy-text-color, var(--link-shy-text-color-default)); text-decoration-color: var(--link-shy-border-color, var(--link-shy-border-color-default)); background-image: linear-gradient(var(--link-shy-bg-color, var(--link-shy-bg-color-hover)), var(--link-shy-bg-color, var(--link-shy-bg-color-hover))); } @media (hover: hover) { .shy.shy:hover { color: var(--link-shy-text-color, var(--link-shy-text-color-hover)); text-decoration-color: var(--link-shy-border-color, var(--link-shy-border-color-hover)); } } sup { font-weight: 700; } sup a { --link-border-color: transparent; padding-inline: 0.15em; } hr { margin-block: var(--rhythm-flow); border-color: var(--p-line); } table { margin-block: 2em; width: 100%; font-size: 16px; line-height: 1.4; letter-spacing: 0; } table th { padding: 0.5em 0.6em; background: var(--p-inset-bg); font-weight: 700; text-align: left; } table td { padding: 0.8em 0.6em; border-bottom: 1px solid var(--p-line); text-align: left; } table:first-child { margin-top: 0; } table:last-child { margin-bottom: 0; } #wpadminbar { z-index: 999999 !important; } @media (max-width: 739.98px) { #wpadminbar { display: none; } } svg { max-width: 100%; height: auto; } [hidden][aria-busy=true] { display: revert; } [class*=":palette-"] { background-color: var(--p-bg); } :root { background-color: var(--p-bg); color: var(--p-text); } body { background-color: var(--p-bg); } :root:where(:has([data-palette-static="1"])) { --p-bg: var(--color-cloud); --p-inset-bg: var(--color-mint); --p-overlay-bg: var(--color-forest-66); --p-text: var(--color-forest); --p-text-alt: var(--color-forest); --p-list-marker-1: var(--color-shamrock); --p-list-marker-2: var(--color-shamrock); --p-list-marker-3: var(--color-shamrock); --p-selection-bg: var(--color-lime); --p-selection-text: var(--color-forest); --p-caption: var(--color-pine); --p-error: var(--color-apple); --p-accent-1: var(--color-shamrock); --p-accent-2: var(--color-lime); --p-accent-3: var(--color-pine); --p-accent-4: var(--color-moss); --p-accent-5: var(--color-lemon); --p-line: var(--color-moss); --p-line-alt: var(--color-forest); --p-icon: var(--color-forest); --p-image-bg: var(--color-mint); --link-text-color-default: var(--color-forest); --link-border-color-default: var(--color-forest); --link-bg-color-default: var(--color-lime); --link-text-color-hover: var(--color-forest); --link-border-color-hover: var(--color-lime); --link-bg-color-hover: var(--color-lime); --link-text-color-active: var(--color-forest); --link-border-color-active: var(--color-lime); --link-bg-color-active: var(--color-lime); --link-shy-text-color-default: var(--color-forest); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-lime); --link-shy-text-color-hover: var(--color-forest); --link-shy-border-color-hover: var(--color-lime); --link-shy-bg-color-hover: var(--color-lime); --p-btn-v1-text-default: var(--color-forest); --p-btn-v1-border-default: var(--color-lime); --p-btn-v1-bg-default: var(--color-lime); --p-btn-v1-text-hover: var(--color-cloud); --p-btn-v1-border-hover: var(--color-forest); --p-btn-v1-bg-hover: var(--color-forest); --p-btn-v1-text-active: var(--color-cloud); --p-btn-v1-border-active: var(--color-forest); --p-btn-v1-bg-active: var(--color-forest); --p-btn-v1-text-disabled: var(--color-forest); --p-btn-v1-border-disabled: var(--color-lime); --p-btn-v1-bg-disabled: var(--color-lime); --p-btn-v2-text-default: var(--color-forest); --p-btn-v2-border-default: var(--color-forest); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-cloud); --p-btn-v2-border-hover: var(--color-forest); --p-btn-v2-bg-hover: var(--color-forest); --p-btn-v2-text-active: var(--color-cloud); --p-btn-v2-border-active: var(--color-forest); --p-btn-v2-bg-active: var(--color-forest); --p-btn-v2-text-disabled: var(--color-forest); --p-btn-v2-border-disabled: var(--color-forest); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v3-text-default: var(--color-forest); --p-btn-v3-border-default: var(--color-forest); --p-btn-v3-bg-default: var(--color-lime); --p-btn-v3-text-hover: var(--color-forest); --p-btn-v3-border-hover: var(--color-forest); --p-btn-v3-bg-hover: var(--color-lime); --p-btn-v3-text-active: var(--color-forest); --p-btn-v3-border-active: var(--color-forest); --p-btn-v3-bg-active: var(--color-lime); --p-btn-v3-text-disabled: var(--color-forest); --p-btn-v3-border-disabled: var(--color-forest); --p-btn-v3-bg-disabled: var(--color-lime); --p-btn-v1-media-text-default: var(--color-cloud); --p-btn-v1-media-border-default: var(--color-lime); --p-btn-v1-media-bg-default: var(--color-lime); --p-btn-v1-media-text-hover: var(--color-forest); --p-btn-v1-media-border-hover: var(--color-cloud); --p-btn-v1-media-bg-hover: var(--color-cloud); --p-btn-v1-media-text-active: var(--color-forest); --p-btn-v1-media-border-active: var(--color-cloud); --p-btn-v1-media-bg-active: var(--color-cloud); --p-btn-v1-media-text-disabled: var(--color-cloud); --p-btn-v1-media-border-disabled: var(--color-lime); --p-btn-v1-media-bg-disabled: var(--color-lime); --field-text-color-default: var(--color-moss); --field-border-color-default: var(--color-moss); --field-bg-color-default: var(--color-transparent); --field-text-color-value: var(--color-forest); --field-border-color-value: var(--color-forest); --field-bg-color-value: var(--color-transparent); --field-text-color-hover: var(--color-forest); --field-border-color-hover: var(--color-cerulean); --field-bg-color-hover: var(--color-transparent); --field-text-color-focus: var(--color-forest); --field-border-color-focus: var(--color-forest); --field-bg-color-focus: var(--color-transparent); --field-text-color-error: var(--color-apple); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-transparent); --field-text-color-disabled: var(--color-forest); --field-border-color-disabled: var(--color-forest); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-forest); --toggle-input-border-color-default: var(--color-moss); --toggle-input-bg-color-default: var(--color-transparent); --toggle-input-icon-color-value: var(--color-forest); --toggle-input-border-color-value: var(--color-forest); --toggle-input-bg-color-value: var(--color-transparent); --toggle-input-icon-color-hover: var(--color-forest); --toggle-input-border-color-hover: var(--color-cerulean); --toggle-input-bg-color-hover: var(--color-transparent); --toggle-input-icon-color-focus: var(--color-forest); --toggle-input-border-color-focus: var(--color-cerulean); --toggle-input-bg-color-focus: var(--color-transparent); --toggle-input-icon-color-disabled: var(--color-forest); --toggle-input-border-color-disabled: var(--color-moss); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-forest); --tag-border-color-default: var(--color-lime); --tag-bg-color-default: var(--color-lime); --tag-text-color-hover: var(--color-cloud); --tag-border-color-hover: var(--color-forest); --tag-bg-color-hover: var(--color-forest); --p-tab-text-default: var(--color-forest); --p-tab-border-default: var(--color-forest); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cloud); --p-tab-border-hover: var(--color-forest); --p-tab-bg-hover: var(--color-forest); --p-tab-text-active: var(--color-forest); --p-tab-border-active: var(--color-lime); --p-tab-bg-active: var(--color-lime); --p-tab-text-disabled: var(--color-forest); --p-tab-border-disabled: var(--color-forest); --p-tab-bg-disabled: var(--color-transparent); --p-pagination-active: var(--color-forest); --p-pagination-inactive: var(--color-moss); --p-nav-dropdown-bg: var(--color-cloud); --p-statistic: var(--color-shamrock); --p-event-date: var(--color-shamrock); } :root:where(:has([data-palette-static="2"])) { --p-bg: var(--color-mint); --p-inset-bg: var(--color-cloud); --p-overlay-bg: var(--color-forest-66); --p-text: var(--color-forest); --p-text-alt: var(--color-forest); --p-list-marker-1: var(--color-shamrock); --p-list-marker-2: var(--color-shamrock); --p-list-marker-3: var(--color-shamrock); --p-selection-bg: var(--color-lime); --p-selection-text: var(--color-forest); --p-caption: var(--color-pine); --p-error: var(--color-apple); --p-accent-1: var(--color-shamrock); --p-accent-2: var(--color-lime); --p-accent-3: var(--color-pine); --p-accent-4: var(--color-moss); --p-accent-5: var(--color-lemon); --p-line: var(--color-moss); --p-line-alt: var(--color-forest); --p-icon: var(--color-forest); --p-image-bg: var(--color-cloud); --link-text-color-default: var(--color-forest); --link-border-color-default: var(--color-forest); --link-bg-color-default: var(--color-lime); --link-text-color-hover: var(--color-forest); --link-border-color-hover: var(--color-lime); --link-bg-color-hover: var(--color-lime); --link-text-color-active: var(--color-forest); --link-border-color-active: var(--color-lime); --link-bg-color-active: var(--color-lime); --link-shy-text-color-default: var(--color-forest); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-lime); --link-shy-text-color-hover: var(--color-forest); --link-shy-border-color-hover: var(--color-lime); --link-shy-bg-color-hover: var(--color-lime); --p-btn-v1-text-default: var(--color-forest); --p-btn-v1-border-default: var(--color-lime); --p-btn-v1-bg-default: var(--color-lime); --p-btn-v1-text-hover: var(--color-cloud); --p-btn-v1-border-hover: var(--color-forest); --p-btn-v1-bg-hover: var(--color-forest); --p-btn-v1-text-active: var(--color-cloud); --p-btn-v1-border-active: var(--color-forest); --p-btn-v1-bg-active: var(--color-forest); --p-btn-v1-text-disabled: var(--color-forest); --p-btn-v1-border-disabled: var(--color-lime); --p-btn-v1-bg-disabled: var(--color-lime); --p-btn-v2-text-default: var(--color-forest); --p-btn-v2-border-default: var(--color-forest); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-cloud); --p-btn-v2-border-hover: var(--color-forest); --p-btn-v2-bg-hover: var(--color-forest); --p-btn-v2-text-active: var(--color-cloud); --p-btn-v2-border-active: var(--color-forest); --p-btn-v2-bg-active: var(--color-forest); --p-btn-v2-text-disabled: var(--color-forest); --p-btn-v2-border-disabled: var(--color-forest); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v3-text-default: var(--color-forest); --p-btn-v3-border-default: var(--color-forest); --p-btn-v3-bg-default: var(--color-lime); --p-btn-v3-text-hover: var(--color-forest); --p-btn-v3-border-hover: var(--color-forest); --p-btn-v3-bg-hover: var(--color-lime); --p-btn-v3-text-active: var(--color-forest); --p-btn-v3-border-active: var(--color-forest); --p-btn-v3-bg-active: var(--color-lime); --p-btn-v3-text-disabled: var(--color-forest); --p-btn-v3-border-disabled: var(--color-forest); --p-btn-v3-bg-disabled: var(--color-lime); --p-btn-v1-media-text-default: var(--color-cloud); --p-btn-v1-media-border-default: var(--color-lime); --p-btn-v1-media-bg-default: var(--color-lime); --p-btn-v1-media-text-hover: var(--color-forest); --p-btn-v1-media-border-hover: var(--color-cloud); --p-btn-v1-media-bg-hover: var(--color-cloud); --p-btn-v1-media-text-active: var(--color-forest); --p-btn-v1-media-border-active: var(--color-cloud); --p-btn-v1-media-bg-active: var(--color-cloud); --p-btn-v1-media-text-disabled: var(--color-cloud); --p-btn-v1-media-border-disabled: var(--color-lime); --p-btn-v1-media-bg-disabled: var(--color-lime); --field-text-color-default: var(--color-moss); --field-border-color-default: var(--color-moss); --field-bg-color-default: var(--color-transparent); --field-text-color-value: var(--color-forest); --field-border-color-value: var(--color-forest); --field-bg-color-value: var(--color-transparent); --field-text-color-hover: var(--color-forest); --field-border-color-hover: var(--color-cerulean); --field-bg-color-hover: var(--color-transparent); --field-text-color-focus: var(--color-forest); --field-border-color-focus: var(--color-forest); --field-bg-color-focus: var(--color-transparent); --field-text-color-error: var(--color-apple); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-transparent); --field-text-color-disabled: var(--color-forest); --field-border-color-disabled: var(--color-forest); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-forest); --toggle-input-border-color-default: var(--color-moss); --toggle-input-bg-color-default: var(--color-transparent); --toggle-input-icon-color-value: var(--color-forest); --toggle-input-border-color-value: var(--color-forest); --toggle-input-bg-color-value: var(--color-transparent); --toggle-input-icon-color-hover: var(--color-forest); --toggle-input-border-color-hover: var(--color-cerulean); --toggle-input-bg-color-hover: var(--color-transparent); --toggle-input-icon-color-focus: var(--color-forest); --toggle-input-border-color-focus: var(--color-cerulean); --toggle-input-bg-color-focus: var(--color-transparent); --toggle-input-icon-color-disabled: var(--color-forest); --toggle-input-border-color-disabled: var(--color-moss); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-forest); --tag-border-color-default: var(--color-lime); --tag-bg-color-default: var(--color-lime); --tag-text-color-hover: var(--color-cloud); --tag-border-color-hover: var(--color-forest); --tag-bg-color-hover: var(--color-forest); --p-tab-text-default: var(--color-forest); --p-tab-border-default: var(--color-forest); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cloud); --p-tab-border-hover: var(--color-forest); --p-tab-bg-hover: var(--color-forest); --p-tab-text-active: var(--color-forest); --p-tab-border-active: var(--color-lime); --p-tab-bg-active: var(--color-lime); --p-tab-text-disabled: var(--color-forest); --p-tab-border-disabled: var(--color-forest); --p-tab-bg-disabled: var(--color-transparent); --p-pagination-active: var(--color-forest); --p-pagination-inactive: var(--color-moss); --p-nav-dropdown-bg: var(--color-cloud); --p-statistic: var(--color-shamrock); --p-event-date: var(--color-shamrock); } :root:where(:has([data-palette-static="3"])) { --p-bg: var(--color-cerulean); --p-inset-bg: var(--color-mint); --p-overlay-bg: var(--color-forest-66); --p-text: var(--color-forest); --p-text-alt: var(--color-forest); --p-list-marker-1: var(--color-shamrock); --p-list-marker-2: var(--color-shamrock); --p-list-marker-3: var(--color-shamrock); --p-selection-bg: var(--color-lime); --p-selection-text: var(--color-forest); --p-caption: var(--color-pine); --p-error: var(--color-apple); --p-accent-1: var(--color-shamrock); --p-accent-2: var(--color-lime); --p-accent-3: var(--color-pine); --p-accent-4: var(--color-moss); --p-accent-5: var(--color-lemon); --p-line: var(--color-moss); --p-line-alt: var(--color-forest); --p-icon: var(--color-forest); --p-image-bg: var(--color-cloud-5); --link-text-color-default: var(--color-forest); --link-border-color-default: var(--color-forest); --link-bg-color-default: var(--color-lime); --link-text-color-hover: var(--color-forest); --link-border-color-hover: var(--color-lime); --link-bg-color-hover: var(--color-lime); --link-text-color-active: var(--color-forest); --link-border-color-active: var(--color-lime); --link-bg-color-active: var(--color-lime); --link-shy-text-color-default: var(--color-forest); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-lime); --link-shy-text-color-hover: var(--color-forest); --link-shy-border-color-hover: var(--color-lime); --link-shy-bg-color-hover: var(--color-lime); --p-btn-v1-text-default: var(--color-forest); --p-btn-v1-border-default: var(--color-lime); --p-btn-v1-bg-default: var(--color-lime); --p-btn-v1-text-hover: var(--color-cloud); --p-btn-v1-border-hover: var(--color-forest); --p-btn-v1-bg-hover: var(--color-forest); --p-btn-v1-text-active: var(--color-cloud); --p-btn-v1-border-active: var(--color-forest); --p-btn-v1-bg-active: var(--color-forest); --p-btn-v1-text-disabled: var(--color-forest); --p-btn-v1-border-disabled: var(--color-lime); --p-btn-v1-bg-disabled: var(--color-lime); --p-btn-v2-text-default: var(--color-forest); --p-btn-v2-border-default: var(--color-forest); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-cloud); --p-btn-v2-border-hover: var(--color-forest); --p-btn-v2-bg-hover: var(--color-forest); --p-btn-v2-text-active: var(--color-cloud); --p-btn-v2-border-active: var(--color-forest); --p-btn-v2-bg-active: var(--color-forest); --p-btn-v2-text-disabled: var(--color-forest); --p-btn-v2-border-disabled: var(--color-forest); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v3-text-default: var(--color-forest); --p-btn-v3-border-default: var(--color-forest); --p-btn-v3-bg-default: var(--color-lime); --p-btn-v3-text-hover: var(--color-forest); --p-btn-v3-border-hover: var(--color-forest); --p-btn-v3-bg-hover: var(--color-lime); --p-btn-v3-text-active: var(--color-forest); --p-btn-v3-border-active: var(--color-forest); --p-btn-v3-bg-active: var(--color-lime); --p-btn-v3-text-disabled: var(--color-forest); --p-btn-v3-border-disabled: var(--color-forest); --p-btn-v3-bg-disabled: var(--color-lime); --p-btn-v1-media-text-default: var(--color-cloud); --p-btn-v1-media-border-default: var(--color-lime); --p-btn-v1-media-bg-default: var(--color-lime); --p-btn-v1-media-text-hover: var(--color-forest); --p-btn-v1-media-border-hover: var(--color-cloud); --p-btn-v1-media-bg-hover: var(--color-cloud); --p-btn-v1-media-text-active: var(--color-forest); --p-btn-v1-media-border-active: var(--color-cloud); --p-btn-v1-media-bg-active: var(--color-cloud); --p-btn-v1-media-text-disabled: var(--color-cloud); --p-btn-v1-media-border-disabled: var(--color-lime); --p-btn-v1-media-bg-disabled: var(--color-lime); --field-text-color-default: var(--color-moss); --field-border-color-default: var(--color-moss); --field-bg-color-default: var(--color-transparent); --field-text-color-value: var(--color-forest); --field-border-color-value: var(--color-forest); --field-bg-color-value: var(--color-transparent); --field-text-color-hover: var(--color-forest); --field-border-color-hover: var(--color-cerulean); --field-bg-color-hover: var(--color-transparent); --field-text-color-focus: var(--color-forest); --field-border-color-focus: var(--color-forest); --field-bg-color-focus: var(--color-transparent); --field-text-color-error: var(--color-apple); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-transparent); --field-text-color-disabled: var(--color-forest); --field-border-color-disabled: var(--color-forest); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-forest); --toggle-input-border-color-default: var(--color-moss); --toggle-input-bg-color-default: var(--color-transparent); --toggle-input-icon-color-value: var(--color-forest); --toggle-input-border-color-value: var(--color-forest); --toggle-input-bg-color-value: var(--color-transparent); --toggle-input-icon-color-hover: var(--color-forest); --toggle-input-border-color-hover: var(--color-cerulean); --toggle-input-bg-color-hover: var(--color-transparent); --toggle-input-icon-color-focus: var(--color-forest); --toggle-input-border-color-focus: var(--color-cerulean); --toggle-input-bg-color-focus: var(--color-transparent); --toggle-input-icon-color-disabled: var(--color-forest); --toggle-input-border-color-disabled: var(--color-moss); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-forest); --tag-border-color-default: var(--color-lime); --tag-bg-color-default: var(--color-lime); --tag-text-color-hover: var(--color-cloud); --tag-border-color-hover: var(--color-forest); --tag-bg-color-hover: var(--color-forest); --p-tab-text-default: var(--color-forest); --p-tab-border-default: var(--color-forest); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cloud); --p-tab-border-hover: var(--color-forest); --p-tab-bg-hover: var(--color-forest); --p-tab-text-active: var(--color-forest); --p-tab-border-active: var(--color-lime); --p-tab-bg-active: var(--color-lime); --p-tab-text-disabled: var(--color-forest); --p-tab-border-disabled: var(--color-forest); --p-tab-bg-disabled: var(--color-transparent); --p-pagination-active: var(--color-forest); --p-pagination-inactive: var(--color-moss); --p-nav-dropdown-bg: var(--color-cloud); --p-statistic: var(--color-shamrock); --p-event-date: var(--color-shamrock); } :root:where(:has([data-palette-static="4"])) { --p-bg: var(--color-shamrock); --p-inset-bg: var(--color-mint); --p-overlay-bg: var(--color-forest-66); --p-text: var(--color-forest); --p-text-alt: var(--color-cloud); --p-list-marker-1: var(--color-shamrock); --p-list-marker-2: var(--color-shamrock); --p-list-marker-3: var(--color-shamrock); --p-selection-bg: var(--color-lime); --p-selection-text: var(--color-forest); --p-caption: var(--color-pine); --p-error: var(--color-apple); --p-accent-1: var(--color-cloud); --p-accent-2: var(--color-lime); --p-accent-3: var(--color-pine); --p-accent-4: var(--color-moss); --p-accent-5: var(--color-lemon); --p-line: var(--color-moss); --p-line-alt: var(--color-forest); --p-icon: var(--color-forest); --p-image-bg: var(--color-mint); --link-text-color-default: var(--color-forest); --link-border-color-default: var(--color-forest); --link-bg-color-default: var(--color-lime); --link-text-color-hover: var(--color-forest); --link-border-color-hover: var(--color-lime); --link-bg-color-hover: var(--color-lime); --link-text-color-active: var(--color-forest); --link-border-color-active: var(--color-lime); --link-bg-color-active: var(--color-lime); --link-shy-text-color-default: var(--color-forest); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-lime); --link-shy-text-color-hover: var(--color-forest); --link-shy-border-color-hover: var(--color-lime); --link-shy-bg-color-hover: var(--color-lime); --p-btn-v1-text-default: var(--color-forest); --p-btn-v1-border-default: var(--color-lime); --p-btn-v1-bg-default: var(--color-lime); --p-btn-v1-text-hover: var(--color-cloud); --p-btn-v1-border-hover: var(--color-forest); --p-btn-v1-bg-hover: var(--color-forest); --p-btn-v1-text-active: var(--color-cloud); --p-btn-v1-border-active: var(--color-forest); --p-btn-v1-bg-active: var(--color-forest); --p-btn-v1-text-disabled: var(--color-forest); --p-btn-v1-border-disabled: var(--color-lime); --p-btn-v1-bg-disabled: var(--color-lime); --p-btn-v2-text-default: var(--color-forest); --p-btn-v2-border-default: var(--color-forest); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-cloud); --p-btn-v2-border-hover: var(--color-forest); --p-btn-v2-bg-hover: var(--color-forest); --p-btn-v2-text-active: var(--color-cloud); --p-btn-v2-border-active: var(--color-forest); --p-btn-v2-bg-active: var(--color-forest); --p-btn-v2-text-disabled: var(--color-forest); --p-btn-v2-border-disabled: var(--color-forest); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v3-text-default: var(--color-forest); --p-btn-v3-border-default: var(--color-forest); --p-btn-v3-bg-default: var(--color-lime); --p-btn-v3-text-hover: var(--color-forest); --p-btn-v3-border-hover: var(--color-forest); --p-btn-v3-bg-hover: var(--color-lime); --p-btn-v3-text-active: var(--color-forest); --p-btn-v3-border-active: var(--color-forest); --p-btn-v3-bg-active: var(--color-lime); --p-btn-v3-text-disabled: var(--color-forest); --p-btn-v3-border-disabled: var(--color-forest); --p-btn-v3-bg-disabled: var(--color-lime); --p-btn-v1-media-text-default: var(--color-cloud); --p-btn-v1-media-border-default: var(--color-lime); --p-btn-v1-media-bg-default: var(--color-lime); --p-btn-v1-media-text-hover: var(--color-forest); --p-btn-v1-media-border-hover: var(--color-cloud); --p-btn-v1-media-bg-hover: var(--color-cloud); --p-btn-v1-media-text-active: var(--color-forest); --p-btn-v1-media-border-active: var(--color-cloud); --p-btn-v1-media-bg-active: var(--color-cloud); --p-btn-v1-media-text-disabled: var(--color-cloud); --p-btn-v1-media-border-disabled: var(--color-lime); --p-btn-v1-media-bg-disabled: var(--color-lime); --field-text-color-default: var(--color-moss); --field-border-color-default: var(--color-moss); --field-bg-color-default: var(--color-transparent); --field-text-color-value: var(--color-forest); --field-border-color-value: var(--color-forest); --field-bg-color-value: var(--color-transparent); --field-text-color-hover: var(--color-forest); --field-border-color-hover: var(--color-cerulean); --field-bg-color-hover: var(--color-transparent); --field-text-color-focus: var(--color-forest); --field-border-color-focus: var(--color-forest); --field-bg-color-focus: var(--color-transparent); --field-text-color-error: var(--color-apple); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-transparent); --field-text-color-disabled: var(--color-forest); --field-border-color-disabled: var(--color-forest); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-forest); --toggle-input-border-color-default: var(--color-moss); --toggle-input-bg-color-default: var(--color-transparent); --toggle-input-icon-color-value: var(--color-forest); --toggle-input-border-color-value: var(--color-forest); --toggle-input-bg-color-value: var(--color-transparent); --toggle-input-icon-color-hover: var(--color-forest); --toggle-input-border-color-hover: var(--color-cerulean); --toggle-input-bg-color-hover: var(--color-transparent); --toggle-input-icon-color-focus: var(--color-forest); --toggle-input-border-color-focus: var(--color-cerulean); --toggle-input-bg-color-focus: var(--color-transparent); --toggle-input-icon-color-disabled: var(--color-forest); --toggle-input-border-color-disabled: var(--color-moss); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-forest); --tag-border-color-default: var(--color-lime); --tag-bg-color-default: var(--color-lime); --tag-text-color-hover: var(--color-cloud); --tag-border-color-hover: var(--color-forest); --tag-bg-color-hover: var(--color-forest); --p-tab-text-default: var(--color-forest); --p-tab-border-default: var(--color-forest); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cloud); --p-tab-border-hover: var(--color-forest); --p-tab-bg-hover: var(--color-forest); --p-tab-text-active: var(--color-forest); --p-tab-border-active: var(--color-lime); --p-tab-bg-active: var(--color-lime); --p-tab-text-disabled: var(--color-forest); --p-tab-border-disabled: var(--color-forest); --p-tab-bg-disabled: var(--color-transparent); --p-pagination-active: var(--color-forest); --p-pagination-inactive: var(--color-moss); --p-nav-dropdown-bg: var(--color-cloud); --p-statistic: var(--color-cloud); --p-event-date: var(--color-cloud); } :root:where(:has([data-palette-static="5"])) { --p-bg: var(--color-forest); --p-inset-bg: var(--color-pine); --p-overlay-bg: var(--color-forest-66); --p-text: var(--color-cloud); --p-text-alt: var(--color-cloud); --p-list-marker-1: var(--color-shamrock); --p-list-marker-2: var(--color-shamrock); --p-list-marker-3: var(--color-shamrock); --p-selection-bg: var(--color-lime); --p-selection-text: var(--color-forest); --p-caption: var(--color-pine); --p-error: var(--color-apple); --p-accent-1: var(--color-lime); --p-accent-2: var(--color-cloud); --p-accent-3: var(--color-pine); --p-accent-4: var(--color-moss); --p-accent-5: var(--color-lemon); --p-line: var(--color-moss); --p-line-alt: var(--color-cloud); --p-icon: var(--color-cloud); --p-image-bg: var(--color-mint); --link-text-color-default: var(--color-cloud); --link-border-color-default: var(--color-cloud); --link-bg-color-default: var(--color-lime); --link-text-color-hover: var(--color-forest); --link-border-color-hover: var(--color-lime); --link-bg-color-hover: var(--color-lime); --link-text-color-active: var(--color-forest); --link-border-color-active: var(--color-lime); --link-bg-color-active: var(--color-lime); --link-shy-text-color-default: var(--color-cloud); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-lime); --link-shy-text-color-hover: var(--color-forest); --link-shy-border-color-hover: var(--color-lime); --link-shy-bg-color-hover: var(--color-lime); --p-btn-v1-text-default: var(--color-forest); --p-btn-v1-border-default: var(--color-lime); --p-btn-v1-bg-default: var(--color-lime); --p-btn-v1-text-hover: var(--color-forest); --p-btn-v1-border-hover: var(--color-cloud); --p-btn-v1-bg-hover: var(--color-cloud); --p-btn-v1-text-active: var(--color-forest); --p-btn-v1-border-active: var(--color-cloud); --p-btn-v1-bg-active: var(--color-cloud); --p-btn-v1-text-disabled: var(--color-forest); --p-btn-v1-border-disabled: var(--color-cloud); --p-btn-v1-bg-disabled: var(--color-cloud); --p-btn-v2-text-default: var(--color-cloud); --p-btn-v2-border-default: var(--color-cloud); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-forest); --p-btn-v2-border-hover: var(--color-cloud); --p-btn-v2-bg-hover: var(--color-cloud); --p-btn-v2-text-active: var(--color-forest); --p-btn-v2-border-active: var(--color-cloud); --p-btn-v2-bg-active: var(--color-cloud); --p-btn-v2-text-disabled: var(--color-cloud); --p-btn-v2-border-disabled: var(--color-cloud); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v3-text-default: var(--color-forest); --p-btn-v3-border-default: var(--color-forest); --p-btn-v3-bg-default: var(--color-lime); --p-btn-v3-text-hover: var(--color-forest); --p-btn-v3-border-hover: var(--color-forest); --p-btn-v3-bg-hover: var(--color-lime); --p-btn-v3-text-active: var(--color-forest); --p-btn-v3-border-active: var(--color-forest); --p-btn-v3-bg-active: var(--color-lime); --p-btn-v3-text-disabled: var(--color-forest); --p-btn-v3-border-disabled: var(--color-forest); --p-btn-v3-bg-disabled: var(--color-lime); --p-btn-v1-media-text-default: var(--color-cloud); --p-btn-v1-media-border-default: var(--color-lime); --p-btn-v1-media-bg-default: var(--color-lime); --p-btn-v1-media-text-hover: var(--color-forest); --p-btn-v1-media-border-hover: var(--color-cloud); --p-btn-v1-media-bg-hover: var(--color-cloud); --p-btn-v1-media-text-active: var(--color-forest); --p-btn-v1-media-border-active: var(--color-cloud); --p-btn-v1-media-bg-active: var(--color-cloud); --p-btn-v1-media-text-disabled: var(--color-cloud); --p-btn-v1-media-border-disabled: var(--color-lime); --p-btn-v1-media-bg-disabled: var(--color-lime); --field-text-color-default: var(--color-cloud-50); --field-border-color-default: var(--color-cloud); --field-bg-color-default: var(--color-transparent); --field-text-color-value: var(--color-cloud); --field-border-color-value: var(--color-cloud); --field-bg-color-value: var(--color-transparent); --field-text-color-hover: var(--color-cloud); --field-border-color-hover: var(--color-cerulean); --field-bg-color-hover: var(--color-transparent); --field-text-color-focus: var(--color-cloud); --field-border-color-focus: var(--color-lime); --field-bg-color-focus: var(--color-transparent); --field-text-color-error: var(--color-cherry); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-transparent); --field-text-color-disabled: var(--color-cloud); --field-border-color-disabled: var(--color-cloud); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-forest); --toggle-input-border-color-default: var(--color-moss); --toggle-input-bg-color-default: var(--color-transparent); --toggle-input-icon-color-value: var(--color-forest); --toggle-input-border-color-value: var(--color-forest); --toggle-input-bg-color-value: var(--color-transparent); --toggle-input-icon-color-hover: var(--color-forest); --toggle-input-border-color-hover: var(--color-cerulean); --toggle-input-bg-color-hover: var(--color-transparent); --toggle-input-icon-color-focus: var(--color-forest); --toggle-input-border-color-focus: var(--color-cerulean); --toggle-input-bg-color-focus: var(--color-transparent); --toggle-input-icon-color-disabled: var(--color-forest); --toggle-input-border-color-disabled: var(--color-moss); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-forest); --tag-border-color-default: var(--color-lime); --tag-bg-color-default: var(--color-lime); --tag-text-color-hover: var(--color-forest); --tag-border-color-hover: var(--color-cloud); --tag-bg-color-hover: var(--color-cloud); --p-tab-text-default: var(--color-forest); --p-tab-border-default: var(--color-forest); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cloud); --p-tab-border-hover: var(--color-forest); --p-tab-bg-hover: var(--color-forest); --p-tab-text-active: var(--color-forest); --p-tab-border-active: var(--color-lime); --p-tab-bg-active: var(--color-lime); --p-tab-text-disabled: var(--color-forest); --p-tab-border-disabled: var(--color-forest); --p-tab-bg-disabled: var(--color-transparent); --p-pagination-active: var(--color-forest); --p-pagination-inactive: var(--color-moss); --p-nav-dropdown-bg: var(--color-cloud); --p-statistic: var(--color-shamrock); --p-event-date: var(--color-lime); } :root:where(:has([data-palette-dynamic="1"])) { --p-bg: var(--color-cloud); --p-inset-bg: var(--color-mint); --p-overlay-bg: var(--color-forest-66); --p-text: var(--color-forest); --p-text-alt: var(--color-forest); --p-list-marker-1: var(--color-shamrock); --p-list-marker-2: var(--color-shamrock); --p-list-marker-3: var(--color-shamrock); --p-selection-bg: var(--color-lime); --p-selection-text: var(--color-forest); --p-caption: var(--color-pine); --p-error: var(--color-apple); --p-accent-1: var(--color-shamrock); --p-accent-2: var(--color-lime); --p-accent-3: var(--color-pine); --p-accent-4: var(--color-moss); --p-accent-5: var(--color-lemon); --p-line: var(--color-moss); --p-line-alt: var(--color-forest); --p-icon: var(--color-forest); --p-image-bg: var(--color-mint); --link-text-color-default: var(--color-forest); --link-border-color-default: var(--color-forest); --link-bg-color-default: var(--color-lime); --link-text-color-hover: var(--color-forest); --link-border-color-hover: var(--color-lime); --link-bg-color-hover: var(--color-lime); --link-text-color-active: var(--color-forest); --link-border-color-active: var(--color-lime); --link-bg-color-active: var(--color-lime); --link-shy-text-color-default: var(--color-forest); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-lime); --link-shy-text-color-hover: var(--color-forest); --link-shy-border-color-hover: var(--color-lime); --link-shy-bg-color-hover: var(--color-lime); --p-btn-v1-text-default: var(--color-forest); --p-btn-v1-border-default: var(--color-lime); --p-btn-v1-bg-default: var(--color-lime); --p-btn-v1-text-hover: var(--color-cloud); --p-btn-v1-border-hover: var(--color-forest); --p-btn-v1-bg-hover: var(--color-forest); --p-btn-v1-text-active: var(--color-cloud); --p-btn-v1-border-active: var(--color-forest); --p-btn-v1-bg-active: var(--color-forest); --p-btn-v1-text-disabled: var(--color-forest); --p-btn-v1-border-disabled: var(--color-lime); --p-btn-v1-bg-disabled: var(--color-lime); --p-btn-v2-text-default: var(--color-forest); --p-btn-v2-border-default: var(--color-forest); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-cloud); --p-btn-v2-border-hover: var(--color-forest); --p-btn-v2-bg-hover: var(--color-forest); --p-btn-v2-text-active: var(--color-cloud); --p-btn-v2-border-active: var(--color-forest); --p-btn-v2-bg-active: var(--color-forest); --p-btn-v2-text-disabled: var(--color-forest); --p-btn-v2-border-disabled: var(--color-forest); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v3-text-default: var(--color-forest); --p-btn-v3-border-default: var(--color-forest); --p-btn-v3-bg-default: var(--color-lime); --p-btn-v3-text-hover: var(--color-forest); --p-btn-v3-border-hover: var(--color-forest); --p-btn-v3-bg-hover: var(--color-lime); --p-btn-v3-text-active: var(--color-forest); --p-btn-v3-border-active: var(--color-forest); --p-btn-v3-bg-active: var(--color-lime); --p-btn-v3-text-disabled: var(--color-forest); --p-btn-v3-border-disabled: var(--color-forest); --p-btn-v3-bg-disabled: var(--color-lime); --p-btn-v1-media-text-default: var(--color-cloud); --p-btn-v1-media-border-default: var(--color-lime); --p-btn-v1-media-bg-default: var(--color-lime); --p-btn-v1-media-text-hover: var(--color-forest); --p-btn-v1-media-border-hover: var(--color-cloud); --p-btn-v1-media-bg-hover: var(--color-cloud); --p-btn-v1-media-text-active: var(--color-forest); --p-btn-v1-media-border-active: var(--color-cloud); --p-btn-v1-media-bg-active: var(--color-cloud); --p-btn-v1-media-text-disabled: var(--color-cloud); --p-btn-v1-media-border-disabled: var(--color-lime); --p-btn-v1-media-bg-disabled: var(--color-lime); --field-text-color-default: var(--color-moss); --field-border-color-default: var(--color-moss); --field-bg-color-default: var(--color-transparent); --field-text-color-value: var(--color-forest); --field-border-color-value: var(--color-forest); --field-bg-color-value: var(--color-transparent); --field-text-color-hover: var(--color-forest); --field-border-color-hover: var(--color-cerulean); --field-bg-color-hover: var(--color-transparent); --field-text-color-focus: var(--color-forest); --field-border-color-focus: var(--color-forest); --field-bg-color-focus: var(--color-transparent); --field-text-color-error: var(--color-apple); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-transparent); --field-text-color-disabled: var(--color-forest); --field-border-color-disabled: var(--color-forest); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-forest); --toggle-input-border-color-default: var(--color-moss); --toggle-input-bg-color-default: var(--color-transparent); --toggle-input-icon-color-value: var(--color-forest); --toggle-input-border-color-value: var(--color-forest); --toggle-input-bg-color-value: var(--color-transparent); --toggle-input-icon-color-hover: var(--color-forest); --toggle-input-border-color-hover: var(--color-cerulean); --toggle-input-bg-color-hover: var(--color-transparent); --toggle-input-icon-color-focus: var(--color-forest); --toggle-input-border-color-focus: var(--color-cerulean); --toggle-input-bg-color-focus: var(--color-transparent); --toggle-input-icon-color-disabled: var(--color-forest); --toggle-input-border-color-disabled: var(--color-moss); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-forest); --tag-border-color-default: var(--color-lime); --tag-bg-color-default: var(--color-lime); --tag-text-color-hover: var(--color-cloud); --tag-border-color-hover: var(--color-forest); --tag-bg-color-hover: var(--color-forest); --p-tab-text-default: var(--color-forest); --p-tab-border-default: var(--color-forest); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cloud); --p-tab-border-hover: var(--color-forest); --p-tab-bg-hover: var(--color-forest); --p-tab-text-active: var(--color-forest); --p-tab-border-active: var(--color-lime); --p-tab-bg-active: var(--color-lime); --p-tab-text-disabled: var(--color-forest); --p-tab-border-disabled: var(--color-forest); --p-tab-bg-disabled: var(--color-transparent); --p-pagination-active: var(--color-forest); --p-pagination-inactive: var(--color-moss); --p-nav-dropdown-bg: var(--color-cloud); --p-statistic: var(--color-shamrock); --p-event-date: var(--color-shamrock); } :root:where(:has([data-palette-dynamic="2"])) { --p-bg: var(--color-mint); --p-inset-bg: var(--color-cloud); --p-overlay-bg: var(--color-forest-66); --p-text: var(--color-forest); --p-text-alt: var(--color-forest); --p-list-marker-1: var(--color-shamrock); --p-list-marker-2: var(--color-shamrock); --p-list-marker-3: var(--color-shamrock); --p-selection-bg: var(--color-lime); --p-selection-text: var(--color-forest); --p-caption: var(--color-pine); --p-error: var(--color-apple); --p-accent-1: var(--color-shamrock); --p-accent-2: var(--color-lime); --p-accent-3: var(--color-pine); --p-accent-4: var(--color-moss); --p-accent-5: var(--color-lemon); --p-line: var(--color-moss); --p-line-alt: var(--color-forest); --p-icon: var(--color-forest); --p-image-bg: var(--color-cloud); --link-text-color-default: var(--color-forest); --link-border-color-default: var(--color-forest); --link-bg-color-default: var(--color-lime); --link-text-color-hover: var(--color-forest); --link-border-color-hover: var(--color-lime); --link-bg-color-hover: var(--color-lime); --link-text-color-active: var(--color-forest); --link-border-color-active: var(--color-lime); --link-bg-color-active: var(--color-lime); --link-shy-text-color-default: var(--color-forest); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-lime); --link-shy-text-color-hover: var(--color-forest); --link-shy-border-color-hover: var(--color-lime); --link-shy-bg-color-hover: var(--color-lime); --p-btn-v1-text-default: var(--color-forest); --p-btn-v1-border-default: var(--color-lime); --p-btn-v1-bg-default: var(--color-lime); --p-btn-v1-text-hover: var(--color-cloud); --p-btn-v1-border-hover: var(--color-forest); --p-btn-v1-bg-hover: var(--color-forest); --p-btn-v1-text-active: var(--color-cloud); --p-btn-v1-border-active: var(--color-forest); --p-btn-v1-bg-active: var(--color-forest); --p-btn-v1-text-disabled: var(--color-forest); --p-btn-v1-border-disabled: var(--color-lime); --p-btn-v1-bg-disabled: var(--color-lime); --p-btn-v2-text-default: var(--color-forest); --p-btn-v2-border-default: var(--color-forest); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-cloud); --p-btn-v2-border-hover: var(--color-forest); --p-btn-v2-bg-hover: var(--color-forest); --p-btn-v2-text-active: var(--color-cloud); --p-btn-v2-border-active: var(--color-forest); --p-btn-v2-bg-active: var(--color-forest); --p-btn-v2-text-disabled: var(--color-forest); --p-btn-v2-border-disabled: var(--color-forest); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v3-text-default: var(--color-forest); --p-btn-v3-border-default: var(--color-forest); --p-btn-v3-bg-default: var(--color-lime); --p-btn-v3-text-hover: var(--color-forest); --p-btn-v3-border-hover: var(--color-forest); --p-btn-v3-bg-hover: var(--color-lime); --p-btn-v3-text-active: var(--color-forest); --p-btn-v3-border-active: var(--color-forest); --p-btn-v3-bg-active: var(--color-lime); --p-btn-v3-text-disabled: var(--color-forest); --p-btn-v3-border-disabled: var(--color-forest); --p-btn-v3-bg-disabled: var(--color-lime); --p-btn-v1-media-text-default: var(--color-cloud); --p-btn-v1-media-border-default: var(--color-lime); --p-btn-v1-media-bg-default: var(--color-lime); --p-btn-v1-media-text-hover: var(--color-forest); --p-btn-v1-media-border-hover: var(--color-cloud); --p-btn-v1-media-bg-hover: var(--color-cloud); --p-btn-v1-media-text-active: var(--color-forest); --p-btn-v1-media-border-active: var(--color-cloud); --p-btn-v1-media-bg-active: var(--color-cloud); --p-btn-v1-media-text-disabled: var(--color-cloud); --p-btn-v1-media-border-disabled: var(--color-lime); --p-btn-v1-media-bg-disabled: var(--color-lime); --field-text-color-default: var(--color-moss); --field-border-color-default: var(--color-moss); --field-bg-color-default: var(--color-transparent); --field-text-color-value: var(--color-forest); --field-border-color-value: var(--color-forest); --field-bg-color-value: var(--color-transparent); --field-text-color-hover: var(--color-forest); --field-border-color-hover: var(--color-cerulean); --field-bg-color-hover: var(--color-transparent); --field-text-color-focus: var(--color-forest); --field-border-color-focus: var(--color-forest); --field-bg-color-focus: var(--color-transparent); --field-text-color-error: var(--color-apple); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-transparent); --field-text-color-disabled: var(--color-forest); --field-border-color-disabled: var(--color-forest); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-forest); --toggle-input-border-color-default: var(--color-moss); --toggle-input-bg-color-default: var(--color-transparent); --toggle-input-icon-color-value: var(--color-forest); --toggle-input-border-color-value: var(--color-forest); --toggle-input-bg-color-value: var(--color-transparent); --toggle-input-icon-color-hover: var(--color-forest); --toggle-input-border-color-hover: var(--color-cerulean); --toggle-input-bg-color-hover: var(--color-transparent); --toggle-input-icon-color-focus: var(--color-forest); --toggle-input-border-color-focus: var(--color-cerulean); --toggle-input-bg-color-focus: var(--color-transparent); --toggle-input-icon-color-disabled: var(--color-forest); --toggle-input-border-color-disabled: var(--color-moss); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-forest); --tag-border-color-default: var(--color-lime); --tag-bg-color-default: var(--color-lime); --tag-text-color-hover: var(--color-cloud); --tag-border-color-hover: var(--color-forest); --tag-bg-color-hover: var(--color-forest); --p-tab-text-default: var(--color-forest); --p-tab-border-default: var(--color-forest); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cloud); --p-tab-border-hover: var(--color-forest); --p-tab-bg-hover: var(--color-forest); --p-tab-text-active: var(--color-forest); --p-tab-border-active: var(--color-lime); --p-tab-bg-active: var(--color-lime); --p-tab-text-disabled: var(--color-forest); --p-tab-border-disabled: var(--color-forest); --p-tab-bg-disabled: var(--color-transparent); --p-pagination-active: var(--color-forest); --p-pagination-inactive: var(--color-moss); --p-nav-dropdown-bg: var(--color-cloud); --p-statistic: var(--color-shamrock); --p-event-date: var(--color-shamrock); } :root:where(:has([data-palette-dynamic="3"])) { --p-bg: var(--color-cerulean); --p-inset-bg: var(--color-mint); --p-overlay-bg: var(--color-forest-66); --p-text: var(--color-forest); --p-text-alt: var(--color-forest); --p-list-marker-1: var(--color-shamrock); --p-list-marker-2: var(--color-shamrock); --p-list-marker-3: var(--color-shamrock); --p-selection-bg: var(--color-lime); --p-selection-text: var(--color-forest); --p-caption: var(--color-pine); --p-error: var(--color-apple); --p-accent-1: var(--color-shamrock); --p-accent-2: var(--color-lime); --p-accent-3: var(--color-pine); --p-accent-4: var(--color-moss); --p-accent-5: var(--color-lemon); --p-line: var(--color-moss); --p-line-alt: var(--color-forest); --p-icon: var(--color-forest); --p-image-bg: var(--color-cloud-5); --link-text-color-default: var(--color-forest); --link-border-color-default: var(--color-forest); --link-bg-color-default: var(--color-lime); --link-text-color-hover: var(--color-forest); --link-border-color-hover: var(--color-lime); --link-bg-color-hover: var(--color-lime); --link-text-color-active: var(--color-forest); --link-border-color-active: var(--color-lime); --link-bg-color-active: var(--color-lime); --link-shy-text-color-default: var(--color-forest); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-lime); --link-shy-text-color-hover: var(--color-forest); --link-shy-border-color-hover: var(--color-lime); --link-shy-bg-color-hover: var(--color-lime); --p-btn-v1-text-default: var(--color-forest); --p-btn-v1-border-default: var(--color-lime); --p-btn-v1-bg-default: var(--color-lime); --p-btn-v1-text-hover: var(--color-cloud); --p-btn-v1-border-hover: var(--color-forest); --p-btn-v1-bg-hover: var(--color-forest); --p-btn-v1-text-active: var(--color-cloud); --p-btn-v1-border-active: var(--color-forest); --p-btn-v1-bg-active: var(--color-forest); --p-btn-v1-text-disabled: var(--color-forest); --p-btn-v1-border-disabled: var(--color-lime); --p-btn-v1-bg-disabled: var(--color-lime); --p-btn-v2-text-default: var(--color-forest); --p-btn-v2-border-default: var(--color-forest); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-cloud); --p-btn-v2-border-hover: var(--color-forest); --p-btn-v2-bg-hover: var(--color-forest); --p-btn-v2-text-active: var(--color-cloud); --p-btn-v2-border-active: var(--color-forest); --p-btn-v2-bg-active: var(--color-forest); --p-btn-v2-text-disabled: var(--color-forest); --p-btn-v2-border-disabled: var(--color-forest); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v3-text-default: var(--color-forest); --p-btn-v3-border-default: var(--color-forest); --p-btn-v3-bg-default: var(--color-lime); --p-btn-v3-text-hover: var(--color-forest); --p-btn-v3-border-hover: var(--color-forest); --p-btn-v3-bg-hover: var(--color-lime); --p-btn-v3-text-active: var(--color-forest); --p-btn-v3-border-active: var(--color-forest); --p-btn-v3-bg-active: var(--color-lime); --p-btn-v3-text-disabled: var(--color-forest); --p-btn-v3-border-disabled: var(--color-forest); --p-btn-v3-bg-disabled: var(--color-lime); --p-btn-v1-media-text-default: var(--color-cloud); --p-btn-v1-media-border-default: var(--color-lime); --p-btn-v1-media-bg-default: var(--color-lime); --p-btn-v1-media-text-hover: var(--color-forest); --p-btn-v1-media-border-hover: var(--color-cloud); --p-btn-v1-media-bg-hover: var(--color-cloud); --p-btn-v1-media-text-active: var(--color-forest); --p-btn-v1-media-border-active: var(--color-cloud); --p-btn-v1-media-bg-active: var(--color-cloud); --p-btn-v1-media-text-disabled: var(--color-cloud); --p-btn-v1-media-border-disabled: var(--color-lime); --p-btn-v1-media-bg-disabled: var(--color-lime); --field-text-color-default: var(--color-moss); --field-border-color-default: var(--color-moss); --field-bg-color-default: var(--color-transparent); --field-text-color-value: var(--color-forest); --field-border-color-value: var(--color-forest); --field-bg-color-value: var(--color-transparent); --field-text-color-hover: var(--color-forest); --field-border-color-hover: var(--color-cerulean); --field-bg-color-hover: var(--color-transparent); --field-text-color-focus: var(--color-forest); --field-border-color-focus: var(--color-forest); --field-bg-color-focus: var(--color-transparent); --field-text-color-error: var(--color-apple); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-transparent); --field-text-color-disabled: var(--color-forest); --field-border-color-disabled: var(--color-forest); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-forest); --toggle-input-border-color-default: var(--color-moss); --toggle-input-bg-color-default: var(--color-transparent); --toggle-input-icon-color-value: var(--color-forest); --toggle-input-border-color-value: var(--color-forest); --toggle-input-bg-color-value: var(--color-transparent); --toggle-input-icon-color-hover: var(--color-forest); --toggle-input-border-color-hover: var(--color-cerulean); --toggle-input-bg-color-hover: var(--color-transparent); --toggle-input-icon-color-focus: var(--color-forest); --toggle-input-border-color-focus: var(--color-cerulean); --toggle-input-bg-color-focus: var(--color-transparent); --toggle-input-icon-color-disabled: var(--color-forest); --toggle-input-border-color-disabled: var(--color-moss); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-forest); --tag-border-color-default: var(--color-lime); --tag-bg-color-default: var(--color-lime); --tag-text-color-hover: var(--color-cloud); --tag-border-color-hover: var(--color-forest); --tag-bg-color-hover: var(--color-forest); --p-tab-text-default: var(--color-forest); --p-tab-border-default: var(--color-forest); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cloud); --p-tab-border-hover: var(--color-forest); --p-tab-bg-hover: var(--color-forest); --p-tab-text-active: var(--color-forest); --p-tab-border-active: var(--color-lime); --p-tab-bg-active: var(--color-lime); --p-tab-text-disabled: var(--color-forest); --p-tab-border-disabled: var(--color-forest); --p-tab-bg-disabled: var(--color-transparent); --p-pagination-active: var(--color-forest); --p-pagination-inactive: var(--color-moss); --p-nav-dropdown-bg: var(--color-cloud); --p-statistic: var(--color-shamrock); --p-event-date: var(--color-shamrock); } :root:where(:has([data-palette-dynamic="4"])) { --p-bg: var(--color-shamrock); --p-inset-bg: var(--color-mint); --p-overlay-bg: var(--color-forest-66); --p-text: var(--color-forest); --p-text-alt: var(--color-cloud); --p-list-marker-1: var(--color-shamrock); --p-list-marker-2: var(--color-shamrock); --p-list-marker-3: var(--color-shamrock); --p-selection-bg: var(--color-lime); --p-selection-text: var(--color-forest); --p-caption: var(--color-pine); --p-error: var(--color-apple); --p-accent-1: var(--color-cloud); --p-accent-2: var(--color-lime); --p-accent-3: var(--color-pine); --p-accent-4: var(--color-moss); --p-accent-5: var(--color-lemon); --p-line: var(--color-moss); --p-line-alt: var(--color-forest); --p-icon: var(--color-forest); --p-image-bg: var(--color-mint); --link-text-color-default: var(--color-forest); --link-border-color-default: var(--color-forest); --link-bg-color-default: var(--color-lime); --link-text-color-hover: var(--color-forest); --link-border-color-hover: var(--color-lime); --link-bg-color-hover: var(--color-lime); --link-text-color-active: var(--color-forest); --link-border-color-active: var(--color-lime); --link-bg-color-active: var(--color-lime); --link-shy-text-color-default: var(--color-forest); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-lime); --link-shy-text-color-hover: var(--color-forest); --link-shy-border-color-hover: var(--color-lime); --link-shy-bg-color-hover: var(--color-lime); --p-btn-v1-text-default: var(--color-forest); --p-btn-v1-border-default: var(--color-lime); --p-btn-v1-bg-default: var(--color-lime); --p-btn-v1-text-hover: var(--color-cloud); --p-btn-v1-border-hover: var(--color-forest); --p-btn-v1-bg-hover: var(--color-forest); --p-btn-v1-text-active: var(--color-cloud); --p-btn-v1-border-active: var(--color-forest); --p-btn-v1-bg-active: var(--color-forest); --p-btn-v1-text-disabled: var(--color-forest); --p-btn-v1-border-disabled: var(--color-lime); --p-btn-v1-bg-disabled: var(--color-lime); --p-btn-v2-text-default: var(--color-forest); --p-btn-v2-border-default: var(--color-forest); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-cloud); --p-btn-v2-border-hover: var(--color-forest); --p-btn-v2-bg-hover: var(--color-forest); --p-btn-v2-text-active: var(--color-cloud); --p-btn-v2-border-active: var(--color-forest); --p-btn-v2-bg-active: var(--color-forest); --p-btn-v2-text-disabled: var(--color-forest); --p-btn-v2-border-disabled: var(--color-forest); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v3-text-default: var(--color-forest); --p-btn-v3-border-default: var(--color-forest); --p-btn-v3-bg-default: var(--color-lime); --p-btn-v3-text-hover: var(--color-forest); --p-btn-v3-border-hover: var(--color-forest); --p-btn-v3-bg-hover: var(--color-lime); --p-btn-v3-text-active: var(--color-forest); --p-btn-v3-border-active: var(--color-forest); --p-btn-v3-bg-active: var(--color-lime); --p-btn-v3-text-disabled: var(--color-forest); --p-btn-v3-border-disabled: var(--color-forest); --p-btn-v3-bg-disabled: var(--color-lime); --p-btn-v1-media-text-default: var(--color-cloud); --p-btn-v1-media-border-default: var(--color-lime); --p-btn-v1-media-bg-default: var(--color-lime); --p-btn-v1-media-text-hover: var(--color-forest); --p-btn-v1-media-border-hover: var(--color-cloud); --p-btn-v1-media-bg-hover: var(--color-cloud); --p-btn-v1-media-text-active: var(--color-forest); --p-btn-v1-media-border-active: var(--color-cloud); --p-btn-v1-media-bg-active: var(--color-cloud); --p-btn-v1-media-text-disabled: var(--color-cloud); --p-btn-v1-media-border-disabled: var(--color-lime); --p-btn-v1-media-bg-disabled: var(--color-lime); --field-text-color-default: var(--color-moss); --field-border-color-default: var(--color-moss); --field-bg-color-default: var(--color-transparent); --field-text-color-value: var(--color-forest); --field-border-color-value: var(--color-forest); --field-bg-color-value: var(--color-transparent); --field-text-color-hover: var(--color-forest); --field-border-color-hover: var(--color-cerulean); --field-bg-color-hover: var(--color-transparent); --field-text-color-focus: var(--color-forest); --field-border-color-focus: var(--color-forest); --field-bg-color-focus: var(--color-transparent); --field-text-color-error: var(--color-apple); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-transparent); --field-text-color-disabled: var(--color-forest); --field-border-color-disabled: var(--color-forest); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-forest); --toggle-input-border-color-default: var(--color-moss); --toggle-input-bg-color-default: var(--color-transparent); --toggle-input-icon-color-value: var(--color-forest); --toggle-input-border-color-value: var(--color-forest); --toggle-input-bg-color-value: var(--color-transparent); --toggle-input-icon-color-hover: var(--color-forest); --toggle-input-border-color-hover: var(--color-cerulean); --toggle-input-bg-color-hover: var(--color-transparent); --toggle-input-icon-color-focus: var(--color-forest); --toggle-input-border-color-focus: var(--color-cerulean); --toggle-input-bg-color-focus: var(--color-transparent); --toggle-input-icon-color-disabled: var(--color-forest); --toggle-input-border-color-disabled: var(--color-moss); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-forest); --tag-border-color-default: var(--color-lime); --tag-bg-color-default: var(--color-lime); --tag-text-color-hover: var(--color-cloud); --tag-border-color-hover: var(--color-forest); --tag-bg-color-hover: var(--color-forest); --p-tab-text-default: var(--color-forest); --p-tab-border-default: var(--color-forest); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cloud); --p-tab-border-hover: var(--color-forest); --p-tab-bg-hover: var(--color-forest); --p-tab-text-active: var(--color-forest); --p-tab-border-active: var(--color-lime); --p-tab-bg-active: var(--color-lime); --p-tab-text-disabled: var(--color-forest); --p-tab-border-disabled: var(--color-forest); --p-tab-bg-disabled: var(--color-transparent); --p-pagination-active: var(--color-forest); --p-pagination-inactive: var(--color-moss); --p-nav-dropdown-bg: var(--color-cloud); --p-statistic: var(--color-cloud); --p-event-date: var(--color-cloud); } :root:where(:has([data-palette-dynamic="5"])) { --p-bg: var(--color-forest); --p-inset-bg: var(--color-pine); --p-overlay-bg: var(--color-forest-66); --p-text: var(--color-cloud); --p-text-alt: var(--color-cloud); --p-list-marker-1: var(--color-shamrock); --p-list-marker-2: var(--color-shamrock); --p-list-marker-3: var(--color-shamrock); --p-selection-bg: var(--color-lime); --p-selection-text: var(--color-forest); --p-caption: var(--color-pine); --p-error: var(--color-apple); --p-accent-1: var(--color-lime); --p-accent-2: var(--color-cloud); --p-accent-3: var(--color-pine); --p-accent-4: var(--color-moss); --p-accent-5: var(--color-lemon); --p-line: var(--color-moss); --p-line-alt: var(--color-cloud); --p-icon: var(--color-cloud); --p-image-bg: var(--color-mint); --link-text-color-default: var(--color-cloud); --link-border-color-default: var(--color-cloud); --link-bg-color-default: var(--color-lime); --link-text-color-hover: var(--color-forest); --link-border-color-hover: var(--color-lime); --link-bg-color-hover: var(--color-lime); --link-text-color-active: var(--color-forest); --link-border-color-active: var(--color-lime); --link-bg-color-active: var(--color-lime); --link-shy-text-color-default: var(--color-cloud); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-lime); --link-shy-text-color-hover: var(--color-forest); --link-shy-border-color-hover: var(--color-lime); --link-shy-bg-color-hover: var(--color-lime); --p-btn-v1-text-default: var(--color-forest); --p-btn-v1-border-default: var(--color-lime); --p-btn-v1-bg-default: var(--color-lime); --p-btn-v1-text-hover: var(--color-forest); --p-btn-v1-border-hover: var(--color-cloud); --p-btn-v1-bg-hover: var(--color-cloud); --p-btn-v1-text-active: var(--color-forest); --p-btn-v1-border-active: var(--color-cloud); --p-btn-v1-bg-active: var(--color-cloud); --p-btn-v1-text-disabled: var(--color-forest); --p-btn-v1-border-disabled: var(--color-cloud); --p-btn-v1-bg-disabled: var(--color-cloud); --p-btn-v2-text-default: var(--color-cloud); --p-btn-v2-border-default: var(--color-cloud); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-forest); --p-btn-v2-border-hover: var(--color-cloud); --p-btn-v2-bg-hover: var(--color-cloud); --p-btn-v2-text-active: var(--color-forest); --p-btn-v2-border-active: var(--color-cloud); --p-btn-v2-bg-active: var(--color-cloud); --p-btn-v2-text-disabled: var(--color-cloud); --p-btn-v2-border-disabled: var(--color-cloud); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v3-text-default: var(--color-forest); --p-btn-v3-border-default: var(--color-forest); --p-btn-v3-bg-default: var(--color-lime); --p-btn-v3-text-hover: var(--color-forest); --p-btn-v3-border-hover: var(--color-forest); --p-btn-v3-bg-hover: var(--color-lime); --p-btn-v3-text-active: var(--color-forest); --p-btn-v3-border-active: var(--color-forest); --p-btn-v3-bg-active: var(--color-lime); --p-btn-v3-text-disabled: var(--color-forest); --p-btn-v3-border-disabled: var(--color-forest); --p-btn-v3-bg-disabled: var(--color-lime); --p-btn-v1-media-text-default: var(--color-cloud); --p-btn-v1-media-border-default: var(--color-lime); --p-btn-v1-media-bg-default: var(--color-lime); --p-btn-v1-media-text-hover: var(--color-forest); --p-btn-v1-media-border-hover: var(--color-cloud); --p-btn-v1-media-bg-hover: var(--color-cloud); --p-btn-v1-media-text-active: var(--color-forest); --p-btn-v1-media-border-active: var(--color-cloud); --p-btn-v1-media-bg-active: var(--color-cloud); --p-btn-v1-media-text-disabled: var(--color-cloud); --p-btn-v1-media-border-disabled: var(--color-lime); --p-btn-v1-media-bg-disabled: var(--color-lime); --field-text-color-default: var(--color-cloud-50); --field-border-color-default: var(--color-cloud); --field-bg-color-default: var(--color-transparent); --field-text-color-value: var(--color-cloud); --field-border-color-value: var(--color-cloud); --field-bg-color-value: var(--color-transparent); --field-text-color-hover: var(--color-cloud); --field-border-color-hover: var(--color-cerulean); --field-bg-color-hover: var(--color-transparent); --field-text-color-focus: var(--color-cloud); --field-border-color-focus: var(--color-lime); --field-bg-color-focus: var(--color-transparent); --field-text-color-error: var(--color-cherry); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-transparent); --field-text-color-disabled: var(--color-cloud); --field-border-color-disabled: var(--color-cloud); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-forest); --toggle-input-border-color-default: var(--color-moss); --toggle-input-bg-color-default: var(--color-transparent); --toggle-input-icon-color-value: var(--color-forest); --toggle-input-border-color-value: var(--color-forest); --toggle-input-bg-color-value: var(--color-transparent); --toggle-input-icon-color-hover: var(--color-forest); --toggle-input-border-color-hover: var(--color-cerulean); --toggle-input-bg-color-hover: var(--color-transparent); --toggle-input-icon-color-focus: var(--color-forest); --toggle-input-border-color-focus: var(--color-cerulean); --toggle-input-bg-color-focus: var(--color-transparent); --toggle-input-icon-color-disabled: var(--color-forest); --toggle-input-border-color-disabled: var(--color-moss); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-forest); --tag-border-color-default: var(--color-lime); --tag-bg-color-default: var(--color-lime); --tag-text-color-hover: var(--color-forest); --tag-border-color-hover: var(--color-cloud); --tag-bg-color-hover: var(--color-cloud); --p-tab-text-default: var(--color-forest); --p-tab-border-default: var(--color-forest); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cloud); --p-tab-border-hover: var(--color-forest); --p-tab-bg-hover: var(--color-forest); --p-tab-text-active: var(--color-forest); --p-tab-border-active: var(--color-lime); --p-tab-bg-active: var(--color-lime); --p-tab-text-disabled: var(--color-forest); --p-tab-border-disabled: var(--color-forest); --p-tab-bg-disabled: var(--color-transparent); --p-pagination-active: var(--color-forest); --p-pagination-inactive: var(--color-moss); --p-nav-dropdown-bg: var(--color-cloud); --p-statistic: var(--color-shamrock); --p-event-date: var(--color-lime); } } @layer site_default { :root { --grid-columns: 12; --content-width: 12; --content-offset: 0; --grid-gap-x: clamp(20px, 1.7123vw + 13.8356px, 40px); --grid-gap-y: 0; --padding-outer-x: clamp(20px, 2.0547vw + 12.6027px, 44px); --items-per-row: 4; --grid-width: 100vw; --column-gutter-width: calc( ( var(--grid-width) - (var(--padding-outer-x) * 2) + var(--grid-gap-x) ) / var(--grid-columns) ); --column-width: calc(--column-gutter-width - var(--grid-gap-x)); } @media (min-width: 1528px) { :root { --grid-max-width: 1528px; --grid-width: var(--grid-max-width); } } .\:c { margin-inline: auto; width: 100%; } .\:m { max-width: 1528px; } .\:p { padding-inline: var(--padding-outer-x); } :is(.\:g, [class*=":g-"]) { display: grid; grid-template-columns: repeat(var(--grid-columns), 1fr); gap: var(--grid-gap-y) var(--grid-gap-x); } .\:g { --grid-columns: 12; } .\:g-1 { --grid-columns: 1; } .\:g-2 { --grid-columns: 2; } .\:g-3 { --grid-columns: 3; } .\:g-4 { --grid-columns: 4; } .\:g-5 { --grid-columns: 5; } .\:g-6 { --grid-columns: 6; } .\:g-7 { --grid-columns: 7; } .\:g-8 { --grid-columns: 8; } .\:g-9 { --grid-columns: 9; } .\:g-10 { --grid-columns: 10; } .\:g-11 { --grid-columns: 11; } .\:g-12 { --grid-columns: 12; } .\:g-x { --grid-columns: 1; } [class*=":g-max-"] { --item-min-width: 220px; --item-max-width: calc( (100% - ((var(--items-per-row) - 1) * clamp(20px, 1.7123vw + 13.8356px, 40px))) / var(--items-per-row) ); --item-repeat: auto-fill; grid-template-columns: repeat(var(--item-repeat), minmax(max(min(100vw - clamp(20px, 2.0547vw + 12.6027px, 44px) * 2, var(--item-min-width)), var(--item-max-width)), 1fr)); } .\:g-max-1 { --items-per-row: 1; } .\:g-max-2 { --items-per-row: 2; } .\:g-max-3 { --items-per-row: 3; } .\:g-max-4 { --items-per-row: 4; } .\:g-max-5 { --items-per-row: 5; } .\:g-max-6 { --items-per-row: 6; } .\:center-10 { --content-width: 12; --content-offset: 0; grid-column: 1/-1; } @media (min-width: 596px) { .\:center-10 { --content-width: 10; --content-offset: 1; grid-column: 2/span 10; } } .\:center-8 { --content-width: 12; --content-offset: 0; grid-column: 1/-1; } @media (min-width: 596px) { .\:center-8 { --content-width: 10; --content-offset: 1; grid-column: 2/span 10; } } @media (min-width: 900px) { .\:center-8 { --content-width: 8; --content-offset: 2; grid-column: 3/span 8; } } .\:center-6 { --content-width: 12; --content-offset: 0; grid-column: 1/-1; } @media (min-width: 596px) { .\:center-6 { --content-width: 10; --content-offset: 1; grid-column: 2/span 10; } } @media (min-width: 900px) { .\:center-6 { --content-width: 8; --content-offset: 2; grid-column: 3/span 8; } } @media (min-width: 1292px) { .\:center-6 { --content-width: 6; --content-offset: 3; grid-column: 4/span 6; } } :is(.\:f, [class*=":f-"]) { display: flex; gap: var(--grid-gap-y) var(--grid-gap-x); } .\:f-max-1 { --items-per-row: 1; } .\:f-max-2 { --items-per-row: 2; } .\:f-max-3 { --items-per-row: 3; } .\:f-max-4 { --items-per-row: 4; } .\:f-max-5 { --items-per-row: 5; } .\:f-max-6 { --items-per-row: 6; } :is(.hang-left, .hang-right) { --margin-bleed: 0px; --full-content-width: 100vw; --single-column-gutter-width: calc( (var(--full-content-width) - (clamp(20px, 2.0547vw + 12.6027px, 44px) * 2) + clamp(20px, 1.7123vw + 13.8356px, 40px)) / 12 ); --hang: calc( ( ( var(--single-column-gutter-width) * ((12 - var(--content-width)) / 2) ) + clamp(20px, 2.0547vw + 12.6027px, 44px) + var(--margin-bleed) ) * -1 ); } .hang-left { margin-left: var(--hang); } .hang-right { margin-right: var(--hang); } @media (min-width: 1528px) { :is(.hang-left, .hang-right) { --margin-bleed: calc((100vw - 1528px) / 2); --full-content-width: 1528px; } } } @layer site_default { :root { --rhythm-default: clamp(48px, 2.0547vw + 40.6027px, 72px); --rhythm-tiny: 16px; --rhythm-small: clamp(16px, 0.6849vw + 13.5342px, 24px); --rhythm-medium: clamp(24px, 0.6849vw + 21.5342px, 32px); --rhythm-large: clamp(36px, 2.3972vw + 27.3698px, 64px); --rhythm-xlarge: clamp(56px, 3.4246vw + 43.6712px, 96px); --rhythm-flow: clamp(28px, 1.0273vw + 24.3013px, 40px); --rhythm-gutter: clamp(20px, 1.7123vw + 13.8356px, 40px); --rhythm-outer: clamp(32px, 0.6849vw + 29.5342px, 40px); --rhythm-bg: clamp(40px, 3.4246vw + 27.6712px, 80px); --rhythm-feature: clamp(80px, 3.4246vw + 67.6712px, 120px); --rhythm-hero-small: clamp(40px, 15.4109vw - 15.4795px, 220px); --rhythm-hero: clamp(180px, 11.9863vw + 136.8493px, 320px); } } @layer site_local { .ro-default { margin-block: var(--rhythm-default); } .ri-default { padding-block: var(--rhythm-default); } .ro-tiny { margin-block: var(--rhythm-tiny); } .ri-tiny { padding-block: var(--rhythm-tiny); } .ro-small { margin-block: var(--rhythm-small); } .ri-small { padding-block: var(--rhythm-small); } .ro-medium { margin-block: var(--rhythm-medium); } .ri-medium { padding-block: var(--rhythm-medium); } .ro-large { margin-block: var(--rhythm-large); } .ri-large { padding-block: var(--rhythm-large); } .ro-xlarge { margin-block: var(--rhythm-xlarge); } .ri-xlarge { padding-block: var(--rhythm-xlarge); } .ro-flow { margin-block: var(--rhythm-flow); } .ri-flow { padding-block: var(--rhythm-flow); } .ro-gutter { margin-block: var(--rhythm-gutter); } .ri-gutter { padding-block: var(--rhythm-gutter); } .ro-outer { margin-block: var(--rhythm-outer); } .ri-outer { padding-block: var(--rhythm-outer); } .ro-bg { margin-block: var(--rhythm-bg); } .ri-bg { padding-block: var(--rhythm-bg); } .ro-feature { margin-block: var(--rhythm-feature); } .ri-feature { padding-block: var(--rhythm-feature); } .ro-hero-small { margin-block: var(--rhythm-hero-small); } .ri-hero-small { padding-block: var(--rhythm-hero-small); } .ro-hero { margin-block: var(--rhythm-hero); } .ri-hero { padding-block: var(--rhythm-hero); } .rot-default { margin-top: var(--rhythm-default); } .rob-default { margin-bottom: var(--rhythm-default); } .rit-default { padding-top: var(--rhythm-default); } .rib-default { padding-bottom: var(--rhythm-default); } .rot-tiny { margin-top: var(--rhythm-tiny); } .rob-tiny { margin-bottom: var(--rhythm-tiny); } .rit-tiny { padding-top: var(--rhythm-tiny); } .rib-tiny { padding-bottom: var(--rhythm-tiny); } .rot-small { margin-top: var(--rhythm-small); } .rob-small { margin-bottom: var(--rhythm-small); } .rit-small { padding-top: var(--rhythm-small); } .rib-small { padding-bottom: var(--rhythm-small); } .rot-medium { margin-top: var(--rhythm-medium); } .rob-medium { margin-bottom: var(--rhythm-medium); } .rit-medium { padding-top: var(--rhythm-medium); } .rib-medium { padding-bottom: var(--rhythm-medium); } .rot-large { margin-top: var(--rhythm-large); } .rob-large { margin-bottom: var(--rhythm-large); } .rit-large { padding-top: var(--rhythm-large); } .rib-large { padding-bottom: var(--rhythm-large); } .rot-xlarge { margin-top: var(--rhythm-xlarge); } .rob-xlarge { margin-bottom: var(--rhythm-xlarge); } .rit-xlarge { padding-top: var(--rhythm-xlarge); } .rib-xlarge { padding-bottom: var(--rhythm-xlarge); } .rot-flow { margin-top: var(--rhythm-flow); } .rob-flow { margin-bottom: var(--rhythm-flow); } .rit-flow { padding-top: var(--rhythm-flow); } .rib-flow { padding-bottom: var(--rhythm-flow); } .rot-gutter { margin-top: var(--rhythm-gutter); } .rob-gutter { margin-bottom: var(--rhythm-gutter); } .rit-gutter { padding-top: var(--rhythm-gutter); } .rib-gutter { padding-bottom: var(--rhythm-gutter); } .rot-outer { margin-top: var(--rhythm-outer); } .rob-outer { margin-bottom: var(--rhythm-outer); } .rit-outer { padding-top: var(--rhythm-outer); } .rib-outer { padding-bottom: var(--rhythm-outer); } .rot-bg { margin-top: var(--rhythm-bg); } .rob-bg { margin-bottom: var(--rhythm-bg); } .rit-bg { padding-top: var(--rhythm-bg); } .rib-bg { padding-bottom: var(--rhythm-bg); } .rot-feature { margin-top: var(--rhythm-feature); } .rob-feature { margin-bottom: var(--rhythm-feature); } .rit-feature { padding-top: var(--rhythm-feature); } .rib-feature { padding-bottom: var(--rhythm-feature); } .rot-hero-small { margin-top: var(--rhythm-hero-small); } .rob-hero-small { margin-bottom: var(--rhythm-hero-small); } .rit-hero-small { padding-top: var(--rhythm-hero-small); } .rib-hero-small { padding-bottom: var(--rhythm-hero-small); } .rot-hero { margin-top: var(--rhythm-hero); } .rob-hero { margin-bottom: var(--rhythm-hero); } .rit-hero { padding-top: var(--rhythm-hero); } .rib-hero { padding-bottom: var(--rhythm-hero); } .ro-default + :is(.ro-default, .rot-default) { margin-top: 0px; } .ro-default + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .ro-default + :is(.ro-small, .rot-small) { margin-top: 0px; } .ro-default + :is(.ro-medium, .rot-medium) { margin-top: 0px; } .ro-default + :is(.ro-large, .rot-large) { margin-top: 0px; } .ro-default + :is(.ro-xlarge, .rot-xlarge) { margin-top: clamp(8px, 1.3698vw + 3.0684px, 24px); } .ro-default + :is(.ro-flow, .rot-flow) { margin-top: 0px; } .ro-default + :is(.ro-gutter, .rot-gutter) { margin-top: 0px; } .ro-default + :is(.ro-outer, .rot-outer) { margin-top: 0px; } .ro-default + :is(.ro-bg, .rot-bg) { margin-top: clamp(0px, 0.6849vw - 2.4658px, 8px); } .ro-default + :is(.ro-feature, .rot-feature) { margin-top: clamp(32px, 1.3698vw + 27.0684px, 48px); } .ro-default + :is(.ro-hero-small, .rot-hero-small) { margin-top: clamp(0px, 12.6712vw - 45.6165px, 148px); } .ro-default + :is(.ro-hero, .rot-hero) { margin-top: clamp(132px, 9.9315vw + 96.2465px, 248px); } .ro-tiny + :is(.ro-default, .rot-default) { margin-top: clamp(32px, 2.0547vw + 24.6027px, 56px); } .ro-tiny + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .ro-tiny + :is(.ro-small, .rot-small) { margin-top: clamp(0px, 0.6849vw - 2.4658px, 8px); } .ro-tiny + :is(.ro-medium, .rot-medium) { margin-top: clamp(8px, 0.6849vw + 5.5342px, 16px); } .ro-tiny + :is(.ro-large, .rot-large) { margin-top: clamp(20px, 2.3972vw + 11.3698px, 48px); } .ro-tiny + :is(.ro-xlarge, .rot-xlarge) { margin-top: clamp(40px, 3.4246vw + 27.6712px, 80px); } .ro-tiny + :is(.ro-flow, .rot-flow) { margin-top: clamp(12px, 1.0273vw + 8.3013px, 24px); } .ro-tiny + :is(.ro-gutter, .rot-gutter) { margin-top: clamp(4px, 1.7123vw - 2.1644px, 24px); } .ro-tiny + :is(.ro-outer, .rot-outer) { margin-top: clamp(16px, 0.6849vw + 13.5342px, 24px); } .ro-tiny + :is(.ro-bg, .rot-bg) { margin-top: clamp(24px, 3.4246vw + 11.6712px, 64px); } .ro-tiny + :is(.ro-feature, .rot-feature) { margin-top: clamp(64px, 3.4246vw + 51.6712px, 104px); } .ro-tiny + :is(.ro-hero-small, .rot-hero-small) { margin-top: clamp(24px, 15.4109vw - 31.4795px, 204px); } .ro-tiny + :is(.ro-hero, .rot-hero) { margin-top: clamp(164px, 11.9863vw + 120.8493px, 304px); } .ro-small + :is(.ro-default, .rot-default) { margin-top: clamp(32px, 1.3698vw + 27.0684px, 48px); } .ro-small + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .ro-small + :is(.ro-small, .rot-small) { margin-top: 0px; } .ro-small + :is(.ro-medium, .rot-medium) { margin-top: 8px; } .ro-small + :is(.ro-large, .rot-large) { margin-top: clamp(20px, 1.7123vw + 13.8356px, 40px); } .ro-small + :is(.ro-xlarge, .rot-xlarge) { margin-top: clamp(40px, 2.7397vw + 30.1369px, 72px); } .ro-small + :is(.ro-flow, .rot-flow) { margin-top: clamp(12px, 0.3424vw + 10.7671px, 16px); } .ro-small + :is(.ro-gutter, .rot-gutter) { margin-top: clamp(4px, 1.0273vw + 0.3013px, 16px); } .ro-small + :is(.ro-outer, .rot-outer) { margin-top: 16px; } .ro-small + :is(.ro-bg, .rot-bg) { margin-top: clamp(24px, 2.7397vw + 14.1369px, 56px); } .ro-small + :is(.ro-feature, .rot-feature) { margin-top: clamp(64px, 2.7397vw + 54.1369px, 96px); } .ro-small + :is(.ro-hero-small, .rot-hero-small) { margin-top: clamp(24px, 14.726vw - 29.0137px, 196px); } .ro-small + :is(.ro-hero, .rot-hero) { margin-top: clamp(164px, 11.3013vw + 123.315px, 296px); } .ro-medium + :is(.ro-default, .rot-default) { margin-top: clamp(24px, 1.3698vw + 19.0684px, 40px); } .ro-medium + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .ro-medium + :is(.ro-small, .rot-small) { margin-top: 0px; } .ro-medium + :is(.ro-medium, .rot-medium) { margin-top: 0px; } .ro-medium + :is(.ro-large, .rot-large) { margin-top: clamp(12px, 1.7123vw + 5.8356px, 32px); } .ro-medium + :is(.ro-xlarge, .rot-xlarge) { margin-top: clamp(32px, 2.7397vw + 22.1369px, 64px); } .ro-medium + :is(.ro-flow, .rot-flow) { margin-top: clamp(4px, 0.3424vw + 2.7671px, 8px); } .ro-medium + :is(.ro-gutter, .rot-gutter) { margin-top: clamp(0px, 0.6849vw - 2.4658px, 8px); } .ro-medium + :is(.ro-outer, .rot-outer) { margin-top: 8px; } .ro-medium + :is(.ro-bg, .rot-bg) { margin-top: clamp(16px, 2.7397vw + 6.1369px, 48px); } .ro-medium + :is(.ro-feature, .rot-feature) { margin-top: clamp(56px, 2.7397vw + 46.1369px, 88px); } .ro-medium + :is(.ro-hero-small, .rot-hero-small) { margin-top: clamp(16px, 14.726vw - 37.0137px, 188px); } .ro-medium + :is(.ro-hero, .rot-hero) { margin-top: clamp(156px, 11.3013vw + 115.315px, 288px); } .ro-large + :is(.ro-default, .rot-default) { margin-top: clamp(8px, -0.3425vw + 13.2328px, 12px); } .ro-large + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .ro-large + :is(.ro-small, .rot-small) { margin-top: 0px; } .ro-large + :is(.ro-medium, .rot-medium) { margin-top: 0px; } .ro-large + :is(.ro-large, .rot-large) { margin-top: 0px; } .ro-large + :is(.ro-xlarge, .rot-xlarge) { margin-top: clamp(20px, 1.0273vw + 16.3013px, 32px); } .ro-large + :is(.ro-flow, .rot-flow) { margin-top: 0px; } .ro-large + :is(.ro-gutter, .rot-gutter) { margin-top: 0px; } .ro-large + :is(.ro-outer, .rot-outer) { margin-top: 0px; } .ro-large + :is(.ro-bg, .rot-bg) { margin-top: clamp(4px, 1.0273vw + 0.3013px, 16px); } .ro-large + :is(.ro-feature, .rot-feature) { margin-top: clamp(44px, 1.0273vw + 40.3013px, 56px); } .ro-large + :is(.ro-hero-small, .rot-hero-small) { margin-top: clamp(4px, 13.0136vw - 42.8494px, 156px); } .ro-large + :is(.ro-hero, .rot-hero) { margin-top: clamp(144px, 9.589vw + 109.4794px, 256px); } .ro-xlarge + :is(.ro-default, .rot-default) { margin-top: 0px; } .ro-xlarge + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .ro-xlarge + :is(.ro-small, .rot-small) { margin-top: 0px; } .ro-xlarge + :is(.ro-medium, .rot-medium) { margin-top: 0px; } .ro-xlarge + :is(.ro-large, .rot-large) { margin-top: 0px; } .ro-xlarge + :is(.ro-xlarge, .rot-xlarge) { margin-top: 0px; } .ro-xlarge + :is(.ro-flow, .rot-flow) { margin-top: 0px; } .ro-xlarge + :is(.ro-gutter, .rot-gutter) { margin-top: 0px; } .ro-xlarge + :is(.ro-outer, .rot-outer) { margin-top: 0px; } .ro-xlarge + :is(.ro-bg, .rot-bg) { margin-top: 0px; } .ro-xlarge + :is(.ro-feature, .rot-feature) { margin-top: 24px; } .ro-xlarge + :is(.ro-hero-small, .rot-hero-small) { margin-top: clamp(0px, 10.6164vw - 38.2192px, 124px); } .ro-xlarge + :is(.ro-hero, .rot-hero) { margin-top: clamp(124px, 8.5616vw + 93.178px, 224px); } .ro-flow + :is(.ro-default, .rot-default) { margin-top: clamp(20px, 1.0273vw + 16.3013px, 32px); } .ro-flow + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .ro-flow + :is(.ro-small, .rot-small) { margin-top: 0px; } .ro-flow + :is(.ro-medium, .rot-medium) { margin-top: 0px; } .ro-flow + :is(.ro-large, .rot-large) { margin-top: clamp(8px, 1.3698vw + 3.0684px, 24px); } .ro-flow + :is(.ro-xlarge, .rot-xlarge) { margin-top: clamp(28px, 2.3972vw + 19.3698px, 56px); } .ro-flow + :is(.ro-flow, .rot-flow) { margin-top: 0px; } .ro-flow + :is(.ro-gutter, .rot-gutter) { margin-top: 0px; } .ro-flow + :is(.ro-outer, .rot-outer) { margin-top: clamp(0px, -0.3425vw + 5.2328px, 4px); } .ro-flow + :is(.ro-bg, .rot-bg) { margin-top: clamp(12px, 2.3972vw + 3.3698px, 40px); } .ro-flow + :is(.ro-feature, .rot-feature) { margin-top: clamp(52px, 2.3972vw + 43.3698px, 80px); } .ro-flow + :is(.ro-hero-small, .rot-hero-small) { margin-top: clamp(12px, 14.3835vw - 39.7809px, 180px); } .ro-flow + :is(.ro-hero, .rot-hero) { margin-top: clamp(152px, 10.9589vw + 112.5479px, 280px); } .ro-gutter + :is(.ro-default, .rot-default) { margin-top: clamp(28px, 0.3424vw + 26.7671px, 32px); } .ro-gutter + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .ro-gutter + :is(.ro-small, .rot-small) { margin-top: 0px; } .ro-gutter + :is(.ro-medium, .rot-medium) { margin-top: clamp(0px, -0.3425vw + 5.2328px, 4px); } .ro-gutter + :is(.ro-large, .rot-large) { margin-top: clamp(16px, 0.6849vw + 13.5342px, 24px); } .ro-gutter + :is(.ro-xlarge, .rot-xlarge) { margin-top: clamp(36px, 1.7123vw + 29.8356px, 56px); } .ro-gutter + :is(.ro-flow, .rot-flow) { margin-top: clamp(0px, -0.685vw + 10.4657px, 8px); } .ro-gutter + :is(.ro-gutter, .rot-gutter) { margin-top: 0px; } .ro-gutter + :is(.ro-outer, .rot-outer) { margin-top: clamp(0px, -1.0274vw + 15.6986px, 12px); } .ro-gutter + :is(.ro-bg, .rot-bg) { margin-top: clamp(20px, 1.7123vw + 13.8356px, 40px); } .ro-gutter + :is(.ro-feature, .rot-feature) { margin-top: clamp(60px, 1.7123vw + 53.8356px, 80px); } .ro-gutter + :is(.ro-hero-small, .rot-hero-small) { margin-top: clamp(20px, 13.6986vw - 29.3151px, 180px); } .ro-gutter + :is(.ro-hero, .rot-hero) { margin-top: clamp(160px, 10.2739vw + 123.0136px, 280px); } .ro-outer + :is(.ro-default, .rot-default) { margin-top: clamp(16px, 1.3698vw + 11.0684px, 32px); } .ro-outer + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .ro-outer + :is(.ro-small, .rot-small) { margin-top: 0px; } .ro-outer + :is(.ro-medium, .rot-medium) { margin-top: 0px; } .ro-outer + :is(.ro-large, .rot-large) { margin-top: clamp(4px, 1.7123vw - 2.1644px, 24px); } .ro-outer + :is(.ro-xlarge, .rot-xlarge) { margin-top: clamp(24px, 2.7397vw + 14.1369px, 56px); } .ro-outer + :is(.ro-flow, .rot-flow) { margin-top: 0px; } .ro-outer + :is(.ro-gutter, .rot-gutter) { margin-top: 0px; } .ro-outer + :is(.ro-outer, .rot-outer) { margin-top: 0px; } .ro-outer + :is(.ro-bg, .rot-bg) { margin-top: clamp(8px, 2.7397vw - 1.8631px, 40px); } .ro-outer + :is(.ro-feature, .rot-feature) { margin-top: clamp(48px, 2.7397vw + 38.1369px, 80px); } .ro-outer + :is(.ro-hero-small, .rot-hero-small) { margin-top: clamp(8px, 14.726vw - 45.0137px, 180px); } .ro-outer + :is(.ro-hero, .rot-hero) { margin-top: clamp(148px, 11.3013vw + 107.315px, 280px); } .ro-bg + :is(.ro-default, .rot-default) { margin-top: clamp(0px, -0.685vw + 10.4657px, 8px); } .ro-bg + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .ro-bg + :is(.ro-small, .rot-small) { margin-top: 0px; } .ro-bg + :is(.ro-medium, .rot-medium) { margin-top: 0px; } .ro-bg + :is(.ro-large, .rot-large) { margin-top: 0px; } .ro-bg + :is(.ro-xlarge, .rot-xlarge) { margin-top: 16px; } .ro-bg + :is(.ro-flow, .rot-flow) { margin-top: 0px; } .ro-bg + :is(.ro-gutter, .rot-gutter) { margin-top: 0px; } .ro-bg + :is(.ro-outer, .rot-outer) { margin-top: 0px; } .ro-bg + :is(.ro-bg, .rot-bg) { margin-top: 0px; } .ro-bg + :is(.ro-feature, .rot-feature) { margin-top: 40px; } .ro-bg + :is(.ro-hero-small, .rot-hero-small) { margin-top: clamp(0px, 11.9863vw - 43.1507px, 140px); } .ro-bg + :is(.ro-hero, .rot-hero) { margin-top: clamp(140px, 8.5616vw + 109.178px, 240px); } .ro-feature + :is(.ro-default, .rot-default) { margin-top: 0px; } .ro-feature + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .ro-feature + :is(.ro-small, .rot-small) { margin-top: 0px; } .ro-feature + :is(.ro-medium, .rot-medium) { margin-top: 0px; } .ro-feature + :is(.ro-large, .rot-large) { margin-top: 0px; } .ro-feature + :is(.ro-xlarge, .rot-xlarge) { margin-top: 0px; } .ro-feature + :is(.ro-flow, .rot-flow) { margin-top: 0px; } .ro-feature + :is(.ro-gutter, .rot-gutter) { margin-top: 0px; } .ro-feature + :is(.ro-outer, .rot-outer) { margin-top: 0px; } .ro-feature + :is(.ro-bg, .rot-bg) { margin-top: 0px; } .ro-feature + :is(.ro-feature, .rot-feature) { margin-top: 0px; } .ro-feature + :is(.ro-hero-small, .rot-hero-small) { margin-top: clamp(0px, 8.5616vw - 30.822px, 100px); } .ro-feature + :is(.ro-hero, .rot-hero) { margin-top: clamp(100px, 8.5616vw + 69.178px, 200px); } .ro-hero-small + :is(.ro-default, .rot-default) { margin-top: clamp(0px, -0.685vw + 10.4657px, 8px); } .ro-hero-small + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .ro-hero-small + :is(.ro-small, .rot-small) { margin-top: 0px; } .ro-hero-small + :is(.ro-medium, .rot-medium) { margin-top: 0px; } .ro-hero-small + :is(.ro-large, .rot-large) { margin-top: 0px; } .ro-hero-small + :is(.ro-xlarge, .rot-xlarge) { margin-top: clamp(0px, -1.3699vw + 20.9315px, 16px); } .ro-hero-small + :is(.ro-flow, .rot-flow) { margin-top: 0px; } .ro-hero-small + :is(.ro-gutter, .rot-gutter) { margin-top: 0px; } .ro-hero-small + :is(.ro-outer, .rot-outer) { margin-top: 0px; } .ro-hero-small + :is(.ro-bg, .rot-bg) { margin-top: 0px; } .ro-hero-small + :is(.ro-feature, .rot-feature) { margin-top: clamp(0px, -3.4247vw + 52.3287px, 40px); } .ro-hero-small + :is(.ro-hero-small, .rot-hero-small) { margin-top: 0px; } .ro-hero-small + :is(.ro-hero, .rot-hero) { margin-top: clamp(100px, -3.4247vw + 152.3287px, 140px); } .ro-hero + :is(.ro-default, .rot-default) { margin-top: 0px; } .ro-hero + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .ro-hero + :is(.ro-small, .rot-small) { margin-top: 0px; } .ro-hero + :is(.ro-medium, .rot-medium) { margin-top: 0px; } .ro-hero + :is(.ro-large, .rot-large) { margin-top: 0px; } .ro-hero + :is(.ro-xlarge, .rot-xlarge) { margin-top: 0px; } .ro-hero + :is(.ro-flow, .rot-flow) { margin-top: 0px; } .ro-hero + :is(.ro-gutter, .rot-gutter) { margin-top: 0px; } .ro-hero + :is(.ro-outer, .rot-outer) { margin-top: 0px; } .ro-hero + :is(.ro-bg, .rot-bg) { margin-top: 0px; } .ro-hero + :is(.ro-feature, .rot-feature) { margin-top: 0px; } .ro-hero + :is(.ro-hero-small, .rot-hero-small) { margin-top: 0px; } .ro-hero + :is(.ro-hero, .rot-hero) { margin-top: 0px; } .rob-default + :is(.ro-default, .rot-default) { margin-top: 0px; } .rob-default + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .rob-default + :is(.ro-small, .rot-small) { margin-top: 0px; } .rob-default + :is(.ro-medium, .rot-medium) { margin-top: 0px; } .rob-default + :is(.ro-large, .rot-large) { margin-top: 0px; } .rob-default + :is(.ro-xlarge, .rot-xlarge) { margin-top: clamp(8px, 1.3698vw + 3.0684px, 24px); } .rob-default + :is(.ro-flow, .rot-flow) { margin-top: 0px; } .rob-default + :is(.ro-gutter, .rot-gutter) { margin-top: 0px; } .rob-default + :is(.ro-outer, .rot-outer) { margin-top: 0px; } .rob-default + :is(.ro-bg, .rot-bg) { margin-top: clamp(0px, 0.6849vw - 2.4658px, 8px); } .rob-default + :is(.ro-feature, .rot-feature) { margin-top: clamp(32px, 1.3698vw + 27.0684px, 48px); } .rob-default + :is(.ro-hero-small, .rot-hero-small) { margin-top: clamp(0px, 12.6712vw - 45.6165px, 148px); } .rob-default + :is(.ro-hero, .rot-hero) { margin-top: clamp(132px, 9.9315vw + 96.2465px, 248px); } .rob-tiny + :is(.ro-default, .rot-default) { margin-top: clamp(32px, 2.0547vw + 24.6027px, 56px); } .rob-tiny + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .rob-tiny + :is(.ro-small, .rot-small) { margin-top: clamp(0px, 0.6849vw - 2.4658px, 8px); } .rob-tiny + :is(.ro-medium, .rot-medium) { margin-top: clamp(8px, 0.6849vw + 5.5342px, 16px); } .rob-tiny + :is(.ro-large, .rot-large) { margin-top: clamp(20px, 2.3972vw + 11.3698px, 48px); } .rob-tiny + :is(.ro-xlarge, .rot-xlarge) { margin-top: clamp(40px, 3.4246vw + 27.6712px, 80px); } .rob-tiny + :is(.ro-flow, .rot-flow) { margin-top: clamp(12px, 1.0273vw + 8.3013px, 24px); } .rob-tiny + :is(.ro-gutter, .rot-gutter) { margin-top: clamp(4px, 1.7123vw - 2.1644px, 24px); } .rob-tiny + :is(.ro-outer, .rot-outer) { margin-top: clamp(16px, 0.6849vw + 13.5342px, 24px); } .rob-tiny + :is(.ro-bg, .rot-bg) { margin-top: clamp(24px, 3.4246vw + 11.6712px, 64px); } .rob-tiny + :is(.ro-feature, .rot-feature) { margin-top: clamp(64px, 3.4246vw + 51.6712px, 104px); } .rob-tiny + :is(.ro-hero-small, .rot-hero-small) { margin-top: clamp(24px, 15.4109vw - 31.4795px, 204px); } .rob-tiny + :is(.ro-hero, .rot-hero) { margin-top: clamp(164px, 11.9863vw + 120.8493px, 304px); } .rob-small + :is(.ro-default, .rot-default) { margin-top: clamp(32px, 1.3698vw + 27.0684px, 48px); } .rob-small + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .rob-small + :is(.ro-small, .rot-small) { margin-top: 0px; } .rob-small + :is(.ro-medium, .rot-medium) { margin-top: 8px; } .rob-small + :is(.ro-large, .rot-large) { margin-top: clamp(20px, 1.7123vw + 13.8356px, 40px); } .rob-small + :is(.ro-xlarge, .rot-xlarge) { margin-top: clamp(40px, 2.7397vw + 30.1369px, 72px); } .rob-small + :is(.ro-flow, .rot-flow) { margin-top: clamp(12px, 0.3424vw + 10.7671px, 16px); } .rob-small + :is(.ro-gutter, .rot-gutter) { margin-top: clamp(4px, 1.0273vw + 0.3013px, 16px); } .rob-small + :is(.ro-outer, .rot-outer) { margin-top: 16px; } .rob-small + :is(.ro-bg, .rot-bg) { margin-top: clamp(24px, 2.7397vw + 14.1369px, 56px); } .rob-small + :is(.ro-feature, .rot-feature) { margin-top: clamp(64px, 2.7397vw + 54.1369px, 96px); } .rob-small + :is(.ro-hero-small, .rot-hero-small) { margin-top: clamp(24px, 14.726vw - 29.0137px, 196px); } .rob-small + :is(.ro-hero, .rot-hero) { margin-top: clamp(164px, 11.3013vw + 123.315px, 296px); } .rob-medium + :is(.ro-default, .rot-default) { margin-top: clamp(24px, 1.3698vw + 19.0684px, 40px); } .rob-medium + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .rob-medium + :is(.ro-small, .rot-small) { margin-top: 0px; } .rob-medium + :is(.ro-medium, .rot-medium) { margin-top: 0px; } .rob-medium + :is(.ro-large, .rot-large) { margin-top: clamp(12px, 1.7123vw + 5.8356px, 32px); } .rob-medium + :is(.ro-xlarge, .rot-xlarge) { margin-top: clamp(32px, 2.7397vw + 22.1369px, 64px); } .rob-medium + :is(.ro-flow, .rot-flow) { margin-top: clamp(4px, 0.3424vw + 2.7671px, 8px); } .rob-medium + :is(.ro-gutter, .rot-gutter) { margin-top: clamp(0px, 0.6849vw - 2.4658px, 8px); } .rob-medium + :is(.ro-outer, .rot-outer) { margin-top: 8px; } .rob-medium + :is(.ro-bg, .rot-bg) { margin-top: clamp(16px, 2.7397vw + 6.1369px, 48px); } .rob-medium + :is(.ro-feature, .rot-feature) { margin-top: clamp(56px, 2.7397vw + 46.1369px, 88px); } .rob-medium + :is(.ro-hero-small, .rot-hero-small) { margin-top: clamp(16px, 14.726vw - 37.0137px, 188px); } .rob-medium + :is(.ro-hero, .rot-hero) { margin-top: clamp(156px, 11.3013vw + 115.315px, 288px); } .rob-large + :is(.ro-default, .rot-default) { margin-top: clamp(8px, -0.3425vw + 13.2328px, 12px); } .rob-large + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .rob-large + :is(.ro-small, .rot-small) { margin-top: 0px; } .rob-large + :is(.ro-medium, .rot-medium) { margin-top: 0px; } .rob-large + :is(.ro-large, .rot-large) { margin-top: 0px; } .rob-large + :is(.ro-xlarge, .rot-xlarge) { margin-top: clamp(20px, 1.0273vw + 16.3013px, 32px); } .rob-large + :is(.ro-flow, .rot-flow) { margin-top: 0px; } .rob-large + :is(.ro-gutter, .rot-gutter) { margin-top: 0px; } .rob-large + :is(.ro-outer, .rot-outer) { margin-top: 0px; } .rob-large + :is(.ro-bg, .rot-bg) { margin-top: clamp(4px, 1.0273vw + 0.3013px, 16px); } .rob-large + :is(.ro-feature, .rot-feature) { margin-top: clamp(44px, 1.0273vw + 40.3013px, 56px); } .rob-large + :is(.ro-hero-small, .rot-hero-small) { margin-top: clamp(4px, 13.0136vw - 42.8494px, 156px); } .rob-large + :is(.ro-hero, .rot-hero) { margin-top: clamp(144px, 9.589vw + 109.4794px, 256px); } .rob-xlarge + :is(.ro-default, .rot-default) { margin-top: 0px; } .rob-xlarge + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .rob-xlarge + :is(.ro-small, .rot-small) { margin-top: 0px; } .rob-xlarge + :is(.ro-medium, .rot-medium) { margin-top: 0px; } .rob-xlarge + :is(.ro-large, .rot-large) { margin-top: 0px; } .rob-xlarge + :is(.ro-xlarge, .rot-xlarge) { margin-top: 0px; } .rob-xlarge + :is(.ro-flow, .rot-flow) { margin-top: 0px; } .rob-xlarge + :is(.ro-gutter, .rot-gutter) { margin-top: 0px; } .rob-xlarge + :is(.ro-outer, .rot-outer) { margin-top: 0px; } .rob-xlarge + :is(.ro-bg, .rot-bg) { margin-top: 0px; } .rob-xlarge + :is(.ro-feature, .rot-feature) { margin-top: 24px; } .rob-xlarge + :is(.ro-hero-small, .rot-hero-small) { margin-top: clamp(0px, 10.6164vw - 38.2192px, 124px); } .rob-xlarge + :is(.ro-hero, .rot-hero) { margin-top: clamp(124px, 8.5616vw + 93.178px, 224px); } .rob-flow + :is(.ro-default, .rot-default) { margin-top: clamp(20px, 1.0273vw + 16.3013px, 32px); } .rob-flow + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .rob-flow + :is(.ro-small, .rot-small) { margin-top: 0px; } .rob-flow + :is(.ro-medium, .rot-medium) { margin-top: 0px; } .rob-flow + :is(.ro-large, .rot-large) { margin-top: clamp(8px, 1.3698vw + 3.0684px, 24px); } .rob-flow + :is(.ro-xlarge, .rot-xlarge) { margin-top: clamp(28px, 2.3972vw + 19.3698px, 56px); } .rob-flow + :is(.ro-flow, .rot-flow) { margin-top: 0px; } .rob-flow + :is(.ro-gutter, .rot-gutter) { margin-top: 0px; } .rob-flow + :is(.ro-outer, .rot-outer) { margin-top: clamp(0px, -0.3425vw + 5.2328px, 4px); } .rob-flow + :is(.ro-bg, .rot-bg) { margin-top: clamp(12px, 2.3972vw + 3.3698px, 40px); } .rob-flow + :is(.ro-feature, .rot-feature) { margin-top: clamp(52px, 2.3972vw + 43.3698px, 80px); } .rob-flow + :is(.ro-hero-small, .rot-hero-small) { margin-top: clamp(12px, 14.3835vw - 39.7809px, 180px); } .rob-flow + :is(.ro-hero, .rot-hero) { margin-top: clamp(152px, 10.9589vw + 112.5479px, 280px); } .rob-gutter + :is(.ro-default, .rot-default) { margin-top: clamp(28px, 0.3424vw + 26.7671px, 32px); } .rob-gutter + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .rob-gutter + :is(.ro-small, .rot-small) { margin-top: 0px; } .rob-gutter + :is(.ro-medium, .rot-medium) { margin-top: clamp(0px, -0.3425vw + 5.2328px, 4px); } .rob-gutter + :is(.ro-large, .rot-large) { margin-top: clamp(16px, 0.6849vw + 13.5342px, 24px); } .rob-gutter + :is(.ro-xlarge, .rot-xlarge) { margin-top: clamp(36px, 1.7123vw + 29.8356px, 56px); } .rob-gutter + :is(.ro-flow, .rot-flow) { margin-top: clamp(0px, -0.685vw + 10.4657px, 8px); } .rob-gutter + :is(.ro-gutter, .rot-gutter) { margin-top: 0px; } .rob-gutter + :is(.ro-outer, .rot-outer) { margin-top: clamp(0px, -1.0274vw + 15.6986px, 12px); } .rob-gutter + :is(.ro-bg, .rot-bg) { margin-top: clamp(20px, 1.7123vw + 13.8356px, 40px); } .rob-gutter + :is(.ro-feature, .rot-feature) { margin-top: clamp(60px, 1.7123vw + 53.8356px, 80px); } .rob-gutter + :is(.ro-hero-small, .rot-hero-small) { margin-top: clamp(20px, 13.6986vw - 29.3151px, 180px); } .rob-gutter + :is(.ro-hero, .rot-hero) { margin-top: clamp(160px, 10.2739vw + 123.0136px, 280px); } .rob-outer + :is(.ro-default, .rot-default) { margin-top: clamp(16px, 1.3698vw + 11.0684px, 32px); } .rob-outer + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .rob-outer + :is(.ro-small, .rot-small) { margin-top: 0px; } .rob-outer + :is(.ro-medium, .rot-medium) { margin-top: 0px; } .rob-outer + :is(.ro-large, .rot-large) { margin-top: clamp(4px, 1.7123vw - 2.1644px, 24px); } .rob-outer + :is(.ro-xlarge, .rot-xlarge) { margin-top: clamp(24px, 2.7397vw + 14.1369px, 56px); } .rob-outer + :is(.ro-flow, .rot-flow) { margin-top: 0px; } .rob-outer + :is(.ro-gutter, .rot-gutter) { margin-top: 0px; } .rob-outer + :is(.ro-outer, .rot-outer) { margin-top: 0px; } .rob-outer + :is(.ro-bg, .rot-bg) { margin-top: clamp(8px, 2.7397vw - 1.8631px, 40px); } .rob-outer + :is(.ro-feature, .rot-feature) { margin-top: clamp(48px, 2.7397vw + 38.1369px, 80px); } .rob-outer + :is(.ro-hero-small, .rot-hero-small) { margin-top: clamp(8px, 14.726vw - 45.0137px, 180px); } .rob-outer + :is(.ro-hero, .rot-hero) { margin-top: clamp(148px, 11.3013vw + 107.315px, 280px); } .rob-bg + :is(.ro-default, .rot-default) { margin-top: clamp(0px, -0.685vw + 10.4657px, 8px); } .rob-bg + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .rob-bg + :is(.ro-small, .rot-small) { margin-top: 0px; } .rob-bg + :is(.ro-medium, .rot-medium) { margin-top: 0px; } .rob-bg + :is(.ro-large, .rot-large) { margin-top: 0px; } .rob-bg + :is(.ro-xlarge, .rot-xlarge) { margin-top: 16px; } .rob-bg + :is(.ro-flow, .rot-flow) { margin-top: 0px; } .rob-bg + :is(.ro-gutter, .rot-gutter) { margin-top: 0px; } .rob-bg + :is(.ro-outer, .rot-outer) { margin-top: 0px; } .rob-bg + :is(.ro-bg, .rot-bg) { margin-top: 0px; } .rob-bg + :is(.ro-feature, .rot-feature) { margin-top: 40px; } .rob-bg + :is(.ro-hero-small, .rot-hero-small) { margin-top: clamp(0px, 11.9863vw - 43.1507px, 140px); } .rob-bg + :is(.ro-hero, .rot-hero) { margin-top: clamp(140px, 8.5616vw + 109.178px, 240px); } .rob-feature + :is(.ro-default, .rot-default) { margin-top: 0px; } .rob-feature + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .rob-feature + :is(.ro-small, .rot-small) { margin-top: 0px; } .rob-feature + :is(.ro-medium, .rot-medium) { margin-top: 0px; } .rob-feature + :is(.ro-large, .rot-large) { margin-top: 0px; } .rob-feature + :is(.ro-xlarge, .rot-xlarge) { margin-top: 0px; } .rob-feature + :is(.ro-flow, .rot-flow) { margin-top: 0px; } .rob-feature + :is(.ro-gutter, .rot-gutter) { margin-top: 0px; } .rob-feature + :is(.ro-outer, .rot-outer) { margin-top: 0px; } .rob-feature + :is(.ro-bg, .rot-bg) { margin-top: 0px; } .rob-feature + :is(.ro-feature, .rot-feature) { margin-top: 0px; } .rob-feature + :is(.ro-hero-small, .rot-hero-small) { margin-top: clamp(0px, 8.5616vw - 30.822px, 100px); } .rob-feature + :is(.ro-hero, .rot-hero) { margin-top: clamp(100px, 8.5616vw + 69.178px, 200px); } .rob-hero-small + :is(.ro-default, .rot-default) { margin-top: clamp(0px, -0.685vw + 10.4657px, 8px); } .rob-hero-small + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .rob-hero-small + :is(.ro-small, .rot-small) { margin-top: 0px; } .rob-hero-small + :is(.ro-medium, .rot-medium) { margin-top: 0px; } .rob-hero-small + :is(.ro-large, .rot-large) { margin-top: 0px; } .rob-hero-small + :is(.ro-xlarge, .rot-xlarge) { margin-top: clamp(0px, -1.3699vw + 20.9315px, 16px); } .rob-hero-small + :is(.ro-flow, .rot-flow) { margin-top: 0px; } .rob-hero-small + :is(.ro-gutter, .rot-gutter) { margin-top: 0px; } .rob-hero-small + :is(.ro-outer, .rot-outer) { margin-top: 0px; } .rob-hero-small + :is(.ro-bg, .rot-bg) { margin-top: 0px; } .rob-hero-small + :is(.ro-feature, .rot-feature) { margin-top: clamp(0px, -3.4247vw + 52.3287px, 40px); } .rob-hero-small + :is(.ro-hero-small, .rot-hero-small) { margin-top: 0px; } .rob-hero-small + :is(.ro-hero, .rot-hero) { margin-top: clamp(100px, -3.4247vw + 152.3287px, 140px); } .rob-hero + :is(.ro-default, .rot-default) { margin-top: 0px; } .rob-hero + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .rob-hero + :is(.ro-small, .rot-small) { margin-top: 0px; } .rob-hero + :is(.ro-medium, .rot-medium) { margin-top: 0px; } .rob-hero + :is(.ro-large, .rot-large) { margin-top: 0px; } .rob-hero + :is(.ro-xlarge, .rot-xlarge) { margin-top: 0px; } .rob-hero + :is(.ro-flow, .rot-flow) { margin-top: 0px; } .rob-hero + :is(.ro-gutter, .rot-gutter) { margin-top: 0px; } .rob-hero + :is(.ro-outer, .rot-outer) { margin-top: 0px; } .rob-hero + :is(.ro-bg, .rot-bg) { margin-top: 0px; } .rob-hero + :is(.ro-feature, .rot-feature) { margin-top: 0px; } .rob-hero + :is(.ro-hero-small, .rot-hero-small) { margin-top: 0px; } .rob-hero + :is(.ro-hero, .rot-hero) { margin-top: 0px; } :is(.ro-flush, .rob-flush) + :is(.ro-flush, .rot-flush) { margin-top: 0; } :is(.ro-flush, .rob-flush):has(+ .ro-flush, + .rot-flush) { margin-bottom: 0; } main { margin-block: var(--rhythm-default); } .hero:is(.ro-flush, .rob-flush) + main:has(> :first-child:is(.ro-flush, .rot-flush)) { margin-top: 0; } .w-content-group > :first-child { margin-top: 0; } .w-content-group > :last-child { margin-bottom: 0; } .w-content-group:has(> :last-child:is(.ro-flush, .rob-flush), > :last-child .w-content-group > :last-child:is(.ro-flush, .rob-flush)) { margin-bottom: 0; } :is(.\:palette-1, .\:palette-cloud).\:bg-bleed-true + :is(.\:palette-1, .\:palette-cloud).\:bg-bleed-true { padding-top: 0; } .hero:is(.ro-flush, .rob-flush):is(.\:palette-1, .\:palette-cloud) + main > :first-child:is(.ro-flush, .rot-flush):is(.\:palette-1, .\:palette-cloud) { padding-top: 0; } :is(.\:palette-2, .\:palette-mint).\:bg-bleed-true + :is(.\:palette-2, .\:palette-mint).\:bg-bleed-true { padding-top: 0; } .hero:is(.ro-flush, .rob-flush):is(.\:palette-2, .\:palette-mint) + main > :first-child:is(.ro-flush, .rot-flush):is(.\:palette-2, .\:palette-mint) { padding-top: 0; } :is(.\:palette-3, .\:palette-cerulean).\:bg-bleed-true + :is(.\:palette-3, .\:palette-cerulean).\:bg-bleed-true { padding-top: 0; } .hero:is(.ro-flush, .rob-flush):is(.\:palette-3, .\:palette-cerulean) + main > :first-child:is(.ro-flush, .rot-flush):is(.\:palette-3, .\:palette-cerulean) { padding-top: 0; } :is(.\:palette-4, .\:palette-shamrock).\:bg-bleed-true + :is(.\:palette-4, .\:palette-shamrock).\:bg-bleed-true { padding-top: 0; } .hero:is(.ro-flush, .rob-flush):is(.\:palette-4, .\:palette-shamrock) + main > :first-child:is(.ro-flush, .rot-flush):is(.\:palette-4, .\:palette-shamrock) { padding-top: 0; } :is(.\:palette-5, .\:palette-forest).\:bg-bleed-true + :is(.\:palette-5, .\:palette-forest).\:bg-bleed-true { padding-top: 0; } .hero:is(.ro-flush, .rob-flush):is(.\:palette-5, .\:palette-forest) + main > :first-child:is(.ro-flush, .rot-flush):is(.\:palette-5, .\:palette-forest) { padding-top: 0; } } @layer site_custom { .palette-mode-toggle { position: fixed; right: 0; bottom: 48px; z-index: 10000; display: block; margin: 0; padding: 0; } .palette-mode-toggle .btn { --p-icon: #fff; --btn-bg-color-default: #f09; --btn-bg-color-hover: #90f; --btn-border-radius: 0; } [data-palette-mode=light] .palette-mode-toggle .\:icon-moon { display: none; } [data-palette-mode=dark] .palette-mode-toggle .\:icon-sun { display: none; } .breakpoint-display { position: fixed; right: 0; bottom: 0; z-index: 10000; display: block; margin: 0; padding: 0; font-family: "SF Mono", "Source Code Pro", Consolas, "Fira Mono", "Droid Sans Mono", "Andale Mono", "Lucida Console", "Bitstream Vera Sans Mono", "Liberation Mono", "Monaco", monospace; font-weight: 700; font-size: 22px; line-height: 1; pointer-events: none; touch-action: none; } .breakpoint-display__item { display: none; padding: 0.4em; background: #f09; color: #fff; } @media (max-width: 359.98px) { .breakpoint-display__item.b0 { display: block; } } @media (min-width: 360px) and (max-width: 467.98px) { .breakpoint-display__item.b1 { display: block; } } @media (min-width: 468px) and (max-width: 595.98px) { .breakpoint-display__item.b2 { display: block; } } @media (min-width: 596px) and (max-width: 739.98px) { .breakpoint-display__item.b3 { display: block; } } @media (min-width: 740px) and (max-width: 899.98px) { .breakpoint-display__item.b4 { display: block; } } @media (min-width: 900px) and (max-width: 1083.98px) { .breakpoint-display__item.b5 { display: block; } } @media (min-width: 1084px) and (max-width: 1291.98px) { .breakpoint-display__item.b6 { display: block; } } @media (min-width: 1292px) and (max-width: 1527.98px) { .breakpoint-display__item.b7 { display: block; } } @media (min-width: 1528px) and (max-width: 1791.98px) { .breakpoint-display__item.b8 { display: block; } } @media (min-width: 1792px) { .breakpoint-display__item.b9 { display: block; } } .breakpoint-detector { position: fixed; left: 0; bottom: 0; z-index: -10000; display: block; width: 0; height: 0; margin: 0; padding: 0; pointer-events: none; touch-action: none; } .breakpoint-detector__item.b0 { width: 0px; } .breakpoint-detector__item.b1 { width: 360px; } .breakpoint-detector__item.b2 { width: 468px; } .breakpoint-detector__item.b3 { width: 596px; } .breakpoint-detector__item.b4 { width: 740px; } .breakpoint-detector__item.b5 { width: 900px; } .breakpoint-detector__item.b6 { width: 1084px; } .breakpoint-detector__item.b7 { width: 1292px; } .breakpoint-detector__item.b8 { width: 1528px; } .breakpoint-detector__item.b9 { width: 1792px; } } @layer reset { *, ::before, ::after { box-sizing: border-box; border: 0 solid currentColor; } html { height: 100%; line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; } body { margin: 0; padding: 0; min-height: 100%; } 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; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; color: inherit; margin: 0; padding: 0; } button, select { text-transform: none; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; -moz-appearance: button; appearance: button; background-color: transparent; background-image: none; } :-moz-focusring { outline: auto; } :-moz-ui-invalid { box-shadow: none; } progress { vertical-align: baseline; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; outline-offset: -2px; } ::-webkit-search-decoration { -webkit-appearance: none; appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; appearance: button; font: inherit; } summary { display: list-item; } blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } textarea { resize: vertical; } input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; } input::placeholder, textarea::placeholder { opacity: 1; } button, [role=button] { cursor: pointer; } :disabled, [disabled] { cursor: default; } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } img, svg, video { max-width: 100%; height: auto; } iframe { width: 100%; } [hidden] { display: none; } } @layer site_default { :root { --color-cloud: #ffffff; --color-mint: #f1f8f2; --color-cerulean: #00bce5; --color-shamrock: #019f4a; --color-forest: #112f1f; --color-lime: #01ec6e; --color-pine: #1a5737; --color-moss: #427d5e; --color-lemon: #f4d441; --color-cherry: #e72726; --color-apple: #cd2120; --color-cloud-50: #ffffff80; --color-cloud-5: #ffffff0d; --color-forest-66: #112f1f99; --color-transparent: transparent; --color-bogus: #90f; } } @layer site_base { .-bg-cloud { background-color: var(--color-cloud); } .-fill-cloud { fill: var(--color-cloud); } .-text-cloud { color: var(--color-cloud); } } @layer site_base { .-bg-mint { background-color: var(--color-mint); } .-fill-mint { fill: var(--color-mint); } .-text-mint { color: var(--color-mint); } } @layer site_base { .-bg-cerulean { background-color: var(--color-cerulean); } .-fill-cerulean { fill: var(--color-cerulean); } .-text-cerulean { color: var(--color-cerulean); } } @layer site_base { .-bg-shamrock { background-color: var(--color-shamrock); } .-fill-shamrock { fill: var(--color-shamrock); } .-text-shamrock { color: var(--color-shamrock); } } @layer site_base { .-bg-forest { background-color: var(--color-forest); } .-fill-forest { fill: var(--color-forest); } .-text-forest { color: var(--color-forest); } } @layer site_base { .-bg-lime { background-color: var(--color-lime); } .-fill-lime { fill: var(--color-lime); } .-text-lime { color: var(--color-lime); } } @layer site_base { .-bg-pine { background-color: var(--color-pine); } .-fill-pine { fill: var(--color-pine); } .-text-pine { color: var(--color-pine); } } @layer site_base { .-bg-moss { background-color: var(--color-moss); } .-fill-moss { fill: var(--color-moss); } .-text-moss { color: var(--color-moss); } } @layer site_base { .-bg-lemon { background-color: var(--color-lemon); } .-fill-lemon { fill: var(--color-lemon); } .-text-lemon { color: var(--color-lemon); } } @layer site_base { .-bg-cherry { background-color: var(--color-cherry); } .-fill-cherry { fill: var(--color-cherry); } .-text-cherry { color: var(--color-cherry); } } @layer site_base { .-bg-apple { background-color: var(--color-apple); } .-fill-apple { fill: var(--color-apple); } .-text-apple { color: var(--color-apple); } } @layer site_base { .-bg-cloud-50 { background-color: var(--color-cloud-50); } .-fill-cloud-50 { fill: var(--color-cloud-50); } .-text-cloud-50 { color: var(--color-cloud-50); } } @layer site_base { .-bg-cloud-5 { background-color: var(--color-cloud-5); } .-fill-cloud-5 { fill: var(--color-cloud-5); } .-text-cloud-5 { color: var(--color-cloud-5); } } @layer site_base { .-bg-forest-66 { background-color: var(--color-forest-66); } .-fill-forest-66 { fill: var(--color-forest-66); } .-text-forest-66 { color: var(--color-forest-66); } } @layer site_base { .-bg-transparent { background-color: var(--color-transparent); } .-fill-transparent { fill: var(--color-transparent); } .-text-transparent { color: var(--color-transparent); } } @layer site_base { .-bg-bogus { background-color: var(--color-bogus); } .-fill-bogus { fill: var(--color-bogus); } .-text-bogus { color: var(--color-bogus); } } @layer site_base { .-bg-cloud { background-color: var(--color-cloud); } .-fill-cloud { fill: var(--color-cloud); } .-text-cloud { color: var(--color-cloud); } .\:palette-1, .\:palette-cloud { --p-bg: var(--color-cloud); --p-inset-bg: var(--color-mint); --p-overlay-bg: var(--color-forest-66); --p-text: var(--color-forest); --p-text-alt: var(--color-forest); --p-list-marker-1: var(--color-shamrock); --p-list-marker-2: var(--color-shamrock); --p-list-marker-3: var(--color-shamrock); --p-selection-bg: var(--color-lime); --p-selection-text: var(--color-forest); --p-caption: var(--color-pine); --p-error: var(--color-apple); --p-accent-1: var(--color-shamrock); --p-accent-2: var(--color-lime); --p-accent-3: var(--color-pine); --p-accent-4: var(--color-moss); --p-accent-5: var(--color-lemon); --p-line: var(--color-moss); --p-line-alt: var(--color-forest); --p-icon: var(--color-forest); --p-image-bg: var(--color-mint); --link-text-color-default: var(--color-forest); --link-border-color-default: var(--color-forest); --link-bg-color-default: var(--color-lime); --link-text-color-hover: var(--color-forest); --link-border-color-hover: var(--color-lime); --link-bg-color-hover: var(--color-lime); --link-text-color-active: var(--color-forest); --link-border-color-active: var(--color-lime); --link-bg-color-active: var(--color-lime); --link-shy-text-color-default: var(--color-forest); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-lime); --link-shy-text-color-hover: var(--color-forest); --link-shy-border-color-hover: var(--color-lime); --link-shy-bg-color-hover: var(--color-lime); --p-btn-v1-text-default: var(--color-forest); --p-btn-v1-border-default: var(--color-lime); --p-btn-v1-bg-default: var(--color-lime); --p-btn-v1-text-hover: var(--color-cloud); --p-btn-v1-border-hover: var(--color-forest); --p-btn-v1-bg-hover: var(--color-forest); --p-btn-v1-text-active: var(--color-cloud); --p-btn-v1-border-active: var(--color-forest); --p-btn-v1-bg-active: var(--color-forest); --p-btn-v1-text-disabled: var(--color-forest); --p-btn-v1-border-disabled: var(--color-lime); --p-btn-v1-bg-disabled: var(--color-lime); --p-btn-v2-text-default: var(--color-forest); --p-btn-v2-border-default: var(--color-forest); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-cloud); --p-btn-v2-border-hover: var(--color-forest); --p-btn-v2-bg-hover: var(--color-forest); --p-btn-v2-text-active: var(--color-cloud); --p-btn-v2-border-active: var(--color-forest); --p-btn-v2-bg-active: var(--color-forest); --p-btn-v2-text-disabled: var(--color-forest); --p-btn-v2-border-disabled: var(--color-forest); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v3-text-default: var(--color-forest); --p-btn-v3-border-default: var(--color-forest); --p-btn-v3-bg-default: var(--color-lime); --p-btn-v3-text-hover: var(--color-forest); --p-btn-v3-border-hover: var(--color-forest); --p-btn-v3-bg-hover: var(--color-lime); --p-btn-v3-text-active: var(--color-forest); --p-btn-v3-border-active: var(--color-forest); --p-btn-v3-bg-active: var(--color-lime); --p-btn-v3-text-disabled: var(--color-forest); --p-btn-v3-border-disabled: var(--color-forest); --p-btn-v3-bg-disabled: var(--color-lime); --p-btn-v1-media-text-default: var(--color-cloud); --p-btn-v1-media-border-default: var(--color-lime); --p-btn-v1-media-bg-default: var(--color-lime); --p-btn-v1-media-text-hover: var(--color-forest); --p-btn-v1-media-border-hover: var(--color-cloud); --p-btn-v1-media-bg-hover: var(--color-cloud); --p-btn-v1-media-text-active: var(--color-forest); --p-btn-v1-media-border-active: var(--color-cloud); --p-btn-v1-media-bg-active: var(--color-cloud); --p-btn-v1-media-text-disabled: var(--color-cloud); --p-btn-v1-media-border-disabled: var(--color-lime); --p-btn-v1-media-bg-disabled: var(--color-lime); --field-text-color-default: var(--color-moss); --field-border-color-default: var(--color-moss); --field-bg-color-default: var(--color-transparent); --field-text-color-value: var(--color-forest); --field-border-color-value: var(--color-forest); --field-bg-color-value: var(--color-transparent); --field-text-color-hover: var(--color-forest); --field-border-color-hover: var(--color-cerulean); --field-bg-color-hover: var(--color-transparent); --field-text-color-focus: var(--color-forest); --field-border-color-focus: var(--color-forest); --field-bg-color-focus: var(--color-transparent); --field-text-color-error: var(--color-apple); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-transparent); --field-text-color-disabled: var(--color-forest); --field-border-color-disabled: var(--color-forest); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-forest); --toggle-input-border-color-default: var(--color-moss); --toggle-input-bg-color-default: var(--color-transparent); --toggle-input-icon-color-value: var(--color-forest); --toggle-input-border-color-value: var(--color-forest); --toggle-input-bg-color-value: var(--color-transparent); --toggle-input-icon-color-hover: var(--color-forest); --toggle-input-border-color-hover: var(--color-cerulean); --toggle-input-bg-color-hover: var(--color-transparent); --toggle-input-icon-color-focus: var(--color-forest); --toggle-input-border-color-focus: var(--color-cerulean); --toggle-input-bg-color-focus: var(--color-transparent); --toggle-input-icon-color-disabled: var(--color-forest); --toggle-input-border-color-disabled: var(--color-moss); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-forest); --tag-border-color-default: var(--color-lime); --tag-bg-color-default: var(--color-lime); --tag-text-color-hover: var(--color-cloud); --tag-border-color-hover: var(--color-forest); --tag-bg-color-hover: var(--color-forest); --p-tab-text-default: var(--color-forest); --p-tab-border-default: var(--color-forest); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cloud); --p-tab-border-hover: var(--color-forest); --p-tab-bg-hover: var(--color-forest); --p-tab-text-active: var(--color-forest); --p-tab-border-active: var(--color-lime); --p-tab-bg-active: var(--color-lime); --p-tab-text-disabled: var(--color-forest); --p-tab-border-disabled: var(--color-forest); --p-tab-bg-disabled: var(--color-transparent); --p-pagination-active: var(--color-forest); --p-pagination-inactive: var(--color-moss); --p-nav-dropdown-bg: var(--color-cloud); --p-statistic: var(--color-shamrock); --p-event-date: var(--color-shamrock); } } @layer site_base { .-bg-mint { background-color: var(--color-mint); } .-fill-mint { fill: var(--color-mint); } .-text-mint { color: var(--color-mint); } .\:palette-2, .\:palette-mint { --p-bg: var(--color-mint); --p-inset-bg: var(--color-cloud); --p-overlay-bg: var(--color-forest-66); --p-text: var(--color-forest); --p-text-alt: var(--color-forest); --p-list-marker-1: var(--color-shamrock); --p-list-marker-2: var(--color-shamrock); --p-list-marker-3: var(--color-shamrock); --p-selection-bg: var(--color-lime); --p-selection-text: var(--color-forest); --p-caption: var(--color-pine); --p-error: var(--color-apple); --p-accent-1: var(--color-shamrock); --p-accent-2: var(--color-lime); --p-accent-3: var(--color-pine); --p-accent-4: var(--color-moss); --p-accent-5: var(--color-lemon); --p-line: var(--color-moss); --p-line-alt: var(--color-forest); --p-icon: var(--color-forest); --p-image-bg: var(--color-cloud); --link-text-color-default: var(--color-forest); --link-border-color-default: var(--color-forest); --link-bg-color-default: var(--color-lime); --link-text-color-hover: var(--color-forest); --link-border-color-hover: var(--color-lime); --link-bg-color-hover: var(--color-lime); --link-text-color-active: var(--color-forest); --link-border-color-active: var(--color-lime); --link-bg-color-active: var(--color-lime); --link-shy-text-color-default: var(--color-forest); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-lime); --link-shy-text-color-hover: var(--color-forest); --link-shy-border-color-hover: var(--color-lime); --link-shy-bg-color-hover: var(--color-lime); --p-btn-v1-text-default: var(--color-forest); --p-btn-v1-border-default: var(--color-lime); --p-btn-v1-bg-default: var(--color-lime); --p-btn-v1-text-hover: var(--color-cloud); --p-btn-v1-border-hover: var(--color-forest); --p-btn-v1-bg-hover: var(--color-forest); --p-btn-v1-text-active: var(--color-cloud); --p-btn-v1-border-active: var(--color-forest); --p-btn-v1-bg-active: var(--color-forest); --p-btn-v1-text-disabled: var(--color-forest); --p-btn-v1-border-disabled: var(--color-lime); --p-btn-v1-bg-disabled: var(--color-lime); --p-btn-v2-text-default: var(--color-forest); --p-btn-v2-border-default: var(--color-forest); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-cloud); --p-btn-v2-border-hover: var(--color-forest); --p-btn-v2-bg-hover: var(--color-forest); --p-btn-v2-text-active: var(--color-cloud); --p-btn-v2-border-active: var(--color-forest); --p-btn-v2-bg-active: var(--color-forest); --p-btn-v2-text-disabled: var(--color-forest); --p-btn-v2-border-disabled: var(--color-forest); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v3-text-default: var(--color-forest); --p-btn-v3-border-default: var(--color-forest); --p-btn-v3-bg-default: var(--color-lime); --p-btn-v3-text-hover: var(--color-forest); --p-btn-v3-border-hover: var(--color-forest); --p-btn-v3-bg-hover: var(--color-lime); --p-btn-v3-text-active: var(--color-forest); --p-btn-v3-border-active: var(--color-forest); --p-btn-v3-bg-active: var(--color-lime); --p-btn-v3-text-disabled: var(--color-forest); --p-btn-v3-border-disabled: var(--color-forest); --p-btn-v3-bg-disabled: var(--color-lime); --p-btn-v1-media-text-default: var(--color-cloud); --p-btn-v1-media-border-default: var(--color-lime); --p-btn-v1-media-bg-default: var(--color-lime); --p-btn-v1-media-text-hover: var(--color-forest); --p-btn-v1-media-border-hover: var(--color-cloud); --p-btn-v1-media-bg-hover: var(--color-cloud); --p-btn-v1-media-text-active: var(--color-forest); --p-btn-v1-media-border-active: var(--color-cloud); --p-btn-v1-media-bg-active: var(--color-cloud); --p-btn-v1-media-text-disabled: var(--color-cloud); --p-btn-v1-media-border-disabled: var(--color-lime); --p-btn-v1-media-bg-disabled: var(--color-lime); --field-text-color-default: var(--color-moss); --field-border-color-default: var(--color-moss); --field-bg-color-default: var(--color-transparent); --field-text-color-value: var(--color-forest); --field-border-color-value: var(--color-forest); --field-bg-color-value: var(--color-transparent); --field-text-color-hover: var(--color-forest); --field-border-color-hover: var(--color-cerulean); --field-bg-color-hover: var(--color-transparent); --field-text-color-focus: var(--color-forest); --field-border-color-focus: var(--color-forest); --field-bg-color-focus: var(--color-transparent); --field-text-color-error: var(--color-apple); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-transparent); --field-text-color-disabled: var(--color-forest); --field-border-color-disabled: var(--color-forest); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-forest); --toggle-input-border-color-default: var(--color-moss); --toggle-input-bg-color-default: var(--color-transparent); --toggle-input-icon-color-value: var(--color-forest); --toggle-input-border-color-value: var(--color-forest); --toggle-input-bg-color-value: var(--color-transparent); --toggle-input-icon-color-hover: var(--color-forest); --toggle-input-border-color-hover: var(--color-cerulean); --toggle-input-bg-color-hover: var(--color-transparent); --toggle-input-icon-color-focus: var(--color-forest); --toggle-input-border-color-focus: var(--color-cerulean); --toggle-input-bg-color-focus: var(--color-transparent); --toggle-input-icon-color-disabled: var(--color-forest); --toggle-input-border-color-disabled: var(--color-moss); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-forest); --tag-border-color-default: var(--color-lime); --tag-bg-color-default: var(--color-lime); --tag-text-color-hover: var(--color-cloud); --tag-border-color-hover: var(--color-forest); --tag-bg-color-hover: var(--color-forest); --p-tab-text-default: var(--color-forest); --p-tab-border-default: var(--color-forest); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cloud); --p-tab-border-hover: var(--color-forest); --p-tab-bg-hover: var(--color-forest); --p-tab-text-active: var(--color-forest); --p-tab-border-active: var(--color-lime); --p-tab-bg-active: var(--color-lime); --p-tab-text-disabled: var(--color-forest); --p-tab-border-disabled: var(--color-forest); --p-tab-bg-disabled: var(--color-transparent); --p-pagination-active: var(--color-forest); --p-pagination-inactive: var(--color-moss); --p-nav-dropdown-bg: var(--color-cloud); --p-statistic: var(--color-shamrock); --p-event-date: var(--color-shamrock); } } @layer site_base { .-bg-cerulean { background-color: var(--color-cerulean); } .-fill-cerulean { fill: var(--color-cerulean); } .-text-cerulean { color: var(--color-cerulean); } .\:palette-3, .\:palette-cerulean { --p-bg: var(--color-cerulean); --p-inset-bg: var(--color-mint); --p-overlay-bg: var(--color-forest-66); --p-text: var(--color-forest); --p-text-alt: var(--color-forest); --p-list-marker-1: var(--color-shamrock); --p-list-marker-2: var(--color-shamrock); --p-list-marker-3: var(--color-shamrock); --p-selection-bg: var(--color-lime); --p-selection-text: var(--color-forest); --p-caption: var(--color-pine); --p-error: var(--color-apple); --p-accent-1: var(--color-shamrock); --p-accent-2: var(--color-lime); --p-accent-3: var(--color-pine); --p-accent-4: var(--color-moss); --p-accent-5: var(--color-lemon); --p-line: var(--color-moss); --p-line-alt: var(--color-forest); --p-icon: var(--color-forest); --p-image-bg: var(--color-cloud-5); --link-text-color-default: var(--color-forest); --link-border-color-default: var(--color-forest); --link-bg-color-default: var(--color-lime); --link-text-color-hover: var(--color-forest); --link-border-color-hover: var(--color-lime); --link-bg-color-hover: var(--color-lime); --link-text-color-active: var(--color-forest); --link-border-color-active: var(--color-lime); --link-bg-color-active: var(--color-lime); --link-shy-text-color-default: var(--color-forest); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-lime); --link-shy-text-color-hover: var(--color-forest); --link-shy-border-color-hover: var(--color-lime); --link-shy-bg-color-hover: var(--color-lime); --p-btn-v1-text-default: var(--color-forest); --p-btn-v1-border-default: var(--color-lime); --p-btn-v1-bg-default: var(--color-lime); --p-btn-v1-text-hover: var(--color-cloud); --p-btn-v1-border-hover: var(--color-forest); --p-btn-v1-bg-hover: var(--color-forest); --p-btn-v1-text-active: var(--color-cloud); --p-btn-v1-border-active: var(--color-forest); --p-btn-v1-bg-active: var(--color-forest); --p-btn-v1-text-disabled: var(--color-forest); --p-btn-v1-border-disabled: var(--color-lime); --p-btn-v1-bg-disabled: var(--color-lime); --p-btn-v2-text-default: var(--color-forest); --p-btn-v2-border-default: var(--color-forest); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-cloud); --p-btn-v2-border-hover: var(--color-forest); --p-btn-v2-bg-hover: var(--color-forest); --p-btn-v2-text-active: var(--color-cloud); --p-btn-v2-border-active: var(--color-forest); --p-btn-v2-bg-active: var(--color-forest); --p-btn-v2-text-disabled: var(--color-forest); --p-btn-v2-border-disabled: var(--color-forest); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v3-text-default: var(--color-forest); --p-btn-v3-border-default: var(--color-forest); --p-btn-v3-bg-default: var(--color-lime); --p-btn-v3-text-hover: var(--color-forest); --p-btn-v3-border-hover: var(--color-forest); --p-btn-v3-bg-hover: var(--color-lime); --p-btn-v3-text-active: var(--color-forest); --p-btn-v3-border-active: var(--color-forest); --p-btn-v3-bg-active: var(--color-lime); --p-btn-v3-text-disabled: var(--color-forest); --p-btn-v3-border-disabled: var(--color-forest); --p-btn-v3-bg-disabled: var(--color-lime); --p-btn-v1-media-text-default: var(--color-cloud); --p-btn-v1-media-border-default: var(--color-lime); --p-btn-v1-media-bg-default: var(--color-lime); --p-btn-v1-media-text-hover: var(--color-forest); --p-btn-v1-media-border-hover: var(--color-cloud); --p-btn-v1-media-bg-hover: var(--color-cloud); --p-btn-v1-media-text-active: var(--color-forest); --p-btn-v1-media-border-active: var(--color-cloud); --p-btn-v1-media-bg-active: var(--color-cloud); --p-btn-v1-media-text-disabled: var(--color-cloud); --p-btn-v1-media-border-disabled: var(--color-lime); --p-btn-v1-media-bg-disabled: var(--color-lime); --field-text-color-default: var(--color-moss); --field-border-color-default: var(--color-moss); --field-bg-color-default: var(--color-transparent); --field-text-color-value: var(--color-forest); --field-border-color-value: var(--color-forest); --field-bg-color-value: var(--color-transparent); --field-text-color-hover: var(--color-forest); --field-border-color-hover: var(--color-cerulean); --field-bg-color-hover: var(--color-transparent); --field-text-color-focus: var(--color-forest); --field-border-color-focus: var(--color-forest); --field-bg-color-focus: var(--color-transparent); --field-text-color-error: var(--color-apple); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-transparent); --field-text-color-disabled: var(--color-forest); --field-border-color-disabled: var(--color-forest); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-forest); --toggle-input-border-color-default: var(--color-moss); --toggle-input-bg-color-default: var(--color-transparent); --toggle-input-icon-color-value: var(--color-forest); --toggle-input-border-color-value: var(--color-forest); --toggle-input-bg-color-value: var(--color-transparent); --toggle-input-icon-color-hover: var(--color-forest); --toggle-input-border-color-hover: var(--color-cerulean); --toggle-input-bg-color-hover: var(--color-transparent); --toggle-input-icon-color-focus: var(--color-forest); --toggle-input-border-color-focus: var(--color-cerulean); --toggle-input-bg-color-focus: var(--color-transparent); --toggle-input-icon-color-disabled: var(--color-forest); --toggle-input-border-color-disabled: var(--color-moss); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-forest); --tag-border-color-default: var(--color-lime); --tag-bg-color-default: var(--color-lime); --tag-text-color-hover: var(--color-cloud); --tag-border-color-hover: var(--color-forest); --tag-bg-color-hover: var(--color-forest); --p-tab-text-default: var(--color-forest); --p-tab-border-default: var(--color-forest); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cloud); --p-tab-border-hover: var(--color-forest); --p-tab-bg-hover: var(--color-forest); --p-tab-text-active: var(--color-forest); --p-tab-border-active: var(--color-lime); --p-tab-bg-active: var(--color-lime); --p-tab-text-disabled: var(--color-forest); --p-tab-border-disabled: var(--color-forest); --p-tab-bg-disabled: var(--color-transparent); --p-pagination-active: var(--color-forest); --p-pagination-inactive: var(--color-moss); --p-nav-dropdown-bg: var(--color-cloud); --p-statistic: var(--color-shamrock); --p-event-date: var(--color-shamrock); } } @layer site_base { .-bg-shamrock { background-color: var(--color-shamrock); } .-fill-shamrock { fill: var(--color-shamrock); } .-text-shamrock { color: var(--color-shamrock); } .\:palette-4, .\:palette-shamrock { --p-bg: var(--color-shamrock); --p-inset-bg: var(--color-mint); --p-overlay-bg: var(--color-forest-66); --p-text: var(--color-forest); --p-text-alt: var(--color-cloud); --p-list-marker-1: var(--color-shamrock); --p-list-marker-2: var(--color-shamrock); --p-list-marker-3: var(--color-shamrock); --p-selection-bg: var(--color-lime); --p-selection-text: var(--color-forest); --p-caption: var(--color-pine); --p-error: var(--color-apple); --p-accent-1: var(--color-cloud); --p-accent-2: var(--color-lime); --p-accent-3: var(--color-pine); --p-accent-4: var(--color-moss); --p-accent-5: var(--color-lemon); --p-line: var(--color-moss); --p-line-alt: var(--color-forest); --p-icon: var(--color-forest); --p-image-bg: var(--color-mint); --link-text-color-default: var(--color-forest); --link-border-color-default: var(--color-forest); --link-bg-color-default: var(--color-lime); --link-text-color-hover: var(--color-forest); --link-border-color-hover: var(--color-lime); --link-bg-color-hover: var(--color-lime); --link-text-color-active: var(--color-forest); --link-border-color-active: var(--color-lime); --link-bg-color-active: var(--color-lime); --link-shy-text-color-default: var(--color-forest); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-lime); --link-shy-text-color-hover: var(--color-forest); --link-shy-border-color-hover: var(--color-lime); --link-shy-bg-color-hover: var(--color-lime); --p-btn-v1-text-default: var(--color-forest); --p-btn-v1-border-default: var(--color-lime); --p-btn-v1-bg-default: var(--color-lime); --p-btn-v1-text-hover: var(--color-cloud); --p-btn-v1-border-hover: var(--color-forest); --p-btn-v1-bg-hover: var(--color-forest); --p-btn-v1-text-active: var(--color-cloud); --p-btn-v1-border-active: var(--color-forest); --p-btn-v1-bg-active: var(--color-forest); --p-btn-v1-text-disabled: var(--color-forest); --p-btn-v1-border-disabled: var(--color-lime); --p-btn-v1-bg-disabled: var(--color-lime); --p-btn-v2-text-default: var(--color-forest); --p-btn-v2-border-default: var(--color-forest); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-cloud); --p-btn-v2-border-hover: var(--color-forest); --p-btn-v2-bg-hover: var(--color-forest); --p-btn-v2-text-active: var(--color-cloud); --p-btn-v2-border-active: var(--color-forest); --p-btn-v2-bg-active: var(--color-forest); --p-btn-v2-text-disabled: var(--color-forest); --p-btn-v2-border-disabled: var(--color-forest); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v3-text-default: var(--color-forest); --p-btn-v3-border-default: var(--color-forest); --p-btn-v3-bg-default: var(--color-lime); --p-btn-v3-text-hover: var(--color-forest); --p-btn-v3-border-hover: var(--color-forest); --p-btn-v3-bg-hover: var(--color-lime); --p-btn-v3-text-active: var(--color-forest); --p-btn-v3-border-active: var(--color-forest); --p-btn-v3-bg-active: var(--color-lime); --p-btn-v3-text-disabled: var(--color-forest); --p-btn-v3-border-disabled: var(--color-forest); --p-btn-v3-bg-disabled: var(--color-lime); --p-btn-v1-media-text-default: var(--color-cloud); --p-btn-v1-media-border-default: var(--color-lime); --p-btn-v1-media-bg-default: var(--color-lime); --p-btn-v1-media-text-hover: var(--color-forest); --p-btn-v1-media-border-hover: var(--color-cloud); --p-btn-v1-media-bg-hover: var(--color-cloud); --p-btn-v1-media-text-active: var(--color-forest); --p-btn-v1-media-border-active: var(--color-cloud); --p-btn-v1-media-bg-active: var(--color-cloud); --p-btn-v1-media-text-disabled: var(--color-cloud); --p-btn-v1-media-border-disabled: var(--color-lime); --p-btn-v1-media-bg-disabled: var(--color-lime); --field-text-color-default: var(--color-moss); --field-border-color-default: var(--color-moss); --field-bg-color-default: var(--color-transparent); --field-text-color-value: var(--color-forest); --field-border-color-value: var(--color-forest); --field-bg-color-value: var(--color-transparent); --field-text-color-hover: var(--color-forest); --field-border-color-hover: var(--color-cerulean); --field-bg-color-hover: var(--color-transparent); --field-text-color-focus: var(--color-forest); --field-border-color-focus: var(--color-forest); --field-bg-color-focus: var(--color-transparent); --field-text-color-error: var(--color-apple); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-transparent); --field-text-color-disabled: var(--color-forest); --field-border-color-disabled: var(--color-forest); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-forest); --toggle-input-border-color-default: var(--color-moss); --toggle-input-bg-color-default: var(--color-transparent); --toggle-input-icon-color-value: var(--color-forest); --toggle-input-border-color-value: var(--color-forest); --toggle-input-bg-color-value: var(--color-transparent); --toggle-input-icon-color-hover: var(--color-forest); --toggle-input-border-color-hover: var(--color-cerulean); --toggle-input-bg-color-hover: var(--color-transparent); --toggle-input-icon-color-focus: var(--color-forest); --toggle-input-border-color-focus: var(--color-cerulean); --toggle-input-bg-color-focus: var(--color-transparent); --toggle-input-icon-color-disabled: var(--color-forest); --toggle-input-border-color-disabled: var(--color-moss); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-forest); --tag-border-color-default: var(--color-lime); --tag-bg-color-default: var(--color-lime); --tag-text-color-hover: var(--color-cloud); --tag-border-color-hover: var(--color-forest); --tag-bg-color-hover: var(--color-forest); --p-tab-text-default: var(--color-forest); --p-tab-border-default: var(--color-forest); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cloud); --p-tab-border-hover: var(--color-forest); --p-tab-bg-hover: var(--color-forest); --p-tab-text-active: var(--color-forest); --p-tab-border-active: var(--color-lime); --p-tab-bg-active: var(--color-lime); --p-tab-text-disabled: var(--color-forest); --p-tab-border-disabled: var(--color-forest); --p-tab-bg-disabled: var(--color-transparent); --p-pagination-active: var(--color-forest); --p-pagination-inactive: var(--color-moss); --p-nav-dropdown-bg: var(--color-cloud); --p-statistic: var(--color-cloud); --p-event-date: var(--color-cloud); } } @layer site_base { .-bg-forest { background-color: var(--color-forest); } .-fill-forest { fill: var(--color-forest); } .-text-forest { color: var(--color-forest); } .\:palette-5, .\:palette-forest { --p-bg: var(--color-forest); --p-inset-bg: var(--color-pine); --p-overlay-bg: var(--color-forest-66); --p-text: var(--color-cloud); --p-text-alt: var(--color-cloud); --p-list-marker-1: var(--color-shamrock); --p-list-marker-2: var(--color-shamrock); --p-list-marker-3: var(--color-shamrock); --p-selection-bg: var(--color-lime); --p-selection-text: var(--color-forest); --p-caption: var(--color-pine); --p-error: var(--color-apple); --p-accent-1: var(--color-lime); --p-accent-2: var(--color-cloud); --p-accent-3: var(--color-pine); --p-accent-4: var(--color-moss); --p-accent-5: var(--color-lemon); --p-line: var(--color-moss); --p-line-alt: var(--color-cloud); --p-icon: var(--color-cloud); --p-image-bg: var(--color-mint); --link-text-color-default: var(--color-cloud); --link-border-color-default: var(--color-cloud); --link-bg-color-default: var(--color-lime); --link-text-color-hover: var(--color-forest); --link-border-color-hover: var(--color-lime); --link-bg-color-hover: var(--color-lime); --link-text-color-active: var(--color-forest); --link-border-color-active: var(--color-lime); --link-bg-color-active: var(--color-lime); --link-shy-text-color-default: var(--color-cloud); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-lime); --link-shy-text-color-hover: var(--color-forest); --link-shy-border-color-hover: var(--color-lime); --link-shy-bg-color-hover: var(--color-lime); --p-btn-v1-text-default: var(--color-forest); --p-btn-v1-border-default: var(--color-lime); --p-btn-v1-bg-default: var(--color-lime); --p-btn-v1-text-hover: var(--color-forest); --p-btn-v1-border-hover: var(--color-cloud); --p-btn-v1-bg-hover: var(--color-cloud); --p-btn-v1-text-active: var(--color-forest); --p-btn-v1-border-active: var(--color-cloud); --p-btn-v1-bg-active: var(--color-cloud); --p-btn-v1-text-disabled: var(--color-forest); --p-btn-v1-border-disabled: var(--color-cloud); --p-btn-v1-bg-disabled: var(--color-cloud); --p-btn-v2-text-default: var(--color-cloud); --p-btn-v2-border-default: var(--color-cloud); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-forest); --p-btn-v2-border-hover: var(--color-cloud); --p-btn-v2-bg-hover: var(--color-cloud); --p-btn-v2-text-active: var(--color-forest); --p-btn-v2-border-active: var(--color-cloud); --p-btn-v2-bg-active: var(--color-cloud); --p-btn-v2-text-disabled: var(--color-cloud); --p-btn-v2-border-disabled: var(--color-cloud); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v3-text-default: var(--color-forest); --p-btn-v3-border-default: var(--color-forest); --p-btn-v3-bg-default: var(--color-lime); --p-btn-v3-text-hover: var(--color-forest); --p-btn-v3-border-hover: var(--color-forest); --p-btn-v3-bg-hover: var(--color-lime); --p-btn-v3-text-active: var(--color-forest); --p-btn-v3-border-active: var(--color-forest); --p-btn-v3-bg-active: var(--color-lime); --p-btn-v3-text-disabled: var(--color-forest); --p-btn-v3-border-disabled: var(--color-forest); --p-btn-v3-bg-disabled: var(--color-lime); --p-btn-v1-media-text-default: var(--color-cloud); --p-btn-v1-media-border-default: var(--color-lime); --p-btn-v1-media-bg-default: var(--color-lime); --p-btn-v1-media-text-hover: var(--color-forest); --p-btn-v1-media-border-hover: var(--color-cloud); --p-btn-v1-media-bg-hover: var(--color-cloud); --p-btn-v1-media-text-active: var(--color-forest); --p-btn-v1-media-border-active: var(--color-cloud); --p-btn-v1-media-bg-active: var(--color-cloud); --p-btn-v1-media-text-disabled: var(--color-cloud); --p-btn-v1-media-border-disabled: var(--color-lime); --p-btn-v1-media-bg-disabled: var(--color-lime); --field-text-color-default: var(--color-cloud-50); --field-border-color-default: var(--color-cloud); --field-bg-color-default: var(--color-transparent); --field-text-color-value: var(--color-cloud); --field-border-color-value: var(--color-cloud); --field-bg-color-value: var(--color-transparent); --field-text-color-hover: var(--color-cloud); --field-border-color-hover: var(--color-cerulean); --field-bg-color-hover: var(--color-transparent); --field-text-color-focus: var(--color-cloud); --field-border-color-focus: var(--color-lime); --field-bg-color-focus: var(--color-transparent); --field-text-color-error: var(--color-cherry); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-transparent); --field-text-color-disabled: var(--color-cloud); --field-border-color-disabled: var(--color-cloud); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-forest); --toggle-input-border-color-default: var(--color-moss); --toggle-input-bg-color-default: var(--color-transparent); --toggle-input-icon-color-value: var(--color-forest); --toggle-input-border-color-value: var(--color-forest); --toggle-input-bg-color-value: var(--color-transparent); --toggle-input-icon-color-hover: var(--color-forest); --toggle-input-border-color-hover: var(--color-cerulean); --toggle-input-bg-color-hover: var(--color-transparent); --toggle-input-icon-color-focus: var(--color-forest); --toggle-input-border-color-focus: var(--color-cerulean); --toggle-input-bg-color-focus: var(--color-transparent); --toggle-input-icon-color-disabled: var(--color-forest); --toggle-input-border-color-disabled: var(--color-moss); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-forest); --tag-border-color-default: var(--color-lime); --tag-bg-color-default: var(--color-lime); --tag-text-color-hover: var(--color-forest); --tag-border-color-hover: var(--color-cloud); --tag-bg-color-hover: var(--color-cloud); --p-tab-text-default: var(--color-forest); --p-tab-border-default: var(--color-forest); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cloud); --p-tab-border-hover: var(--color-forest); --p-tab-bg-hover: var(--color-forest); --p-tab-text-active: var(--color-forest); --p-tab-border-active: var(--color-lime); --p-tab-bg-active: var(--color-lime); --p-tab-text-disabled: var(--color-forest); --p-tab-border-disabled: var(--color-forest); --p-tab-bg-disabled: var(--color-transparent); --p-pagination-active: var(--color-forest); --p-pagination-inactive: var(--color-moss); --p-nav-dropdown-bg: var(--color-cloud); --p-statistic: var(--color-shamrock); --p-event-date: var(--color-lime); } } @layer site_local { .kicker { margin-bottom: 0.55em; font-size: 13px; font-family: "The Bold Font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.2; letter-spacing: 0.0833em; text-transform: uppercase; font-variant-numeric: lining-nums; } } @layer site_base { :is(ul, ol) { margin-block: var(--rhythm-medium); } :is(ul, ol) :is(ul, ol) { margin-top: 0; } :is(ul, ol):first-child { margin-top: 0; } :is(ul, ol):first-child li:first-child { margin-top: 0; } :is(ul, ol):last-child { margin-bottom: 0; } :is(ul, ol):last-child li:last-child { margin-bottom: 0; } :is(ul, ol) :is(ul, ol):first-child li:first-child { margin-top: 0.85em; } :is(ul, ol) li { margin-block: 0.85em; } ul { --bullet-size: 8px; padding-left: clamp(24px, 0.6849vw + 21.5342px, 32px); } ul > li { position: relative; } ul > li::before { content: ""; position: absolute; left: calc(clamp(24px, 0.6849vw + 21.5342px, 32px) * -0.75); top: calc(0.7em - var(--bullet-size) / 2); display: block; width: var(--bullet-size); height: var(--bullet-size); background: var(--p-list-marker-1); border-radius: 50%; } ol { padding-left: clamp(24px, 0.6849vw + 21.5342px, 32px); counter-reset: ordered; } ol > li { position: relative; } ol > li::before { content: counter(ordered); position: absolute; left: calc((clamp(24px, 0.6849vw + 21.5342px, 32px) - 0.85em) * -1); display: flex; justify-content: flex-end; width: 0; color: var(--p-list-marker-1); text-align: right; counter-increment: ordered; } :is(ul, ol) > li > ul > li::before { border: 1px solid var(--p-list-marker-2); background: transparent; } :is(ul, ol) > li > :is(ul, ol) > li > ul > li { --bullet-size: 4px; } :is(ul, ol) > li > :is(ul, ol) > li > ul > li::before { border: none; border-radius: 0; background: var(--p-list-marker-3); } ul.-comma-separated { padding-left: 0; } ul.-comma-separated li { display: inline; } ul.-comma-separated li:not(:last-child)::after { content: ","; } ul.-comma-separated li::before { all: unset; } ul.-comma-separated.-and li:nth-last-child(n+2):nth-last-child(-n+2):first-child::after, ul.-comma-separated.-and li:nth-last-child(n+2):nth-last-child(-n+2):first-child ~ li::after { display: none; } ul.-comma-separated.-and li:last-child:not(:first-child)::before { content: "and "; } ul.-comma-separated.-and li:first-child + li:last-child::before { content: "and "; } } @layer site_base { svg .fill, svg .mask-fill { stroke: none; } svg .fill { fill: var(--p-icon); transition: fill 240ms cubic-bezier(0.42, 0, 0.32, 1); } svg .stroke, svg .mask-stroke { fill: none; stroke-width: var(--icon-stroke, 1.5); } svg .stroke { stroke: var(--p-icon); transition: stroke 240ms cubic-bezier(0.42, 0, 0.32, 1); } } @layer element_local { .teeter-left { clear: both; } @media (min-width: 740px) { .teeter-left { float: left; margin-right: clamp(20px, 1.7123vw + 13.8356px, 40px); margin-left: calc(-100% / var(--content-width) - clamp(20px, 1.7123vw + 13.8356px, 40px) * 1 / var(--content-width)); } } @media (min-width: 740px) { .teeter-left { width: calc(600% / var(--content-width) - clamp(20px, 1.7123vw + 13.8356px, 40px) * (1 - 6 / var(--content-width))); } } @media (min-width: 900px) { .teeter-left { margin-left: calc(-200% / var(--content-width) - clamp(20px, 1.7123vw + 13.8356px, 40px) * 2 / var(--content-width)); } } @media (min-width: 900px) { .teeter-left { width: calc(500% / var(--content-width) - clamp(20px, 1.7123vw + 13.8356px, 40px) * (1 - 5 / var(--content-width))); } } @media (min-width: 1292px) { .teeter-left { width: calc(400% / var(--content-width) - clamp(20px, 1.7123vw + 13.8356px, 40px) * (1 - 4 / var(--content-width))); } } .teeter-right { clear: both; } @media (min-width: 740px) { .teeter-right { float: right; margin-left: clamp(20px, 1.7123vw + 13.8356px, 40px); margin-right: calc(-100% / var(--content-width) - clamp(20px, 1.7123vw + 13.8356px, 40px) * 1 / var(--content-width)); } } @media (min-width: 740px) { .teeter-right { width: calc(600% / var(--content-width) - clamp(20px, 1.7123vw + 13.8356px, 40px) * (1 - 6 / var(--content-width))); } } @media (min-width: 900px) { .teeter-right { margin-right: calc(-200% / var(--content-width) - clamp(20px, 1.7123vw + 13.8356px, 40px) * 2 / var(--content-width)); } } @media (min-width: 900px) { .teeter-right { width: calc(500% / var(--content-width) - clamp(20px, 1.7123vw + 13.8356px, 40px) * (1 - 5 / var(--content-width))); } } @media (min-width: 1292px) { .teeter-right { width: calc(400% / var(--content-width) - clamp(20px, 1.7123vw + 13.8356px, 40px) * (1 - 4 / var(--content-width))); } } } @layer element_custom { @media (min-width: 740px) { [class*=teeter-] { margin-top: 6px; margin-bottom: var(--rhythm-medium); } } [class*=teeter-][class*=":width-"] { --grid-columns: unset; } } @layer site_local { :not(.\:bg-bleed-true).\:width-slim { --content-width: 12; --content-offset: 0; grid-column: 1/-1; } @media (min-width: 596px) { :not(.\:bg-bleed-true).\:width-slim { --content-width: 10; --content-offset: 1; grid-column: 2/span 10; } } @media (min-width: 900px) { :not(.\:bg-bleed-true).\:width-slim { --content-width: 8; --content-offset: 2; grid-column: 3/span 8; } } @media (min-width: 1292px) { :not(.\:bg-bleed-true).\:width-slim { --content-width: 6; --content-offset: 3; grid-column: 4/span 6; } } @media (min-width: 1528px) { :not(.\:bg-bleed-true).\:width-slim { --content-width: 4; --content-offset: 4; grid-column: 5/span 4; } } :not(.\:bg-bleed-true).\:width-narrow { --content-width: 12; --content-offset: 0; grid-column: 1/-1; } @media (min-width: 596px) { :not(.\:bg-bleed-true).\:width-narrow { --content-width: 10; --content-offset: 1; grid-column: 2/span 10; } } @media (min-width: 900px) { :not(.\:bg-bleed-true).\:width-narrow { --content-width: 8; --content-offset: 2; grid-column: 3/span 8; } } @media (min-width: 1292px) { :not(.\:bg-bleed-true).\:width-narrow { --content-width: 6; --content-offset: 3; grid-column: 4/span 6; } } :not(.\:bg-bleed-true).\:width-medium { --content-width: 12; --content-offset: 0; grid-column: 1/-1; } @media (min-width: 596px) { :not(.\:bg-bleed-true).\:width-medium { --content-width: 10; --content-offset: 1; grid-column: 2/span 10; } } @media (min-width: 900px) { :not(.\:bg-bleed-true).\:width-medium { --content-width: 8; --content-offset: 2; grid-column: 3/span 8; } } :not(.\:bg-bleed-true).\:width-wide { --content-width: 12; --content-offset: 0; grid-column: 1/-1; } @media (min-width: 596px) { :not(.\:bg-bleed-true).\:width-wide { --content-width: 10; --content-offset: 1; grid-column: 2/span 10; } } :not(.\:bg-bleed-true).\:width-full { --content-width: 12; --content-offset: 0; grid-column: 1/-1; } :not(.\:bg-bleed-true).\:width-bleed { --content-width: 12; --content-offset: 0; grid-column: 1/-1; } :not(.\:bg-bleed-true).\:width-bleed { margin-inline: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) * -1); } @media (min-width: 1528px) { :not(.\:bg-bleed-true).\:width-bleed { margin-inline: calc((100vw - 1440px) / -2); } } :not(.\:bg-bleed-true).\:width-unbleed { margin-inline: 0; } .\:bg-bleed-true:not([class*=":palette-"]).\:width-slim { --content-width: 12; --content-offset: 0; grid-column: 1/-1; } @media (min-width: 596px) { .\:bg-bleed-true:not([class*=":palette-"]).\:width-slim { --content-width: 10; --content-offset: 1; grid-column: 2/span 10; } } @media (min-width: 900px) { .\:bg-bleed-true:not([class*=":palette-"]).\:width-slim { --content-width: 8; --content-offset: 2; grid-column: 3/span 8; } } @media (min-width: 1292px) { .\:bg-bleed-true:not([class*=":palette-"]).\:width-slim { --content-width: 6; --content-offset: 3; grid-column: 4/span 6; } } @media (min-width: 1528px) { .\:bg-bleed-true:not([class*=":palette-"]).\:width-slim { --content-width: 4; --content-offset: 4; grid-column: 5/span 4; } } .\:bg-bleed-true:not([class*=":palette-"]).\:width-narrow { --content-width: 12; --content-offset: 0; grid-column: 1/-1; } @media (min-width: 596px) { .\:bg-bleed-true:not([class*=":palette-"]).\:width-narrow { --content-width: 10; --content-offset: 1; grid-column: 2/span 10; } } @media (min-width: 900px) { .\:bg-bleed-true:not([class*=":palette-"]).\:width-narrow { --content-width: 8; --content-offset: 2; grid-column: 3/span 8; } } @media (min-width: 1292px) { .\:bg-bleed-true:not([class*=":palette-"]).\:width-narrow { --content-width: 6; --content-offset: 3; grid-column: 4/span 6; } } .\:bg-bleed-true:not([class*=":palette-"]).\:width-medium { --content-width: 12; --content-offset: 0; grid-column: 1/-1; } @media (min-width: 596px) { .\:bg-bleed-true:not([class*=":palette-"]).\:width-medium { --content-width: 10; --content-offset: 1; grid-column: 2/span 10; } } @media (min-width: 900px) { .\:bg-bleed-true:not([class*=":palette-"]).\:width-medium { --content-width: 8; --content-offset: 2; grid-column: 3/span 8; } } .\:bg-bleed-true:not([class*=":palette-"]).\:width-wide { --content-width: 12; --content-offset: 0; grid-column: 1/-1; } @media (min-width: 596px) { .\:bg-bleed-true:not([class*=":palette-"]).\:width-wide { --content-width: 10; --content-offset: 1; grid-column: 2/span 10; } } .\:bg-bleed-true:not([class*=":palette-"]).\:width-full { --content-width: 12; --content-offset: 0; grid-column: 1/-1; } .\:bg-bleed-true:not([class*=":palette-"]).\:width-bleed { --content-width: 12; --content-offset: 0; grid-column: 1/-1; } .\:bg-bleed-true:not([class*=":palette-"]).\:width-bleed { margin-inline: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) * -1); } @media (min-width: 1528px) { .\:bg-bleed-true:not([class*=":palette-"]).\:width-bleed { margin-inline: calc((100vw - 1440px) / -2); } } .\:bg-bleed-true:not([class*=":palette-"]).\:width-unbleed { margin-inline: 0; } .\:bg-bleed-true[class*=":palette-"] { --content-width: 12; --content-offset: 0; grid-column: 1/-1; margin-inline: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) * -1); } @media (min-width: 1528px) { .\:bg-bleed-true[class*=":palette-"] { margin-inline: calc((100vw - 1440px) / -2); } } .\:bg-bleed-true[class*=":palette-"]:not(.\:width-bleed) { padding-inline: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) * 1); display: grid; grid-template-columns: repeat(var(--grid-columns), 1fr); gap: var(--grid-gap-y) var(--grid-gap-x); } @media (min-width: 1528px) { .\:bg-bleed-true[class*=":palette-"]:not(.\:width-bleed) { padding-inline: calc((100vw - 1440px) / 2); } } .\:bg-bleed-true[class*=":palette-"].\:width-slim > .p-inner { --content-width: 12; --content-offset: 0; grid-column: 1/-1; } @media (min-width: 596px) { .\:bg-bleed-true[class*=":palette-"].\:width-slim > .p-inner { --content-width: 10; --content-offset: 1; grid-column: 2/span 10; } } @media (min-width: 900px) { .\:bg-bleed-true[class*=":palette-"].\:width-slim > .p-inner { --content-width: 8; --content-offset: 2; grid-column: 3/span 8; } } @media (min-width: 1292px) { .\:bg-bleed-true[class*=":palette-"].\:width-slim > .p-inner { --content-width: 6; --content-offset: 3; grid-column: 4/span 6; } } @media (min-width: 1528px) { .\:bg-bleed-true[class*=":palette-"].\:width-slim > .p-inner { --content-width: 4; --content-offset: 4; grid-column: 5/span 4; } } .\:bg-bleed-true[class*=":palette-"].\:width-narrow > .p-inner { --content-width: 12; --content-offset: 0; grid-column: 1/-1; } @media (min-width: 596px) { .\:bg-bleed-true[class*=":palette-"].\:width-narrow > .p-inner { --content-width: 10; --content-offset: 1; grid-column: 2/span 10; } } @media (min-width: 900px) { .\:bg-bleed-true[class*=":palette-"].\:width-narrow > .p-inner { --content-width: 8; --content-offset: 2; grid-column: 3/span 8; } } @media (min-width: 1292px) { .\:bg-bleed-true[class*=":palette-"].\:width-narrow > .p-inner { --content-width: 6; --content-offset: 3; grid-column: 4/span 6; } } .\:bg-bleed-true[class*=":palette-"].\:width-medium > .p-inner { --content-width: 12; --content-offset: 0; grid-column: 1/-1; } @media (min-width: 596px) { .\:bg-bleed-true[class*=":palette-"].\:width-medium > .p-inner { --content-width: 10; --content-offset: 1; grid-column: 2/span 10; } } @media (min-width: 900px) { .\:bg-bleed-true[class*=":palette-"].\:width-medium > .p-inner { --content-width: 8; --content-offset: 2; grid-column: 3/span 8; } } .\:bg-bleed-true[class*=":palette-"].\:width-wide > .p-inner { --content-width: 12; --content-offset: 0; grid-column: 1/-1; } @media (min-width: 596px) { .\:bg-bleed-true[class*=":palette-"].\:width-wide > .p-inner { --content-width: 10; --content-offset: 1; grid-column: 2/span 10; } } .\:bg-bleed-true[class*=":palette-"].\:width-full > .p-inner { --content-width: 12; --content-offset: 0; grid-column: 1/-1; } .\:bg-bleed-false[class*=":palette-"] > .p-inner { padding-inline: clamp(20px, 2.0547vw + 12.6027px, 44px); } } @layer page_local { .palette-demo__section { grid-column: 1/-1; } .palette-demo__section__inner { grid-column: 1/-1; padding-block: var(--rhythm-bg); } .palette-demo__wysiwyg { margin-block: 0; } .palette-demo__headings { display: flex; flex-wrap: wrap; align-items: baseline; gap: 24px; } .palette-demo__headings > * { margin-top: 0; } } @font-face { font-family: "The Bold Font"; src: url("./../fonts/the-bold-font.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; } @layer element_default { .accordion-item { grid-column: 1/-1; } .accordion-item__button { width: 100%; } .accordion-item__button svg { rotate: 90deg; transition: all 240ms cubic-bezier(0.42, 0, 0.32, 1); } .accordion-item__button[aria-expanded=true] svg { rotate: -90deg; } } @layer element_base { .accordion-item { border-top: 1px solid var(--p-line); } .accordion-item__expandable__content { padding-bottom: var(--rhythm-flow); } } @layer element_local { .accordion-item__button { --btn-text-color: var(--p-text); --btn-border-radius: 0; --btn-bg-color: transparent; --btn-padding-x: 0; --btn-padding-y: 20px; display: flex; justify-content: space-between; font-size: clamp(24px, 0.6849vw + 21.5342px, 32px); font-family: "The Bold Font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: clamp(27.8769px, 0.6638vw + 25.487px, 35.6307px); letter-spacing: clamp(-0.2452px, -0.014vw - 0.0314px, -0.0818px); text-transform: uppercase; font-variant-numeric: lining-nums; text-align: left; } } @layer element_base { .anchor { --icon-size: 16px; } .anchor .icon { flex: 0 0 var(--icon-size); } .anchor, .anchor__link { display: inline-flex; align-items: center; gap: 0.6em; } @media (hover: hover) { .anchor.\:text-only-true.\:shy-false .anchor__link:hover .anchor__text { --link-border-width: 0%; } } .anchor.\:text-only-true.\:shy-true .anchor__link { --link-border-color: transparent; } .anchor.\:shy-true:not(:has(.anchor__link)) .anchor__text { background: none; text-decoration: none; } .anchor:not(:has(.anchor__link)) .anchor__text { color: var(--link-text-color, var(--link-text-color-default)); } .anchor.\:text-only-true:has(.icon) .anchor__link { background: none; } .anchor.\:text-only-true:has(.icon) .anchor__text { transition-property: color, background-color, background-size, background-position, text-decoration-color, text-underline-offset, border-color; color: var(--link-text-color, var(--link-text-color-default)); background-size: 100% var(--link-bg-size, var(--link-bg-size-default)); background-position: 0 var(--link-bg-offset, var(--link-bg-offset-default)); background-repeat: no-repeat; transition-duration: 240ms; transition-timing-function: cubic-bezier(0.42, 0, 0.32, 1); } .anchor.\:text-only-true:has(.icon).\:shy-false .anchor__text { background-image: linear-gradient(var(--link-bg-color, var(--link-bg-color-hover)), var(--link-bg-color, var(--link-bg-color-hover))); } .anchor.\:text-only-true:has(.icon).\:shy-true .anchor__text { background-image: linear-gradient(var(--link-shy-bg-color, var(--link-shy-bg-color-hover)), var(--link-shy-bg-color, var(--link-shy-bg-color-hover))); } @media (hover: hover) { .anchor.\:text-only-true:has(.icon) .anchor__link:hover .anchor__text { color: var(--link-text-color, var(--link-text-color-hover)); background-size: 100% var(--link-bg-size, var(--link-bg-size-hover)); background-position: 0 var(--link-bg-offset, var(--link-bg-offset-hover)); } } @media (hover: hover) { .anchor.\:text-only-true:has(.icon).\:shy-true .anchor__link:hover .anchor__text { color: var(--link-shy-text-color, var(--link-shy-text-color-hover)); text-decoration-color: var(--link-shy-border-color, var(--link-shy-border-color-hover)); } } .anchor.\:text-only-false:has(.icon) .anchor__link { padding-right: 0.2em; border-bottom-style: solid; border-bottom-width: var(--link-border-size, var(--link-border-size-default)); text-decoration: none; } @media (hover: hover) { .anchor.\:text-only-false:has(.icon) .anchor__link:hover { border-bottom-width: var(--link-border-size, var(--link-border-size-hover)); border-bottom-color: var(--link-border-color, var(--link-border-color-hover)); } } .anchor.\:text-only-false:has(.icon).\:shy-false .anchor__link { border-bottom-color: var(--link-border-color, var(--link-border-color-default)); } @media (hover: hover) { .anchor.\:text-only-false:has(.icon).\:shy-false .anchor__link:hover { --p-icon: var(--link-text-color, var(--link-text-color-hover)); border-bottom-color: var(--link-border-color, var(--link-border-color-hover)); } } .anchor.\:text-only-false:has(.icon).\:shy-true .anchor__link { border-bottom-color: var(--link-shy-border-color, var(--link-shy-border-color-default)); } @media (hover: hover) { .anchor.\:text-only-false:has(.icon).\:shy-true .anchor__link:hover { --p-icon: var(--link-shy-text-color, var(--link-shy-text-color-hover)); border-bottom-color: var(--link-shy-border-color, var(--link-shy-border-color-hover)); } } .anchor.disclaimer { --icon-size: 24px; align-items: baseline; font-size: 16px; font-family: "PT Serif", Constantia, "Lucida Serif", Lucida, "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; font-weight: 400; line-height: 1.4; letter-spacing: 0; text-transform: none; font-variant-numeric: oldstyle-nums; } .anchor.disclaimer .icon { order: -1; margin-left: calc(var(--icon-size) * -0.2); margin-block: calc(var(--icon-size) * -0.5); translate: 0 calc(var(--icon-size) * 0.2); } } @layer site_local { .reveal { opacity: 1; } [js] .reveal { opacity: 0; } [js] .reveal.uk-scrollspy-inview { opacity: 1; } .\+spin svg { animation: spin 1.25s linear infinite; } @keyframes spin { from { rotate: 0deg; } to { rotate: 360deg; } } @keyframes tm-slide-bottom-small { 0% { opacity: 0; transform: translateY(30px); } 100% { opacity: 1; transform: translateY(0); } } .tm-slide-bottom-small { animation-name: tm-slide-bottom-small; animation-duration: 0.8s; animation-timing-function: cubic-bezier(0, 0, 0.32, 1); } @keyframes tm-slide-bottom-medium { 0% { opacity: 0; transform: translateY(40px); } 100% { opacity: 1; transform: translateY(0); } } .tm-slide-bottom-medium { animation-name: tm-slide-bottom-medium; animation-duration: 1.2s; animation-timing-function: cubic-bezier(0, 0, 0.32, 1); } @keyframes tm-slide-bottom-large { 0% { opacity: 0; transform: translateY(50px); } 100% { opacity: 1; transform: translateY(0); } } .tm-slide-bottom-large { animation-name: tm-slide-bottom-large; animation-duration: 1.6s; animation-timing-function: cubic-bezier(0, 0, 0.32, 1); } @keyframes tm-slide-bottom-medium-image { 0% { opacity: 0; transform: translateY(30px); } 100% { opacity: 1; transform: translateY(0); } } .tm-slide-bottom-medium-image { animation-name: tm-slide-bottom-medium-image; animation-duration: 1.6s; animation-timing-function: cubic-bezier(0, 0, 0.32, 1); } :root[js]:not([ready]) *, :root[js]:not([ready]) *::before, :root[js]:not([ready]) *::after { transition: none !important; } html[js]:not([loaded]) body { display: none; } } @layer element_local {} @layer element_base { .audio__control { display: flex; align-items: center; gap: 20px; } .audio__control .tm-media-play-toggle { flex: 0 0 40px; width: 40px; height: 40px; } .audio__control .tm-media-play-toggle[data-is-playing=false] .text.pause { display: none; } .audio__control .tm-media-play-toggle[data-is-playing=false] .icon.\:icon-pause { display: none; } .audio__control .tm-media-play-toggle[data-is-playing=true] .text.play { display: none; } .audio__control .tm-media-play-toggle[data-is-playing=true] .icon.\:icon-play { display: none; } .audio__control .tm-progress { position: relative; width: 100%; height: 8px; } .audio__control .tm-progress::before { content: ""; position: absolute; left: 0; top: 2px; z-index: 0; display: block; width: 100%; height: 4px; background-color: #ccc; opacity: 0.2; } .audio__control .tm-progress > div { position: relative; z-index: 10; width: 0; height: 100%; background-color: #f09; transition: all 1s linear(0, 1); } } @layer site_base { :root { --btn-border-size: 0px; --btn-border-radius: 48px; --btn-text-offset-y: 0em; --icon-size: 28px; } } @layer element_base { .btn { position: relative; isolation: isolate; display: inline-flex; justify-content: center; align-items: center; gap: var(--btn-icon-gap); padding-inline: var(--btn-padding, var(--btn-padding-x)); padding-block: var(--btn-padding, var(--btn-padding-y)); border-radius: var(--btn-border-radius); background-color: var(--btn-bg-color, var(--btn-bg-color-default)); color: var(--btn-text-color, var(--btn-text-color-default)); --p-icon: var(--btn-text-color, var(--btn-text-color-default)); height: -moz-fit-content; height: fit-content; outline: 0; text-align: center; text-decoration: none; box-shadow: none; overflow: hidden; cursor: pointer; -webkit-tap-highlight-color: transparent; transition-duration: 240ms; transition-property: opacity, color, background-color, border-color; transition-timing-function: cubic-bezier(0.42, 0, 0.32, 1); } .btn::before { content: ""; position: absolute; display: block; border-radius: var(--btn-border-radius); transition: all 240ms cubic-bezier(0.42, 0, 0.32, 1); pointer-events: none; inset: 0; z-index: 1; border-color: var(--btn-border-color, var(--btn-border-color-default)); border-width: var(--btn-border-size); border-style: solid; } .btn > * { position: relative; z-index: 3; } @media (hover: hover) { .btn:hover, .overlink:hover ~ * .btn:not(.overlink-disconnect) { background-color: var(--btn-bg-color, var(--btn-bg-color-hover)); color: var(--btn-text-color, var(--btn-text-color-hover)); --p-icon: var(--btn-text-color, var(--btn-text-color-hover)); } .btn:hover::before, .overlink:hover ~ * .btn:not(.overlink-disconnect)::before { border-color: var(--btn-border-color, var(--btn-border-color-hover)); } } .btn:active, .overlink:active ~ * .btn { background-color: var(--btn-bg-color, var(--btn-bg-color-active)); color: var(--btn-text-color, var(--btn-text-color-active)); --p-icon: var(--btn-text-color, var(--btn-text-color-active)); } .btn:active::before, .overlink:active ~ * .btn::before { border-color: var(--btn-border-color, var(--btn-border-color-active)); } .btn:focus { outline: 0; } .btn[disabled] { pointer-events: none; touch-action: none; cursor: default; opacity: 0.4; } .btn.\:version-1 { --btn-text-color-default: var(--p-btn-v1-text-default); --btn-border-color-default: var(--p-btn-v1-border-default); --btn-bg-color-default: var(--p-btn-v1-bg-default); --btn-text-color-hover: var(--p-btn-v1-text-hover); --btn-border-color-hover: var(--p-btn-v1-border-hover); --btn-bg-color-hover: var(--p-btn-v1-bg-hover); --btn-border-size: 0px; } .btn.\:version-1:active, .overlink:active ~ * .btn.\:version-1 { --btn-text-color-active: var(--p-btn-v1-text-active); --btn-border-color-active: var(--p-btn-v1-border-active); --btn-bg-color-active: var(--p-btn-v1-bg-active); } .btn.\:version-1:is([disabled], [aria-disabled=true]) { --btn-text-color-disabled: var(--p-btn-v1-text-disabled); --btn-border-color-disabled: var(--p-btn-v1-border-disabled); --btn-bg-color-disabled: var(--p-btn-v1-bg-disabled); } .btn.\:version-1.playback-toggle { --btn-text-color-default: var(--p-btn-v1-media-text-default); --btn-border-color-default: var(--p-btn-v1-media-border-default); --btn-bg-color-default: var(--p-btn-v1-media-bg-default); } @media (hover: hover) { .btn.\:version-1.playback-toggle:hover, .overlink:hover ~ * .btn.\:version-1.playback-toggle:not(.overlink-disconnect) { --btn-text-color-hover: var(--p-btn-v1-media-text-hover); --btn-border-color-hover: var(--p-btn-v1-media-border-hover); --btn-bg-color-hover: var(--p-btn-v1-media-bg-hover); } } .btn.\:version-1.playback-toggle:active, .overlink:active ~ * .btn.\:version-1.playback-toggle { --btn-text-color-active: var(--p-btn-v1-media-text-active); --btn-border-color-active: var(--p-btn-v1-media-border-active); --btn-bg-color-active: var(--p-btn-v1-media-bg-active); } .btn.\:version-2 { --btn-text-color-default: var(--p-btn-v2-text-default); --btn-border-color-default: var(--p-btn-v2-border-default); --btn-bg-color-default: var(--p-btn-v2-bg-default); --btn-text-color-hover: var(--p-btn-v2-text-hover); --btn-border-color-hover: var(--p-btn-v2-border-hover); --btn-bg-color-hover: var(--p-btn-v2-bg-hover); --btn-border-size: 1px; } .btn.\:version-2:active, .overlink:active ~ * .btn.\:version-2 { --btn-text-color-active: var(--p-btn-v2-text-active); --btn-border-color-active: var(--p-btn-v2-border-active); --btn-bg-color-active: var(--p-btn-v2-bg-active); } .btn.\:version-2:is([disabled], [aria-disabled=true]) { --btn-text-color-disabled: var(--p-btn-v2-text-disabled); --btn-border-color-disabled: var(--p-btn-v2-border-disabled); --btn-bg-color-disabled: var(--p-btn-v2-bg-disabled); } .btn.\:version-3 { --btn-text-color-default: var(--p-btn-v3-text-default); --btn-border-color-default: var(--p-btn-v3-border-default); --btn-bg-color-default: var(--p-btn-v3-bg-default); --btn-text-color-hover: var(--p-btn-v3-text-hover); --btn-border-color-hover: var(--p-btn-v3-border-hover); --btn-bg-color-hover: var(--p-btn-v3-bg-hover); --btn-border-size: 0px; } .btn.\:version-3:active, .overlink:active ~ * .btn.\:version-3 { --btn-text-color-active: var(--p-btn-v3-text-active); --btn-border-color-active: var(--p-btn-v3-border-active); --btn-bg-color-active: var(--p-btn-v3-bg-active); } .btn.\:version-3:is([disabled], [aria-disabled=true]) { --btn-text-color-disabled: var(--p-btn-v3-text-disabled); --btn-border-color-disabled: var(--p-btn-v3-border-disabled); --btn-bg-color-disabled: var(--p-btn-v3-bg-disabled); } .btn.\:size-1 { --icon-size: 28px; --icon-stroke: 1.5; --btn-icon-gap: 12px; --btn-padding-x: clamp(16px, 0.6849vw + 13.5342px, 24px); --btn-padding-y: clamp(6px, 0.5136vw + 4.1506px, 12px); --btn-icon-margin: -4px; font-size: 16px; font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.4; letter-spacing: 0.13333em; text-transform: uppercase; font-variant-numeric: lining-nums; } .btn.\:size-1.\:icon-only { --btn-padding-x: 10px; --btn-padding-y: 10px; } .btn.\:size-2 { --icon-size: 20px; --icon-stroke: 1; --btn-icon-gap: 10px; --btn-padding-x: 16px; --btn-padding-y: 8px; --btn-icon-margin: -4px; font-size: 13px; font-family: "PT Serif", Constantia, "Lucida Serif", Lucida, "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; font-weight: 400; line-height: 1.4; letter-spacing: 0; text-transform: none; font-variant-numeric: oldstyle-nums; } .btn.\:size-2.\:icon-only { --btn-padding-x: 6px; --btn-padding-y: 6px; } .btn.\:icon-only { --btn-border-radius: 50%; display: flex; } .btn.\:icon-only::after { inset: 0; opacity: 0; } @media (hover: hover) { .btn.\:icon-only:hover::after, .overlink:hover ~ * .btn.\:icon-only:not(.overlink-disconnect)::after { opacity: 1; } } .btn.\:icon-only .button__text { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip-path: rect(0 0 0 0) !important; white-space: nowrap !important; border: 0 !important; } .btn:not(.\:icon-only) .button__icon { margin-block: calc(var(--icon-size) / -2); } .btn.\:icon-before .button__icon { margin-left: var(--btn-icon-margin); } .btn.\:icon-after .button__icon { margin-right: var(--btn-icon-margin); } .btn.playback-toggle.\:icon-only { --btn-border-radius: 0; } .btn.\:version-3 { --icon-size: 14px; --btn-padding-x: 12px; --btn-padding-y: 4px; --btn-icon-margin: calc(var(--btn-padding-x) * -1); background-color: transparent; } .btn.\:version-3::before { left: 100%; background-color: var(--p-btn-v3-bg-hover); } .btn.\:version-3 .button__text { color: var(--p-text); transition: color 240ms cubic-bezier(0.42, 0, 0.32, 1); } .btn.\:version-3 .icon { flex: 0 0 calc(var(--icon-size) + 12px); padding: 6px; width: calc(var(--icon-size) + 12px); height: calc(var(--icon-size) + 12px); border-radius: 50%; background-color: var(--p-btn-v3-bg-default); } @media (hover: hover) { .btn.\:version-3:hover::before, .overlink:hover ~ * .btn.\:version-3:not(.overlink-disconnect)::before { left: 0%; } .btn.\:version-3:hover .button__text, .overlink:hover ~ * .btn.\:version-3:not(.overlink-disconnect) .button__text { color: var(--p-btn-v3-text-hover); } } .button__text { top: var(--btn-text-offset-y); } .button__icon { flex: 0 0 var(--icon-size); } .gform_wrapper input[type=submit] { position: relative; --btn-padding-x: 0; --btn-padding-y: 0; --btn-border-radius: 48px; padding-inline: var(--btn-padding-x); padding-block: var(--btn-padding-y); border-radius: var(--btn-border-radius); background: none; background-color: var(--btn-bg-color, var(--btn-bg-color-default)); color: var(--btn-text-color, var(--btn-text-color-default)); height: -moz-fit-content; height: fit-content; outline: 0; font-size: 16px; font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.4; letter-spacing: 0.13333em; text-transform: uppercase; font-variant-numeric: lining-nums; text-align: center; text-decoration: none; box-shadow: none; overflow: hidden; cursor: pointer; -webkit-tap-highlight-color: transparent; transition-duration: 240ms; transition-property: opacity, color, background-color, border-color; transition-timing-function: cubic-bezier(0.42, 0, 0.32, 1); --btn-text-color-default: var(--p-btn-v1-text-default); --btn-border-color-default: var(--p-btn-v1-border-default); --btn-bg-color-default: var(--p-btn-v1-bg-default); --btn-padding-x: clamp(16px, 0.6849vw + 13.5342px, 24px); --btn-padding-y: clamp(6px, 0.5136vw + 4.1506px, 12px); --btn-icon-margin: -4px; --btn-border-size: 0px; } .gform_wrapper input[type=submit]:focus { outline: 0; } .gform_wrapper input[type=submit][disabled] { pointer-events: none; touch-action: none; cursor: default; opacity: 0.3; } @media (hover: hover) { .gform_wrapper input[type=submit]:hover, .overlink:hover ~ * .gform_wrapper input[type=submit]:not(.overlink-disconnect) { background-color: var(--btn-bg-color, var(--btn-bg-color-hover)); color: var(--btn-text-color, var(--btn-text-color-hover)); --p-icon: var(--btn-text-color, var(--btn-text-color-hover)); } .gform_wrapper input[type=submit]:hover::before, .overlink:hover ~ * .gform_wrapper input[type=submit]:not(.overlink-disconnect)::before { border-color: var(--btn-border-color, var(--btn-border-color-hover)); } } @media (hover: hover) { .gform_wrapper input[type=submit]:hover, .overlink:hover ~ * .gform_wrapper input[type=submit]:not(.overlink-disconnect) { --btn-text-color-hover: var(--p-btn-v1-text-hover); --btn-border-color-hover: var(--p-btn-v1-border-hover); --btn-bg-color-hover: var(--p-btn-v1-bg-hover); } } .gform_wrapper input[type=submit]:is([disabled], [aria-disabled=true]) { --btn-text-color-disabled: var(--p-btn-v1-text-disabled); --btn-border-color-disabled: var(--p-btn-v1-border-disabled); --btn-bg-color-disabled: var(--p-btn-v1-bg-disabled); } .gform_wrapper input[type=submit].\:icon-only { --btn-padding-x: 10px; --btn-padding-y: 10px; } } @layer element_local {} @layer element_local {} @layer element_default { .empty-result { grid-column: 1/-1; } } @layer element_base { .empty-result { text-align: center; } .empty-result__text { --content-width: 12; --content-offset: 0; grid-column: 1/-1; text-wrap: balance; } @media (min-width: 596px) { .empty-result__text { --content-width: 10; --content-offset: 1; grid-column: 2/span 10; } } @media (min-width: 900px) { .empty-result__text { --content-width: 8; --content-offset: 2; grid-column: 3/span 8; } } @media (min-width: 1292px) { .empty-result__text { --content-width: 6; --content-offset: 3; grid-column: 4/span 6; } } .empty-result__button-container { grid-column: 1/-1; display: flex; justify-content: center; } } @layer element_base {} @layer site_base { :root { --field-padding-x: 24px; --field-padding-y: 16px; --field-border-size-default: 1px; --field-border-size-focus: 2px; --field-icon-gap: 0px; --field-border-radius: 48px; } } @layer element_base { .field { --field-icon-padding: calc( var(--field-padding-x) + var(--field-icon-gap) + var(--icon-size) ); --field-icon-position-x: calc(var(--field-padding-x) * 0.75); position: relative; } .field.\:icon-before .field__input { --field-padding-left: var(--field-icon-padding); } .field.\:icon-after .field__input { --field-padding-right: var(--field-icon-padding); } .field__icon { position: absolute; top: 50%; translate: 0 -50%; pointer-events: none; } .field__icon--before { left: var(--field-icon-position-x); } .field__icon--after { right: var(--field-icon-position-x); } :is(input:where(:not([type=button], [type=reset], [type=submit], [type=checkbox], [type=radio], [type=hidden])), textarea, select) { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; padding-left: var(--field-padding-left, var(--field-padding-x)); padding-right: var(--field-padding-right, var(--field-padding-x)); padding-top: var(--field-padding-top, var(--field-padding-y)); padding-bottom: var(--field-padding-bottom, var(--field-padding-y)); width: 100%; border-color: var(--field-border-color, var(--field-border-color-default)); border-width: var(--field-border-size-default); border-style: solid; border-radius: var(--field-border-radius); outline: var(--field-border-size, var(--field-border-size-focus)) solid transparent; outline-offset: calc(var(--field-border-size-default) * -1); background-color: var(--field-bg-color, var(--field-bg-color-default)); font-size: clamp(20px, 0.1712vw + 19.3835px, 22px); font-family: "PT Serif", Constantia, "Lucida Serif", Lucida, "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; font-weight: 400; line-height: 1.4; letter-spacing: 0; text-transform: none; font-variant-numeric: oldstyle-nums; color: var(--field-text-color, var(--field-text-color-value)); } :is(input:where(:not([type=button], [type=reset], [type=submit], [type=checkbox], [type=radio], [type=hidden])), textarea, select)::-moz-placeholder { color: var(--field-text-color, var(--field-text-color-default)); -moz-transition: color 240ms cubic-bezier(0.42, 0, 0.32, 1); transition: color 240ms cubic-bezier(0.42, 0, 0.32, 1); } :is(input:where(:not([type=button], [type=reset], [type=submit], [type=checkbox], [type=radio], [type=hidden])), textarea, select)::placeholder { color: var(--field-text-color, var(--field-text-color-default)); transition: color 240ms cubic-bezier(0.42, 0, 0.32, 1); } :is(input:where(:not([type=button], [type=reset], [type=submit], [type=checkbox], [type=radio], [type=hidden])), textarea, select)::-webkit-search-cancel-button { display: none; } :is(input:where(:not([type=button], [type=reset], [type=submit], [type=checkbox], [type=radio], [type=hidden])), textarea, select):not(:-moz-placeholder-shown) { border-color: var(--field-border-color, var(--field-border-color-value)); background-color: var(--field-bg-color, var(--field-bg-color-value)); } :is(input:where(:not([type=button], [type=reset], [type=submit], [type=checkbox], [type=radio], [type=hidden])), textarea, select):not(:placeholder-shown) { border-color: var(--field-border-color, var(--field-border-color-value)); background-color: var(--field-bg-color, var(--field-bg-color-value)); } :is(input:where(:not([type=button], [type=reset], [type=submit], [type=checkbox], [type=radio], [type=hidden])), textarea, select):not(:placeholder-shown)::-moz-placeholder { color: var(--field-text-color, var(--field-text-color-default)); } :is(input:where(:not([type=button], [type=reset], [type=submit], [type=checkbox], [type=radio], [type=hidden])), textarea, select):not(:-moz-placeholder-shown)::placeholder { color: var(--field-text-color, var(--field-text-color-default)); } :is(input:where(:not([type=button], [type=reset], [type=submit], [type=checkbox], [type=radio], [type=hidden])), textarea, select):not(:placeholder-shown)::placeholder { color: var(--field-text-color, var(--field-text-color-default)); } :is(input:where(:not([type=button], [type=reset], [type=submit], [type=checkbox], [type=radio], [type=hidden])), textarea, select).show-invalid:where(:required:invalid, :required[aria-invalid=true]) { color: var(--field-text-color, var(--field-text-color-error)); border-color: var(--field-border-color, var(--field-border-color-error)); background-color: var(--field-bg-color, var(--field-bg-color-error)); } :is(input:where(:not([type=button], [type=reset], [type=submit], [type=checkbox], [type=radio], [type=hidden])), textarea, select):focus { color: var(--field-text-color, var(--field-text-color-focus)); border-color: var(--field-border-color, var(--field-border-color-focus)); outline-color: var(--field-border-color, var(--field-border-color-focus)); background-color: var(--field-bg-color, var(--field-bg-color-focus)); } :is(input:where(:not([type=button], [type=reset], [type=submit], [type=checkbox], [type=radio], [type=hidden])), textarea, select):focus::-moz-placeholder { color: var(--field-text-color, var(--field-text-color-default)); } :is(input:where(:not([type=button], [type=reset], [type=submit], [type=checkbox], [type=radio], [type=hidden])), textarea, select):focus::placeholder { color: var(--field-text-color, var(--field-text-color-default)); } :is(input:where(:not([type=button], [type=reset], [type=submit], [type=checkbox], [type=radio], [type=hidden])), textarea, select):focus:not(:-moz-placeholder-shown) { border-color: var(--field-border-color, var(--field-border-color-focus)); } :is(input:where(:not([type=button], [type=reset], [type=submit], [type=checkbox], [type=radio], [type=hidden])), textarea, select):focus:not(:placeholder-shown) { border-color: var(--field-border-color, var(--field-border-color-focus)); } :is(input:where(:not([type=button], [type=reset], [type=submit], [type=checkbox], [type=radio], [type=hidden])), textarea, select)[disabled] { opacity: 0.4; color: var(--field-text-color, var(--field-text-color-disabled)); border-color: var(--field-border-color, var(--field-border-color-disabled)); background-color: var(--field-bg-color, var(--field-bg-color-disabled)); } :is(input:where(:not([type=button], [type=reset], [type=submit], [type=checkbox], [type=radio], [type=hidden])), textarea, select)[disabled]::-moz-placeholder { color: var(--field-text-color, var(--field-text-color-disabled)); } :is(input:where(:not([type=button], [type=reset], [type=submit], [type=checkbox], [type=radio], [type=hidden])), textarea, select)[disabled]::placeholder { color: var(--field-text-color, var(--field-text-color-disabled)); } input[type=file] { padding: 0; border: none; } input[type=file]::file-selector-button { margin-right: 16px; font-size: 16px; font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.4; letter-spacing: 0.13333em; text-transform: uppercase; font-variant-numeric: lining-nums; padding: 16px 24px; background-color: var(--p-btn-v1-bg-default); border: none; } textarea { border-radius: 20px; } select:not(.select__select, [multiple]) { background-image: url('data:image/svg+xml;charset=utf8,%3csvg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e%3cg transform="rotate(90)" transform-origin="center"%3e%3cpolyline points="9,6 15,12 9,18" fill="none" stroke="%23112f1f" stroke-width="2" vector-effect="non-scaling-stroke" /%3e%3c/g%3e%3c/svg%3e'); background-repeat: no-repeat; background-position: right var(--field-padding-x) center; background-size: var(--icon-size); } input:is([type=checkbox], [type=radio]) { cursor: pointer; } input[type=checkbox] { border-radius: var(--field-border-radius); } legend { display: block; margin-bottom: 8px; font-size: 13px; font-family: "The Bold Font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.2; letter-spacing: 0.0833em; text-transform: uppercase; font-variant-numeric: lining-nums; } legend.gfield_label_before_complex { margin-bottom: 12px; } label { display: block; font-size: 13px; font-family: "The Bold Font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.2; letter-spacing: 0.0833em; text-transform: uppercase; font-variant-numeric: lining-nums; } input:is([type=checkbox], [type=radio]) ~ label { font-size: clamp(16px, 0.3424vw + 14.7671px, 20px); font-family: "PT Serif", Constantia, "Lucida Serif", Lucida, "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; font-weight: 400; line-height: 1.4; letter-spacing: 0; text-transform: none; font-variant-numeric: oldstyle-nums; cursor: pointer; } .gform_wrapper { display: flex; flex-direction: column; gap: var(--rhythm-flow); } .gfield--type-section { padding-top: var(--rhythm-flow); border-top: 1px solid var(--p-line); } .gform_fields { display: flex; flex-wrap: wrap; gap: var(--rhythm-flow) 16px; } .gform_fields > * { flex: 1 0 100%; } .gfield { display: flex; flex-direction: column; gap: 8px; } .ginput_complex { display: flex; flex-wrap: wrap; gap: 18px 16px; } .ginput_complex > * { flex: 1 0 100%; } .ginput_container:has(> input[type=checkbox], > input[type=radio]) { display: flex; gap: 8px; } .ginput_container > :is(input[type=checkbox], input[type=radio]) { flex: 0 0 24px; } .gform-grid-col { display: flex; flex-direction: column; gap: 8px; } .gfield_checkbox, .gfield_radio { display: flex; flex-direction: column; gap: 8px; } .gchoice { display: flex; align-items: center; gap: 8px; } .gfield-choice-input { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid var(--p-line); flex: 0 0 24px; width: 24px; height: 24px; } .gfield-choice-input:hover { border-color: var(--p-accent-1); } .gfield-choice-input:checked { background-color: var(--p-accent-1); } .gfield_description { font-size: 13px; font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 400; line-height: 1.4; letter-spacing: 0em; text-transform: none; color: var(--p-caption); } .gfield_required::after { content: "*"; color: var(--p-error); } .gfield_required_text { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip-path: rect(0 0 0 0) !important; white-space: nowrap !important; border: 0 !important; } .gform-field-label--type-sub { font-weight: 400; } .gf_clear:empty { display: none; } .ginput_left, .ginput_right { flex-basis: 40%; min-width: 200px; } .gfield--width-third { flex-basis: 30%; min-width: 200px; } .gform_footer { margin-top: var(--rhythm-default); } label abbr { text-decoration: none; } .field__label { display: block; margin-bottom: 0.55em; font-size: 13px; font-family: "The Bold Font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.2; letter-spacing: 0.0833em; text-transform: uppercase; font-variant-numeric: lining-nums; } .field__label--required { color: var(--p-error); } .field.\:type-datepicker { --icon-stroke: 1.5; --icon-size: 28px; } .field.\:type-datepicker .field__label { position: absolute; left: calc(var(--field-padding-left, var(--field-padding-x)) + var(--field-border-size, var(--field-border-size-default))); top: calc(var(--field-padding-y) * 0.5); font-size: 11px; line-height: 1.4; letter-spacing: 0; font-weight: 400; color: var(--p-caption); pointer-events: none; } .field.\:type-datepicker .field__input { padding-top: calc(var(--field-padding-y) * 1.5); padding-bottom: calc(var(--field-padding-y) * 0.5); font-size: 14px; line-height: 1.4; letter-spacing: 0; } .field.\:type-datepicker .field__input::-moz-placeholder { color: var(--field-text-color, var(--field-text-color-value)); } .field.\:type-datepicker .field__input::placeholder { color: var(--field-text-color, var(--field-text-color-value)); } } @layer element_local { .field--button { position: relative; display: flex; border-color: var(--field-border-color, var(--field-border-color-default)); border-width: var(--field-border-size-default); border-style: solid; border-radius: var(--field-border-radius); outline: var(--field-border-size, var(--field-border-size-focus)) solid transparent; outline-offset: calc(var(--field-border-size-default) * -1); background-color: var(--field-bg-color, var(--field-bg-color-default)); } .field--button .field__inner { flex: 1 1 auto; } .field--button .field__input { border: none; background-color: transparent; text-overflow: ellipsis; } .field--button:has(.btn.\:version-1) .field__input { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .field--button:has(.field__input:focus) { border-color: var(--field-border-color, var(--field-border-color-focus)); outline-color: var(--field-border-color, var(--field-border-color-focus)); } .field--button .field__button { flex: 0 0 auto; display: flex; justify-content: center; align-items: center; padding-right: calc(var(--field-padding-x) / 2); } .field--button .btn.\:version-2 { height: auto; } .air-datepicker { --adp-z-index: 1102; --adp-nav-arrow-color: var(--p-icon); --adp-nav-color-secondary: var(--p-text); --adp-day-name-color: var(--p-text); --adp-color-other-month: var(--p-caption); --adp-color-other-month-hover: var(--link-text-color-hover); --adp-color-current-date: var(--p-text); --adp-cell-background-color-selected: var(--p-btn-v1-bg-active); --adp-cell-background-color-selected-hover: var(--p-btn-v1-bg-hover); --adp-cell-border-radius: 100vw; } .air-datepicker-cell.-current- { border: 1px solid var(--p-line-alt); } } @layer component_base { .field-group legend { display: block; margin-bottom: 1em; font-size: 13px; font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 400; line-height: 1.4; letter-spacing: 0em; text-transform: none; } } @layer component_base { .form .btn { margin-top: var(--rhythm-small); } } @layer element_base {} @layer element_base { .icon { width: var(--icon-size); height: var(--icon-size); } .icon svg { width: var(--icon-size); height: var(--icon-size); } .icon[style] svg { rotate: var(--icon-rotate, 0deg); } .icon.material-symbols { opacity: 0; font-size: var(--icon-size) !important; transition: opacity 0.3s linear; } .icon.material-symbols:not(.loaded) { width: 24px !important; min-width: var(--icon-size); max-width: var(--icon-size); } .icon.material-symbols.loaded { opacity: 1; } .\:icon-loading .track { stroke: var(--p-icon, var(--color-transparent)); } } @layer site_default { :root { --image-scale: 1; } } @layer element_default { .media-figure__media { width: 100%; height: 100%; overflow: hidden; } .media-figure__source { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } } @layer element_base { .media-figure { position: relative; } .w-content-group > .media-figure { margin-top: var(--rhythm-small); --content-width: 12; --content-offset: 0; grid-column: 1/-1; } @media (min-width: 596px) { .w-content-group > .media-figure { --content-width: 10; --content-offset: 1; grid-column: 2/span 10; } } @media (min-width: 900px) { .w-content-group > .media-figure { --content-width: 8; --content-offset: 2; grid-column: 3/span 8; } } @media (min-width: 1292px) { .w-content-group > .media-figure { --content-width: 6; --content-offset: 3; grid-column: 4/span 6; } } .media-figure .media-figure__source { scale: var(--image-scale); opacity: 1; transition: all 480ms cubic-bezier(0.42, 0, 0.32, 1); } .image__inner { grid-area: 1/1/span 1/-1; } .media-figure__media { grid-area: 1/1/span 1/-1; } .media-figure__source { opacity: 1; transition: all 480ms cubic-bezier(0.42, 0, 0.32, 1); } .media-figure__caption { grid-column: 1/-1; margin-top: 1.25em; max-width: 484px; color: var(--p-caption); font-size: 16px; font-family: "PT Serif", Constantia, "Lucida Serif", Lucida, "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; font-weight: 400; line-height: 1.4; letter-spacing: 0; text-transform: none; font-variant-numeric: oldstyle-nums; } .media-figure__caption [data-content] { margin-top: 0.55em; color: var(--p-caption); } :root[js] .media-figure__media--lazy:not(.\@lazy-done) .media-figure__source { opacity: 0; } .media-figure__media--lazy, .media-figure__media--lazy .lazy-bg { overflow: hidden; background: transparent; transition: background 480ms cubic-bezier(0.42, 0, 0.32, 1); } .media-figure__media--lazy:not(.media-figure__media--transparent, .\@lazy-done), .media-figure__media--lazy .lazy-bg:not(.media-figure__media--transparent, .\@lazy-done) { background: var(--p-image-bg); } .media-figure__media--lazy.\@lazy-loading .media-figure__source { opacity: 0; } .media-figure__media { position: relative; } .media-figure__button { position: absolute; right: 0; bottom: 0; z-index: 1; } .image__loading { grid-area: 1/1/span 1/-1; display: flex; justify-content: center; align-items: center; opacity: 0; transition: opacity 480ms cubic-bezier(0.42, 0, 0.32, 1); pointer-events: none; } .image__loading:has(~ .media-figure__media--lazy.\@lazy-loading) { opacity: 1; } .image__loading:has(~ .media-figure__media--lazy.\@lazy-done) { opacity: 0; } } @layer element_local { .\:ratio-auto :is(.media-figure__media, iframe) { aspect-ratio: auto; } .\:ratio-normal :is(.media-figure__media, iframe) { aspect-ratio: 1.5; } .\:ratio-square :is(.media-figure__media, iframe) { aspect-ratio: 1.2; } .\:ratio-video :is(.media-figure__media, iframe) { aspect-ratio: 1.7778; } .\:ratio-wide :is(.media-figure__media, iframe) { aspect-ratio: 1.88; } .\:ratio-portrait :is(.media-figure__media, iframe) { aspect-ratio: 0.75; } .\:ratio-jail :is(.media-figure__media, iframe) { aspect-ratio: 0.33; } .\:ratio-mailslot :is(.media-figure__media, iframe) { aspect-ratio: 6; } } @layer element_base {} @layer element_base { .jump-nav__toggle svg { rotate: 90deg; transition: rotate 240ms cubic-bezier(0.42, 0, 0.32, 1); } .jump-nav__toggle[aria-expanded=true] svg { rotate: -90deg; } @media (min-width: 740px) { .jump-nav__toggle { display: none; } } .jump-nav__items { display: flex; flex-direction: column; gap: 16px; } .jump-nav__content { transition: all 240ms cubic-bezier(0.42, 0, 0.32, 1); } .jump-nav__content > .expandable_row { position: sticky; top: clamp(20px, 2.0547vw + 12.6027px, 44px); } @media (min-width: 740px) { .jump-nav__content > .expandable_row { overflow: visible; } } } @layer element_base { .jump-nav-item__anchor { display: block; padding-top: 0.55em; } .jump-nav-item__anchor [data-is-active=true] { outline: 6px dotted #f00; } [data-jump-target] { outline: 6px dotted #00f; outline-offset: 20px; } } @layer component_base { .meta-header { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-top: var(--rhythm-small); } .meta-header + .title { margin-top: 0.4em; } .meta-header__tags { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 8px; font-size: 11px; font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.4; letter-spacing: 0.09em; text-transform: uppercase; font-variant-numeric: lining-nums; } .meta-header__tags li { display: flex; } .meta-header__event-date { padding-inline: 0.1em; font-size: clamp(18px, 0.5136vw + 16.1506px, 24px); font-family: "The Bold Font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.2; letter-spacing: 0.0833em; text-transform: uppercase; font-variant-numeric: lining-nums; } .meta-header__event-status { display: flex; padding-inline: 16px; gap: 8px; font-size: 13px; font-family: "The Bold Font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.2; letter-spacing: 0.0833em; text-transform: uppercase; font-variant-numeric: lining-nums; align-items: center; } .meta-header__event-status::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--p-accent-1); } .meta-header__event-status span { padding-top: 0.15em; padding-bottom: 0.1em; } } @layer element_base { .meta-list__item { font-size: 16px; line-height: 1.4; letter-spacing: 0; } .meta-list__item--people { font-size: 13px; font-family: "The Bold Font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.2; letter-spacing: 0.0833em; text-transform: uppercase; font-variant-numeric: lining-nums; } .meta-list__item--event-date { font-size: clamp(18px, 0.5136vw + 16.1506px, 24px); font-family: "The Bold Font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.2; letter-spacing: 0.0833em; text-transform: uppercase; font-variant-numeric: lining-nums; color: var(--p-event-date); } .meta-list__item--segmented { word-spacing: -0.26em; } .meta-list__item--segmented .meta-list__value { position: relative; margin-right: 7px; padding-right: 8px; word-spacing: normal; } .meta-list__item--segmented .meta-list__value::after { content: ""; position: absolute; top: 20%; right: 0; display: block; height: 0.85em; border-right: 1px solid var(--p-line); } .meta-list__item--segmented .meta-list__value:last-child { margin-right: 0; padding-right: 0; } .meta-list__item--segmented .meta-list__value:last-child::after { display: none; } } @layer element_base {} @layer element_custom { .overlink { position: absolute; inset: 0; z-index: 10; background: none; text-decoration: none; box-shadow: none; } .overlink ~ * a { position: relative; z-index: 11; } @media (hover: hover) { :is(.overlink, :has(.overlink-remote)):hover ~ [class*=__text] .shy { color: var(--link-shy-text-color, var(--link-shy-text-color-hover)); text-decoration-color: var(--link-shy-border-color, var(--link-shy-border-color-hover)); } :is(.overlink, :has(.overlink-remote)):hover ~ [class*=__image] { --image-scale: 1.05; } } } @layer element_base { .pattern-data-error { display: inline-block; padding: 20px; border: 4px solid var(--p-error); font-weight: 700; color: var(--p-error); } } @layer element_base { .pullquote__quote { position: relative; margin-bottom: 0.4em; padding-left: clamp(16px, 0.6849vw + 13.5342px, 24px); padding-top: 16px; border-top: 1px solid var(--p-accent-1); font-size: clamp(28px, 1.1986vw + 23.6849px, 42px); font-family: "PT Serif", Constantia, "Lucida Serif", Lucida, "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; font-weight: 700; line-height: 1.2; letter-spacing: clamp(-0.42px, -0.0229vw - 0.0704px, -0.1528px); text-transform: none; font-variant-numeric: oldstyle-nums; } .pullquote__quote-mark { position: absolute; left: 0; top: 16px; } .pullquote__caption { display: flex; align-items: center; padding-left: clamp(16px, 0.6849vw + 13.5342px, 24px); } .pullquote__meta { display: flex; align-items: center; } .pullquote__meta .meta-list__item { margin-top: 0.1em; font-size: 13px; font-family: "The Bold Font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.2; letter-spacing: 0.0833em; text-transform: uppercase; font-variant-numeric: lining-nums; color: var(--p-accent-1); } .wysiwyg blockquote { padding-left: clamp(16px, 0.6849vw + 13.5342px, 24px); font-size: clamp(20px, 0.3424vw + 18.7671px, 24px); font-family: "PT Serif", Constantia, "Lucida Serif", Lucida, "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; font-weight: 700; line-height: 1.2; letter-spacing: clamp(-0.0764px, -0.0066vw + 0.0235px, 0px); text-transform: none; font-variant-numeric: oldstyle-nums; } } @layer element_local {} @layer element_local {} @layer element_base { .search-form { position: relative; display: flex; align-items: center; } } @layer element_local { .search-form .field--button { flex: 1 1 auto; margin-top: 0; } .search-form .field { flex: 1 1 auto; margin-top: 0; } .search-form .btn { --field-bg-color: transparent; --btn-border-color: transparent; margin-top: 8px; margin-right: 8px; } .nav-mobile__expandable .search-form .field__input { --field-padding-top: calc(16px + 2px); --field-padding-bottom: calc(16px - 2px); font-size: 16px; font-family: "The Bold Font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.2; letter-spacing: 0.0833em; text-transform: uppercase; font-variant-numeric: lining-nums; } } @layer element_base { .search-panel__expandable__content { padding-top: var(--masthead-height); background: var(--p-bg); } .search-panel__panel { flex: 0 0 100%; } .search-panel__inner { display: flex; justify-content: center; align-items: center; gap: clamp(20px, 1.7123vw + 13.8356px, 40px); } } @layer element_local { .search-panel { background: transparent; } .search-panel .anchor { --icon-stroke: 1; } .search-panel__panel { padding-top: var(--rhythm-bg); padding-bottom: var(--rhythm-bg); } .search-panel__field { flex-grow: 1; display: flex; flex-direction: column; gap: 24px; } @media (min-width: 596px) { .search-panel__field { flex: 0 0 clamp(320px, 46.5753vw + 152.3287px, 864px); } } } @layer element_base { .section-footer { grid-column: 1/-1; display: grid; gap: 0.25em clamp(20px, 1.7123vw + 13.8356px, 40px); } .section-footer__inner { row-gap: 8px; } .section-footer .btn.\:version-3 { translate: calc(var(--btn-padding-x) * -1) 0; transition-property: opacity, color, background-color, border-color, translate; } @media (hover: hover) { .section-footer .btn.\:version-3:hover { translate: 0 0; } } } @layer element_base { .section-header { grid-column: 1/-1; display: grid; gap: 0.25em clamp(20px, 1.7123vw + 13.8356px, 40px); } .section-header__inner { row-gap: 8px; } .section-header__title { grid-column: 1/-1; margin: 0; font-size: clamp(18px, 0.5136vw + 16.1506px, 24px); font-family: "The Bold Font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.2; letter-spacing: 0.0833em; text-transform: uppercase; font-variant-numeric: lining-nums; color: var(--p-text-alt); } .section-header__abstract { grid-column: 1/-1; margin: 0; } @media (min-width: 740px) { .section-header__abstract { grid-column: 5/span 8; } } @media (min-width: 1084px) { .section-header__abstract { grid-column: 5/span 7; } } .section-header__button { grid-column: 1/-1; } @media (min-width: 740px) { .section-header--has-abstract .section-header__title { grid-column: 1/span 4; } } .section-header--has-abstract .section-header__button { grid-column: 12/span 1; } .section-header--no-abstract .section-header__inner { flex-wrap: wrap; justify-content: space-between; align-items: baseline; } } @layer element_local { .section-header:has(+ .promo) { margin-bottom: 0; } } @layer element_base { .select { --icon-stroke: 2; --icon-size: 32px; position: relative; } .select__inner { display: flex; align-items: center; gap: 0.3em; padding-inline: var(--field-padding-x); padding-block: var(--field-padding-y); padding-top: var(--field-padding-top, var(--field-padding-y)); padding-bottom: var(--field-padding-bottom, var(--field-padding-y)); width: 100%; border-width: var(--field-border-size); border-style: solid; border-color: var(--field-border-color, var(--field-border-color-value)); border-radius: 100vw; outline: none; background-color: var(--field-bg-color, var(--field-bg-color-value)); color: var(--field-text-color, var(--field-text-color-value)); font-size: clamp(20px, 0.1712vw + 19.3835px, 22px); font-family: "PT Serif", Constantia, "Lucida Serif", Lucida, "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; font-weight: 400; line-height: 1.4; letter-spacing: 0; text-transform: none; font-variant-numeric: oldstyle-nums; } .select__container { flex: 1 1 0; display: flex; align-items: center; overflow: hidden; } .select__value { flex: 1 0 0; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; line-height: 1.4; letter-spacing: 0; pointer-events: none; } .select__select { position: absolute; left: 0; top: 0; margin: 0; padding: 0; width: 100%; height: 100%; border: none; opacity: 0; cursor: pointer; } .select .field__label { white-space: nowrap; font-size: 13px; font-family: "The Bold Font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.2; letter-spacing: 0.0833em; text-transform: uppercase; font-variant-numeric: lining-nums; } .select .icon { flex: 0 0 var(--icon-size); pointer-events: none; } .select:not(.\:icon-only) .icon { margin-block: calc(var(--icon-size) / -2); } .select svg { width: var(--icon-size); height: var(--icon-size); } .select--sort { --field-padding-x: 0; --field-padding-y: 0; display: flex; align-items: baseline; gap: 0.2em; } .select--sort .field__label { margin: 0; white-space: nowrap; color: var(--p-caption); font-size: 13px; font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 400; line-height: 1.4; letter-spacing: 0em; text-transform: none; } .select--sort .select__inner { border: none; border-radius: 0; font-size: 13px; font-family: "The Bold Font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.2; letter-spacing: 0.0833em; text-transform: uppercase; font-variant-numeric: lining-nums; } .select--sort .icon { display: none; } } @layer element_local {} @layer element_base { .site-logo { --logo-width: clamp(96px, 6.1643vw + 73.8082px, 168px); --logo-ratio: 1.96; max-width: 100%; } .site-logo__link { display: flex; align-items: center; padding: 0; width: var(--logo-width); height: calc(var(--logo-width) / var(--logo-ratio, 1)); border: none; background: transparent; text-decoration: none; box-shadow: none; } .site-logo__text { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip-path: rect(0 0 0 0) !important; white-space: nowrap !important; border: 0 !important; } } @layer element_local { .site-logo .media-figure__source { -o-object-fit: contain; object-fit: contain; } .site-logo svg { width: 100%; height: 104%; } } @layer element_base { .social-anchor { --btn-padding-x: 3px; --btn-padding-y: 3px; flex: 0 0 40px; width: 40px; height: 40px; } .social-anchor svg { width: 100%; height: 100%; } } @layer element_base { .statistic__number { display: block; margin-bottom: 0.1em; color: var(--p-statistic); } .statistic__text { display: block; } .statistic__cite { display: block; padding-top: 0.85em; font-size: 13px; font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 400; line-height: 1.4; letter-spacing: 0em; text-transform: none; color: var(--p-caption); font-style: normal; } } @layer element_base { .tab-item__expandable-button { --btn-text-color-default: var(--p-tab-text-default); --btn-border-color-default: var(--p-tab-border-default); --btn-bg-color-default: var(--p-tab-bg-default); --btn-text-color-hover: var(--p-tab-text-hover); --btn-border-color-hover: var(--p-tab-border-hover); --btn-bg-color-hover: var(--p-tab-bg-hover); --btn-text-color-active: var(--p-tab-text-active); --btn-border-color-active: var(--p-tab-border-active); --btn-bg-color-active: var(--p-tab-bg-active); --btn-text-color-disabled: var(--p-tab-text-disabled); --btn-border-color-disabled: var(--p-tab-border-disabled); --btn-bg-color-disabled: var(--p-tab-bg-disabled); } .tab-item__expandable-button[aria-expanded=true] { background-color: var(--btn-bg-color, var(--btn-bg-color-active)); } .tab-item__expandable-button[aria-expanded=true]::before { border-color: var(--btn-border-color, var(--btn-border-color-active)); } @media (hover: hover) { .tab-item__expandable-button:hover[aria-expanded=true] { background-color: var(--btn-bg-color, var(--btn-bg-color-hover)); } .tab-item__expandable-button:hover[aria-expanded=true]::before { border-color: var(--btn-border-color, var(--btn-border-color-hover)); } } } @layer element_default { .tag { --link-border-color: transparent; display: inline-block; border-radius: 12px; background: var(--tag-bg-color, var(--tag-bg-color-default)); font-size: 11px; font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.4; letter-spacing: 0.09em; text-transform: uppercase; font-variant-numeric: lining-nums; color: var(--tag-text-color, var(--tag-text-color-default)); transition: all 240ms cubic-bezier(0.42, 0, 0.32, 1); } @media (hover: hover) { a.tag:hover { color: var(--tag-text-color, var(--tag-text-color-hover)); border-color: var(--tag-border-color, var(--tag-border-color-hover)); background-color: var(--tag-bg-color, var(--tag-bg-color-hover)); } } } @layer element_base { .tag { padding-inline: clamp(0.6em, 0.2739vw + 0.5369em, 0.8em); padding-block: clamp(0.1em, 0.4109vw + 0.0054em, 0.4em); } .tag__text { display: inline-block; translate: 0.045em 0; } } @layer element_base { .tag-group { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 8px; font-size: 11px; font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.4; letter-spacing: 0.09em; text-transform: uppercase; font-variant-numeric: lining-nums; } .tag-group li { display: flex; } } @layer element_local { .title .shy:has(+ .tag-group) { margin-right: 0.25em; } } @layer element_base { .title.external { --icon-size: 0.9em; --icon-margin: 0.2em; padding-right: calc(var(--icon-size) + var(--icon-margin)); } .title.external .icon.external-link { position: relative; left: 0.2em; top: -0.05em; display: inline-block; margin-right: calc((var(--icon-size) + var(--icon-margin)) * -1); } .title.external .icon.external-link svg { display: inline-block; } } @layer site_default { :root { --input-option-gap-x: 12px; --input-option-gap-y: 12px; } } @layer element_base { .toggle-input-group { --icon-size: 28px; position: relative; } .toggle-input-group__expandable-button svg { rotate: 90deg; transition: rotate 240ms cubic-bezier(0.42, 0, 0.32, 1); } .toggle-input-group__expandable-button[aria-expanded=true] svg { rotate: -90deg; } .toggle-input-group__options { display: flex; flex-direction: column; gap: var(--input-option-gap-y); } .toggle-input-group__expandable__content { padding: 2px 0 clamp(22px, 0.5136vw + 20.1506px, 28px) 0; } .toggle-input-group__summary { flex: 0 1 auto; flex: 1 0 0; margin-left: 0.8em; font-size: 15px; line-height: 1.4; letter-spacing: 0.06666em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; min-width: 0; } } @layer element_local { .toggle-input-group .toggle-input-group__expandable-button .button__text { display: flex; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .toggle-input-group .field-group legend { display: none; } .toggle-input-group .field-group label { margin-top: var(--input-option-gap-y); } .toggle-input-group [data-expandable-content]:has(> .field-group) { padding-block: 0; } } @layer site_base { :root { --toggle-input-border-size-default: 1px; --toggle-input-border-size-focus: 2px; } } @layer element_base { .toggle-input-option { --icon-size: 28px; display: flex; align-items: flex-start; gap: 0 var(--input-option-gap-x); font-size: clamp(20px, 0.1712vw + 19.3835px, 22px); line-height: 1.4; letter-spacing: 0; line-height: 1.4; cursor: pointer; } .toggle-input-option:has(.toggle-input-option__description) { display: grid; grid-template-columns: auto 1fr; } .toggle-input-option:has(.toggle-input-option__description) .toggle-input-option__container { grid-row: 1/span 2; } .toggle-input-option .toggle-input-option__container { position: relative; top: 1px; } .toggle-input-option .icon { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .toggle-input-option input:is([type=checkbox], [type=radio]) { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; display: block; width: var(--icon-size); height: var(--icon-size); border-color: var(--toggle-input-border-color, var(--toggle-input-border-color-default)); border-width: var(--toggle-input-border-size, var(--toggle-input-border-size-default)); border-style: solid; outline: var(--toggle-input-border-size, var(--toggle-input-border-size-focus)) solid transparent; outline-offset: calc(var(--toggle-input-border-size, var(--toggle-input-border-size-default)) * -1); background-color: var(--toggle-input-bg-color, var(--toggle-input-bg-color-default)); transition: border-color 240ms linear(0, 1); cursor: pointer; } .toggle-input-option input:is([type=checkbox], [type=radio]) ~ .icon { --p-icon: transparent; } @media (hover: hover) { .toggle-input-option input:is([type=checkbox], [type=radio]):hover { border-color: var(--toggle-input-border-color, var(--toggle-input-border-color-hover)); outline-color: var(--toggle-input-border-color, var(--toggle-input-border-color-focus)); background-color: var(--toggle-input-bg-color, var(--toggle-input-bg-color-hover)); } } .toggle-input-option input:is([type=checkbox], [type=radio]):focus { border-color: var(--toggle-input-border-color, var(--toggle-input-border-color-focus)); background-color: var(--toggle-input-bg-color, var(--toggle-input-bg-color-focus)); } .toggle-input-option input:is([type=checkbox], [type=radio]):checked { border-color: var(--toggle-input-border-color, var(--toggle-input-border-color-value)); background-color: var(--toggle-input-bg-color, var(--toggle-input-bg-color-value)); } .toggle-input-option input:is([type=checkbox], [type=radio]):checked ~ .icon { --p-icon: var(--toggle-input-icon-color, var(--toggle-input-icon-color-value)); } .toggle-input-option input[type=checkbox] { border-radius: 0; } .toggle-input-option input[type=radio] { border-radius: 50%; } .toggle-input-option:has(input:is([type=checkbox], [type=radio])[disabled]) { pointer-events: none; opacity: 0.4; } .toggle-input-option__children { margin-top: var(--input-option-gap-y); padding-left: 48px; } .toggle-input-option__description { margin-top: 0.1em; font-size: 16px; line-height: 1.4; letter-spacing: 0; } } @layer element_base { .video { --btn-media-inset: clamp(16px, 0.6849vw + 13.5342px, 24px); position: relative; overflow: hidden; } .video .media-figure__media { inset: 0; } .video video { position: relative; z-index: 1; } .video .video__image { position: absolute; inset: 0; z-index: 0; pointer-events: none; } .video .video__title { margin-bottom: 0; } .video[data-playing=false] .playback-toggle .text.pause { display: none; } .video[data-playing=false] .playback-toggle .icon.\:icon-pause { display: none; } .video[data-playing=false].\:poster-true video { z-index: 0; } .video[data-playing=false].\:poster-true .video__image { z-index: 1; } .video[data-playing=true] iframe { z-index: 1; } .video[data-playing=true] .playback-toggle .text.play { display: none; } .video[data-playing=true] .playback-toggle .icon.\:icon-play { display: none; } .video[data-playing=true] .video__image { display: none; } .video iframe { position: relative; inset: -1px; z-index: 1; display: block; width: calc(100% + 2px); height: calc(100% + 2px); } .video__control { position: absolute; left: auto; right: var(--btn-media-inset); top: auto; bottom: var(--btn-media-inset); z-index: 11; } .video.\:autoplay-false .video__control { inset: 50%; } .video.\:autoplay-false .playback-toggle { --icon-size: 52px; --btn-padding-x: 14px; --btn-padding-y: 14px; --btn-bg-color: var(--p-btn-v1-bg-default); translate: -50% -50%; scale: 1; transition-property: scale; } @media (hover: hover) { .video.\:autoplay-false .playback-toggle:hover { scale: 1.1; } } .video-autoplay iframe { position: absolute; left: 50%; top: 50%; translate: -50% -50%; pointer-events: none; } .youtube-standard .media-figure { margin: 0 !important; } .video[data-playing=false] .youtube-autoplay iframe { z-index: 0; } .video[data-playing=false] .youtube-autoplay .video__image { z-index: 1; } .video[data-playing=true] .youtube-autoplay iframe { z-index: 1; } .video[data-playing=true] .youtube-autoplay .video__image { z-index: 0; } } @layer element_local { .video__control { background-color: transparent; } .video__control .btn { --btn-border-width: 0; flex: 0 0 calc(var(--icon-size) + var(--btn-padding-x) * 2); } [uk-lightbox] ~ .video__control { z-index: 9; } @media (hover: hover) { [uk-lightbox]:has(.overlink:hover) ~ .video__control .playback-toggle { scale: 1.1; } } } @layer element_local { .anchor-card { --icon-size: 32px; --icon-stroke: 2; position: relative; overflow: hidden; transition: background-color 240ms cubic-bezier(0.42, 0, 0.32, 1); } @media (hover: hover) { .anchor-card:has(.overlink:hover) { --p-bg: var(--p-accent-1); } } .anchor-card__inner { flex: 1 1 0; flex-direction: column; } .anchor-card__image .media-figure__media { border-radius: 0; } .anchor-card__text { flex: 1 0 112px; display: flex; justify-content: space-between; align-items: center; gap: clamp(20px, 1.7123vw + 13.8356px, 40px); padding-block: clamp(22px, 0.5136vw + 20.1506px, 28px) clamp(24px, 0.6849vw + 21.5342px, 32px); } .anchor-card__title { margin: 0; line-height: 1.33; } .anchor-card__icon { flex: 0 0 var(--icon-size); } } @layer element_local {} @layer element_base { .card-nope { --p-icon: var(--p-accent-1); container-type: inline-size; } .card-nope .card__inner { position: relative; } .card-nope .card__inner > * { grid-column: 1/-1; } .card-nope .c-image { grid-row: auto/span 2; } .card-nope figure { overflow: hidden; } .card-nope figure.e-hover { position: absolute; inset: 0; z-index: 2; } .card-nope figure.e-hover .media-figure__source { opacity: 0; } .card-nope figure.e-hover .media-figure__media { background: none; } .card-nope figure.e-hover .image__loading { display: none; } .card-nope .c-text { grid-auto-rows: min-content; } .card-nope .title { margin-bottom: 0; } .card-nope .title.is-external { --icon-size: 24px; --icon-margin: 8px; padding-right: calc(var(--icon-size) + var(--icon-margin)); } .card-nope .title.is-external .icon.external-link { position: relative; left: 0.2em; top: 0; display: inline-block; margin-right: calc((var(--icon-size) + var(--icon-margin)) * -1); } .card-nope .title.is-external .icon.external-link svg { display: inline-block; } .card-nope .abstract { color: var(--p-caption); } @media (max-width: 359.98px) { .card-nope .abstract { display: none; } } .card-nope .card-meta { margin-top: 0.85em; } .card-nope .card-meta p { margin-top: 0.1em; font-size: 13px; font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 400; line-height: 1.4; letter-spacing: 0em; text-transform: none; color: var(--p-caption); } .card-nope .e-btn { position: relative; z-index: 11; justify-self: flex-start; order: 2; } .card-nope.\:version-1 { container-name: card-v1; } .card-nope.\:version-1 .title { font-size: clamp(24px, 1.7123vw + 17.8356px, 44px); font-family: "The Bold Font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: clamp(27.8769px, 1.6596vw + 21.9022px, 47.2615px); letter-spacing: clamp(-0.4904px, -0.035vw + 0.0442px, -0.0818px); text-transform: uppercase; font-variant-numeric: lining-nums; } @container card-v1 (max-width: 556px) { .card-nope.\:version-1 .title { margin-top: 0.55em; } .card-nope.\:version-1 .meta-header.tag-only { margin-top: 0; flex-wrap: wrap-reverse; height: 0; } .card-nope.\:version-1 .meta-header.tag-only .c-tag { flex-wrap: wrap-reverse; } } @container card-v1 (min-width: 556px) { .card-nope.\:version-1 > .p-inner { --grid-columns: 12; } .card-nope.\:version-1 .c-image { grid-column: auto/span 5; } .card-nope.\:version-1 .c-text { grid-column: auto/span 7; padding-top: var(--rhythm-gutter); border-top: 1px solid var(--p-line); } .card-nope.\:version-1 .meta-header { margin-top: 0; } .card-nope.\:version-1 .e-btn { grid-column: 6/span 7; } .card-nope.\:version-1.\:align-right .c-image { order: 1; } .card-nope.\:version-1.\:align-right .e-btn { grid-column-start: 1; } } @container card-v1 (min-width: 860px) { .card-nope.\:version-1 .c-image { grid-column: auto/span 6; } .card-nope.\:version-1 .c-text { grid-column: auto/span 6; } .card-nope.\:version-1 .e-btn { grid-column: 7/span 6; } } .card-nope.\:version-2 { container-name: card-v2; } .card-nope.\:version-2 .title { font-size: clamp(24px, 1.0273vw + 20.3013px, 36px); font-family: "The Bold Font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: clamp(27.8769px, 0.9957vw + 24.292px, 39.5076px); letter-spacing: clamp(-0.3269px, -0.021vw - 0.0062px, -0.0818px); text-transform: uppercase; font-variant-numeric: lining-nums; } @media (max-width: 595.98px) { .card-nope.\:version-2 .abstract { display: none; } } @container card-v2 (max-width: 428px) { .card-nope.\:version-2 .title { margin-top: 0.55em; } .card-nope.\:version-2 .meta-header.tag-only { margin-top: 0; flex-wrap: wrap-reverse; height: 0; } .card-nope.\:version-2 .meta-header.tag-only .c-tag { flex-wrap: wrap-reverse; } } @container card-v2 (min-width: 428px) { .card-nope.\:version-2 > .p-inner { --grid-columns: 12; } .card-nope.\:version-2 .c-image { grid-column: auto/span 5; } .card-nope.\:version-2 .c-text { grid-column: auto/span 7; } .card-nope.\:version-2 .meta-header { margin-top: 0; } .card-nope.\:version-2 .e-btn { grid-column: 6/span 7; } .card-nope.\:version-2.\:align-right .c-image { order: 1; } .card-nope.\:version-2.\:align-right .e-btn { grid-column-start: 1; } } @container card-v2 (min-width: 556px) { .card-nope.\:version-2 .c-image { grid-column: auto/span 4; } .card-nope.\:version-2 .c-text { grid-column: auto/span 8; } .card-nope.\:version-2 .e-btn { grid-column: 5/span 8; } .card-nope.\:version-2.\:align-right .e-btn { grid-column: 1/span 8; } } @container card-v2 (min-width: 700px) { .card-nope.\:version-2 .c-image { grid-column: auto/span 3; } .card-nope.\:version-2 .c-text { --grid-columns: 9; grid-column: auto/span 9; } .card-nope.\:version-2 .c-text > * { grid-column: 1/span 6; } .card-nope.\:version-2 .meta-header { grid-area: 1/1/span 1/-1; } .card-nope.\:version-2 .card-footer { grid-area: 2/7/span 99/span 3; margin-top: clamp(4px, 0.3424vw + 2.7671px, 8px); } .card-nope.\:version-2 .card-meta { margin-top: 0; } .card-nope.\:version-2 .e-btn { grid-column: 4/span 9; } .card-nope.\:version-2.\:align-right .e-btn { grid-column: 1/span 9; } } .card-nope.\:version-3 { container-name: card-v3; margin: 0 auto; width: 100%; max-width: 700px; } .card-nope.\:version-3 .abstract { display: none; } @container card-v3 (max-width: 428px) { .card-nope.\:version-3 .title { margin-top: 0.55em; } .card-nope.\:version-3 .meta-header.tag-only { margin-top: 0; flex-wrap: wrap-reverse; height: 0; } .card-nope.\:version-3 .meta-header.tag-only .c-tag { flex-wrap: wrap-reverse; } } @container card-v3 (min-width: 428px) { .card-nope.\:version-3 > .p-inner { --grid-columns: 12; } .card-nope.\:version-3 .c-image { grid-column: auto/span 5; } .card-nope.\:version-3 .c-text { grid-column: auto/span 7; } .card-nope.\:version-3 .meta-header { margin-top: 0; } .card-nope.\:version-3.\:align-right .c-image { order: 1; } .card-nope.\:version-3.\:align-right .e-btn { grid-column-start: 1; } } @container card-v3 (min-width: 556px) { .card-nope.\:version-3 .c-image { grid-column: auto/span 6; } .card-nope.\:version-3 .c-text { grid-column: auto/span 6; } } @media (hover: hover) { .card-nope .overlink:hover ~ .c-image figure.e-hover .media-figure__source { opacity: 1; } } } @layer element_local { .event-card__title { --link-shy-text-color: var(--link-shy-text-color-default); --link-border-offset: -0.1em; --link-border-size: 0.222em; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } [data-feed-items]:has(.event-card) { --item-min-width: 300px; } .event-card__header .meta-list__item--event-date { margin-block: 0; } } @layer element_local { .focus-area-card.\:version-1 { --link-shy-text-color: var(--p-text); --link-border-offset: -0.1em; --link-border-size: 0.222em; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; position: relative; container-type: normal; border-radius: 12px; overflow: hidden; text-align: center; transition: background-color 240ms cubic-bezier(0.42, 0, 0.32, 1); } .focus-area-card.\:version-1 .focus-area-card__text { padding: clamp(20px, 1.7123vw + 13.8356px, 40px); font-size: 16px; line-height: 1.4; letter-spacing: 0; } .focus-area-card.\:version-1 .focus-area-card__abstract { margin-block: 0; } @media (hover: hover) { .focus-area-card.\:version-1 .focus-area-card:has(.overlink:hover) { --p-bg: var(--color-lime); --p-text: var(--color-forest); } } .focus-area-card.\:version-2 { position: relative; container-type: normal; padding-block: var(--rhythm-small); border-bottom: 1px solid var(--p-line); } .focus-area-card.\:version-2 .focus-area-card__inner { border-radius: 8px; background-color: transparent; transition: background-color 240ms cubic-bezier(0.42, 0, 0.32, 1); } .focus-area-card.\:version-2 .focus-area-card__inner { display: flex; flex-direction: column; gap: 8px; } @media (min-width: 596px) { .focus-area-card.\:version-2 .focus-area-card__inner { flex-direction: row; align-items: center; gap: 16px; } } .focus-area-card.\:version-2 .focus-area-card__image { --image-scale: 1 !important; flex: 0 0 clamp(48px, 3.7671vw + 34.4383px, 92px); } .focus-area-card.\:version-2 .focus-area-card__image .image__media { border-radius: 8px; transition: border-radius 240ms cubic-bezier(0.42, 0, 0.32, 1); } .focus-area-card.\:version-2 .focus-area-card__text { font-size: 16px; line-height: 1.4; letter-spacing: 0; } .focus-area-card.\:version-2 .focus-area-card__title { --link-shy-border-color: transparent; --link-shy-bg-color: transparent; --link-border-offset: 0.15em; --link-border-size: 2px; font-size: 18px; font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.2; letter-spacing: 0em; text-transform: none; font-variant-numeric: oldstyle-nums; } .focus-area-card.\:version-2 .focus-area-card__abstract { display: none; } @media (hover: hover) { .focus-area-card.\:version-2:has(.overlink:hover) { --link-shy-text-color-hover: var(--color-cloud); } .focus-area-card.\:version-2:has(.overlink:hover) .focus-area-card__inner { background-color: var(--color-forest); } .focus-area-card.\:version-2:has(.overlink:hover) .image__media { border-top-right-radius: 0; border-bottom-right-radius: 0; } } [data-feed-items]:has(.focus-area-card.\:version-1) { --item-min-width: 300px; gap: 20px; } } @layer element_local { .person-card { position: relative; container-type: normal; } .person-card__image { border-radius: 12px; overflow: hidden; } .person-card__title { --link-shy-border-color-hover: var(--p-text); --link-border-size: 2px; --link-border-offset: 0.15em; margin-top: 0.85em; margin-bottom: 0.25em; } .person-card__footer { margin-block: 0; } .person-card__meta { font-size: 16px; font-family: "PT Serif", Constantia, "Lucida Serif", Lucida, "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; font-weight: 400; line-height: 1.4; letter-spacing: 0; text-transform: none; font-variant-numeric: oldstyle-nums; } .person-card__meta .meta-list__item { margin-block: 0.1em; color: var(--p-caption); } .feed__cards:has(.person-card) { --grid-gap-y: calc(clamp(20px, 1.7123vw + 13.8356px, 40px) * 2); } } @layer element_custom { .person-card { display: flex; } .person-card__inner { width: 100%; } } @layer element_base { .post-card { --p-icon: var(--p-accent-1); container-type: inline-size; position: relative; display: flex; flex-direction: column; } .post-card__inner { flex: 1 0 auto; grid-template-rows: auto 1fr; } .post-card__inner > * { grid-column: 1/-1; } .post-card__image { container: post-card-image/inline-size; grid-row: auto/span 2; } .post-card__image figure { overflow: hidden; } .post-card__image .btn.playback-toggle { --btn-padding: min(max(calc(2cqi + 2px), 8px), 16px); --icon-size: min(max(calc(9cqi + 4px), 32px), 68px); } .post-card__image .image__media { border-radius: 8px; } .post-card__text { grid-auto-rows: min-content; } .post-card__title { margin-block: 0; } .post-card__title.is-external { --icon-size: 24px; --icon-margin: 8px; padding-right: calc(var(--icon-size) + var(--icon-margin)); } .post-card__title.is-external .icon.external-link { position: relative; left: 0.2em; top: 0; display: inline-block; margin-right: calc((var(--icon-size) + var(--icon-margin)) * -1); } .post-card__title.is-external .icon.external-link svg { display: inline-block; } .post-card__header + .post-card__title { margin-top: 0.3em; } .post-card__abstract { margin-bottom: 0; } .post-card__meta .meta-list__item { margin-block: 0.25em; } .post-card__footer .post-card__meta { margin-top: 0.4em; } .post-card__button { position: relative; z-index: 11; justify-self: flex-start; order: 2; margin-top: auto; padding-top: 1.25em; } .post-card.\:version-1 { container-name: post-card-v1; } .post-card.\:version-1 .post-card__title { font-size: 14px; font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.2; letter-spacing: 0em; text-transform: none; font-variant-numeric: oldstyle-nums; } @media (max-width: 359.98px) { .post-card.\:version-1 .post-card__abstract { display: none; } } @media (min-width: 360px) { .post-card.\:version-1:has(.post-card__abstract) .post-card__footer .post-card__meta { margin-top: 2em; } } .post-card.\:version-1:has(.media-figure__button) .tag-group { padding-right: 48px; } @container post-card-v1 (max-width: 531.98px) { .post-card.\:version-1 .post-card__inner { display: flex; flex-direction: column; } .post-card.\:version-1 .tag-group { position: absolute; left: 6px; top: 6px; } .post-card.\:version-1 .post-card__text { padding-top: 0.8em; } .post-card.\:version-1 .post-card__title { --link-shy-border-color-hover: var(--link-shy-text-color-hover); --link-border-offset: 0.15em; --link-border-size: 2px; } .post-card.\:version-1.has-image .post-card__header:has(.tag-group) + .post-card__title { margin-top: 0; } } @container post-card-v1 (min-width: 532px) { .post-card.\:version-1 .post-card__inner { --grid-columns: 12; } .post-card.\:version-1 .post-card__image { grid-column: auto/span 5; } .post-card.\:version-1 .post-card__text { grid-column: auto/span 7; } .post-card.\:version-1 .meta-header { margin-top: 0; } .post-card.\:version-1 .post-card__button { grid-column: 6/span 7; } .post-card.\:version-1.\:align-right .post-card__image { order: 1; } .post-card.\:version-1.\:align-right .post-card__button { grid-column-start: 1; } } @container post-card-v1 (min-width: 836px) { .post-card.\:version-1 .post-card__image { grid-column: auto/span 6; } .post-card.\:version-1 .post-card__text { grid-column: auto/span 6; } .post-card.\:version-1 .post-card__title { --link-border-offset: -0.1em; --link-border-size: 0.222em; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; font-size: clamp(24px, 1.7123vw + 17.8356px, 44px); font-family: "The Bold Font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: clamp(27.8769px, 1.6596vw + 21.9022px, 47.2615px); letter-spacing: clamp(-0.4904px, -0.035vw + 0.0442px, -0.0818px); text-transform: uppercase; font-variant-numeric: lining-nums; } .post-card.\:version-1 .post-card__button { grid-column: 7/span 6; } } .post-card.\:version-2 { container-name: post-card-v2; } .post-card.\:version-2 .post-card__title { --link-border-offset: 0.1em; font-size: clamp(24px, 1.0273vw + 20.3013px, 36px); font-family: "The Bold Font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: clamp(27.8769px, 0.9957vw + 24.292px, 39.5076px); letter-spacing: clamp(-0.3269px, -0.021vw - 0.0062px, -0.0818px); text-transform: uppercase; font-variant-numeric: lining-nums; } @container post-card-v2 (max-width: 403.98px) { .post-card.\:version-2.has-image .tag-group { position: absolute; left: 6px; top: calc(clamp(20px, 1.7123vw + 13.8356px, 40px) + 6px); } .post-card.\:version-2 .post-card__text { padding-top: 0.8em; } .post-card.\:version-2.has-image .post-card__header:has(.tag-group) + .post-card__title { margin-top: 0; } } @container post-card-v2 (min-width: 404px) { .post-card.\:version-2 .post-card__inner { --grid-columns: 12; } .post-card.\:version-2 .post-card__image { grid-column: auto/span 4; } .post-card.\:version-2 .meta-header { margin-top: 0; } .post-card.\:version-2 .post-card__button { grid-column: 6/span 7; } .post-card.\:version-2.\:align-right .post-card__image { order: 1; } .post-card.\:version-2.\:align-right .post-card__button { grid-column-start: 1; } .post-card.\:version-2.no-image .post-card__text { grid-column: 1/-1; } .post-card.\:version-2.has-image .post-card__text { grid-column: span 8/-1; } } @container post-card-v2 (max-width: 531.98px) { .post-card.\:version-2 .post-card__abstract { display: none; } } @container post-card-v2 (min-width: 532px) { .post-card.\:version-2 .post-card__footer .post-card__meta { margin-top: 2em; } } @container post-card-v2 (min-width: 836px) { .post-card.\:version-2 .post-card__image { grid-column: auto/span 3; } .post-card.\:version-2 .post-card__title { --link-border-size: 3px; } .post-card.\:version-2 .meta-header { grid-area: 1/1/span 1/-1; } .post-card.\:version-2 .post-card__footer { grid-area: 2/span 3/span 99/-1; margin-top: clamp(4px, 0.3424vw + 2.7671px, 8px); } .post-card.\:version-2 .post-card__footer .post-card__meta { margin-top: 0; } .post-card.\:version-2 .post-card__button { grid-column: 4/span 9; } .post-card.\:version-2.\:align-right .post-card__button { grid-column: 1/span 9; } .post-card.\:version-2.no-image .post-card__text { --grid-columns: 12; } .post-card.\:version-2.no-image .post-card__text > :not(.post-card__footer) { grid-column: 1/span 9; } .post-card.\:version-2.has-image .post-card__text { --grid-columns: 9; grid-column: span 9/-1; } .post-card.\:version-2.has-image .post-card__text > :not(.post-card__footer) { grid-column: 1/span 6; } } .post-card.\:version-3 { container-name: post-card-v3; margin: 0 auto; width: 100%; max-width: 700px; } .post-card.\:version-3 .post-card__abstract { display: none; } @container post-card-v3 (min-width: 404px) { .post-card.\:version-3 .post-card__inner { --grid-columns: 12; } .post-card.\:version-3 .post-card__image { grid-column: auto/span 5; } .post-card.\:version-3 .post-card__text { grid-column: auto/span 7; } .post-card.\:version-3 .meta-header { margin-top: 0; } .post-card.\:version-3.\:align-right .post-card__image { order: 1; } .post-card.\:version-3.\:align-right .post-card__button { grid-column-start: 1; } } @container post-card-v3 (min-width: 532px) { .post-card.\:version-3 .post-card__image { grid-column: auto/span 6; } .post-card.\:version-3 .post-card__text { grid-column: auto/span 6; } } @media (hover: hover) { .post-card .overlink:hover ~ .post-card__image figure.e-hover .media-figure__source { opacity: 1; } } } @layer element_local { .feed.\:arrange-grid [data-feed-items]:has(.post-card) { row-gap: clamp(32px, 2.7397vw + 22.1369px, 64px); } } @layer element_local { .program-card { --link-shy-text-color: var(--link-shy-text-color-default); --link-border-offset: -0.1em; --link-border-size: 0.222em; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; position: relative; container-type: normal; border-radius: 12px; overflow: hidden; text-align: center; } .program-card__inner { display: flex; flex-direction: column; height: 100%; } .program-card__kicker { margin-bottom: 0; } .program-card__title { margin-top: 0.25em; } .program-card__text { flex: 1 0 auto; display: flex; flex-direction: column; padding: clamp(20px, 1.7123vw + 13.8356px, 40px); font-size: 16px; line-height: 1.4; letter-spacing: 0; } .program-card__abstract { margin-block: 0; } .program-card__button { margin-top: auto; padding-top: var(--rhythm-flow); } [data-feed-items]:has(.program-card) { --item-min-width: 300px; gap: 20px; } } @layer element_local {} @layer element_local { .search-result-card { border-bottom: 1px solid var(--p-line); } .search-result-card > .p-inner { display: grid; --grid-columns: 1; padding-block: var(--rhythm-flow); } @media (min-width: 596px) { .search-result-card > .p-inner { --grid-columns: 10; } } @media (min-width: 900px) { .search-result-card > .p-inner { --grid-columns: 8; } } .search-result-card .c-text { grid-column: 1/-1; } @media (min-width: 740px) { .search-result-card .c-text { grid-column: 1/span 6; } } @media (min-width: 900px) { .search-result-card .c-text { grid-column: 1/span 5; } } .search-result-card .title { line-height: 1.33; } .search-result-card .abstract { color: var(--p-text); } .search-result-card .c-image { grid-column: 1/-1; margin-top: var(--rhythm-flow); } @media (min-width: 740px) { .search-result-card .c-image { grid-column: 7/span 4; margin-top: 0; } } @media (min-width: 900px) { .search-result-card .c-image { grid-column: 6/span 3; } } @media (min-width: 1292px) { .search-result-card .c-image { grid-column: 7/span 2; } } .search-result-card .media-figure__media { border-radius: 0; } } @layer component_default { .accordion { grid-column: 1/-1; } } @layer component_base { .accordion { border-bottom: 1px solid var(--p-line); } } @layer component_base { .alert { --icon-stroke: 2; } .alert__inner { position: relative; display: flex; flex-direction: column; gap: clamp(20px, 1.7123vw + 13.8356px, 40px); padding-block: clamp(20px, 1.7123vw + 13.8356px, 40px); } @media (min-width: 740px) { .alert__inner { flex-direction: row; justify-content: center; align-items: center; gap: clamp(20px, 1.7123vw + 13.8356px, 40px); } } .alert__text { max-width: 600px; font-size: 16px; line-height: 1.4; letter-spacing: 0; } @media (max-width: 739.98px) { .alert__text { padding-right: calc(var(--icon-size) + clamp(20px, 1.7123vw + 13.8356px, 40px)); } } @media (min-width: 740px) { .alert__text { padding-left: calc(var(--icon-size) + clamp(20px, 1.7123vw + 13.8356px, 40px)); padding-right: 0; } } .alert__text :is(ul, ol) { margin-block: 0.85em; } .alert__button { padding-right: calc(var(--icon-size) + clamp(20px, 1.7123vw + 13.8356px, 40px)); } @media (max-width: 739.98px) { .alert__button { margin-top: 8px; } } .alert__close { position: absolute; } @media (max-width: 739.98px) { .alert__close { right: 6px; top: 6px; } } @media (min-width: 740px) { .alert__close { right: 0; top: 50%; translate: 0 -50%; margin-right: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) - 10px); } } .alert__close .btn { --btn-border-color: transparent; } } @layer component_base { .anchor-card-group { --link-border-color: transparent; } .anchor-card-group .anchor-card { grid-column: 1/-1; } @media (min-width: 740px) { .anchor-card-group .anchor-card { grid-column: auto/span 6; } } @media (min-width: 1084px) { .anchor-card-group .anchor-card { grid-column: auto/span 4; } } .anchor-card-group__cards { grid-column: 1/-1; row-gap: clamp(24px, 0.6849vw + 21.5342px, 32px); margin-top: var(--rhythm-flow); } } @layer component_base { @media (min-width: 740px) { .anchor-group__items { -moz-columns: 2; columns: 2; -moz-column-gap: clamp(20px, 1.7123vw + 13.8356px, 40px); column-gap: clamp(20px, 1.7123vw + 13.8356px, 40px); } } .anchor-group__item { padding-top: 0.85em; -moz-column-break-inside: avoid; break-inside: avoid-column; } } @layer component_local { .anchor-group__item .anchor__link { display: inline-block; } } @layer component_local {} @layer component_default { .button-group { grid-column: 1/-1; display: flex; flex-wrap: wrap; } } @layer component_base { .button-group { gap: 24px; justify-content: center; } } @layer component_base {} @layer component_base {} @layer component_base {} @layer component_base { .donate-form { position: relative; } .donate-form__text { grid-column: 1/-1; position: relative; z-index: 2; } @media (max-width: 899.98px) { .donate-form__text { margin-bottom: var(--rhythm-default); } } @media (min-width: 740px) { .donate-form__text { grid-column: 1/span 8; } } @media (min-width: 900px) { .donate-form__text { grid-column: 1/span 6; } } @media (min-width: 1084px) { .donate-form__text { grid-column: 1/span 5; } } .donate-form__form { grid-column: 1/-1; position: relative; z-index: 2; padding: clamp(20px, 5.1369vw + 1.5068px, 80px); border-radius: 12px; background-color: var(--p-bg); } @media (min-width: 900px) { .donate-form__form { grid-column: span 6/-1; } } .donate-form__graphic { position: absolute; inset: 70% 0 0 0; z-index: 1; pointer-events: none; } .donate-form__graphic .icon { --p-icon: var(--p-line); --icon-size: 100%; display: block; } } @layer component_default {} @layer component_default { [data-expandable] { display: grid; grid-template-rows: 0fr; } [data-expandable] > .expandable__outer { overflow: hidden; } [data-expandable] > .expandable__overlay { position: fixed; inset: 0; z-index: 0; background: var(--p-overlay-bg); opacity: 0; pointer-events: none; transition: opacity 240ms linear(0, 1); } [data-expandable][data-is-active=false][aria-busy=false] { clip-path: rect(0 0 0 0); } [data-expandable][data-is-active=true] { grid-template-rows: 1fr; } [data-expandable][data-is-active=true] > .expandable__overlay { pointer-events: auto; opacity: 1; } [data-expandable][data-is-active=true][aria-busy=false] > .expandable__outer { overflow: visible; } [data-expandable-btn][data-expand-once=true] { opacity: 1; } [data-expandable-btn][data-expand-once=true][aria-expanded=true] { opacity: 0; pointer-events: none; } } @layer component_base { [data-expandable] { transition-property: grid-template-rows; transition-duration: 240ms; transition-timing-function: cubic-bezier(0.42, 0, 0.32, 1); } [data-expandable-btn][data-expand-once=true] { transition-property: opacity; transition-duration: 240ms; transition-timing-function: cubic-bezier(0.42, 0, 0.32, 1); } } @layer component_default { .feed.\:arrange-grid.\:wrap-false .feed__cards { display: flex; scroll-snap-type: x mandatory; } .feed.\:arrange-grid.\:wrap-false .card { scroll-snap-align: start; } } @layer component_base { .feed.\:arrange-grid .feed__cards { margin-left: 0; margin-right: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) * -1); padding-left: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) * 1); translate: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) * -1) 0; overflow: hidden; } .feed.\:arrange-rows .card { padding-block: var(--rhythm-gutter); border-bottom: 1px solid var(--p-line); } .feed.\:arrange-rows .card:last-child { border-bottom: none; } .feed.\:arrange-grid.\:wrap-false .feed__cards { margin-inline: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) * -1); padding-left: 0; translate: 0 0; overflow-x: auto; gap: 0; padding-bottom: 40px; } .feed.\:arrange-grid.\:wrap-false .card { box-sizing: content-box; flex: 0 0 260px; padding-left: clamp(20px, 1.7123vw + 13.8356px, 40px); } .feed.\:arrange-grid.\:wrap-false .card:nth-child(1):nth-last-child(n+3), .feed.\:arrange-grid.\:wrap-false .card:nth-child(1):nth-last-child(n+3) ~ * { flex-grow: 1; } .feed.\:arrange-grid.\:wrap-false .card:first-child { padding-left: clamp(20px, 2.0547vw + 12.6027px, 44px); } .feed.\:arrange-grid.\:wrap-false .card:last-child { padding-right: clamp(20px, 2.0547vw + 12.6027px, 44px); } .feed.\:item-width-fit .feed__cards { --item-repeat: auto-fit; } } @layer component_local { .feed.\:layout-tiered [data-feed-items] { row-gap: 40px; } .feed.\:layout-tiered .card { grid-column: 1/-1; } @media (min-width: 596px) and (max-width: 899.98px) { .feed.\:layout-tiered .card { grid-column: auto/span 6; } .feed.\:layout-tiered .card:nth-child(1):nth-last-child(2n+1) { grid-column: 1/-1; } } @media (min-width: 900px) and (max-width: 1291.98px) { .feed.\:layout-tiered .card { grid-column: auto/span 4; } .feed.\:layout-tiered .card:nth-child(1):nth-last-child(n+2):nth-last-child(3n+2), .feed.\:layout-tiered .card:nth-child(1):nth-last-child(n+2):nth-last-child(3n+2) + article { grid-column: auto/span 6; } .feed.\:layout-tiered .card:nth-child(1):nth-last-child(n+4):nth-last-child(3n+1), .feed.\:layout-tiered .card:nth-child(1):nth-last-child(n+4):nth-last-child(3n+1) ~ article:nth-child(-n+4) { grid-column: auto/span 6; } } @media (min-width: 1292px) { .feed.\:layout-tiered .card { grid-column: auto/span 3; } .feed.\:layout-tiered .card:nth-child(1):nth-last-child(-n+2), .feed.\:layout-tiered .card:nth-child(1):nth-last-child(-n+2) + article { grid-column: auto/span 6; } .feed.\:layout-tiered .card:nth-child(1):nth-last-child(n+3):nth-last-child(4n+3), .feed.\:layout-tiered .card:nth-child(1):nth-last-child(n+3):nth-last-child(4n+3) ~ article:nth-child(-n+3) { grid-column: auto/span 4; } .feed.\:layout-tiered .card:nth-child(1):nth-last-child(n+5):nth-last-child(4n+1), .feed.\:layout-tiered .card:nth-child(1):nth-last-child(n+5):nth-last-child(4n+1) ~ article:nth-child(-n+2) { grid-column: auto/span 6; } .feed.\:layout-tiered .card:nth-child(1):nth-last-child(n+5):nth-last-child(4n+1) ~ article:nth-child(n+3):nth-child(-n+5) { grid-column: auto/span 4; } .feed.\:layout-tiered .card:nth-child(1):nth-last-child(n+6):nth-last-child(4n+2), .feed.\:layout-tiered .card:nth-child(1):nth-last-child(n+6):nth-last-child(4n+2) ~ article:nth-child(-n+6) { grid-column: auto/span 4; } } @media (max-width: 467.98px) { .feed:has(.section-footer) .section-header .btn { display: none; } } @media (min-width: 468px) { .feed:has(.section-footer) .section-footer { display: none; } } } @layer component_default { .filter { --icon-stroke: 1.5; grid-column: 1/-1; } .filter[data-is-active=false] .filter__load-more .icon.\:icon-loading { display: none; } .filter[data-is-active=true] .filter__load-more .icon.\:icon-more { display: none; } [data-filter-root] { position: relative; } [data-filter-response] { opacity: 1; transition: opacity 480ms cubic-bezier(0.42, 0, 0.32, 1); } [data-filter-applied] { display: flex; flex-wrap: wrap; gap: 16px; } [data-load-more-button]:not([href]) { opacity: 0; pointer-events: none; } .filter__loading { position: absolute; top: 0; left: 50%; translate: -50% 0; display: flex; justify-content: center; opacity: 0; pointer-events: none; transition: opacity 240ms cubic-bezier(0, 0, 0.32, 1); } .filter[data-is-obsolete=true] [data-filter-response] { opacity: 0.3; pointer-events: none; } .filter[data-is-obsolete=true] .filter__loading { opacity: 1; } } @layer component_base { [data-filter-criteria] { margin-bottom: var(--rhythm-flow); } [data-filter-criteria] .toggle-input-group__expandable-button { --btn-border-size: 0; --btn-bg-color: transparent; --btn-text-color: var(--p-btn-v2-text-default); --icon-size: 28px; justify-content: space-between; width: 100%; } .filter__fields-primary { display: flex; } .filter__panel { position: fixed; left: 100%; top: 0; bottom: 0; z-index: 1101; display: block; width: clamp(304px, 5.4794vw + 284.2739px, 368px); background-color: transparent; } .filter__panel[data-is-active=true] { left: calc(100% - clamp(304px, 5.4794vw + 284.2739px, 368px)); } .filter__panel[data-is-active=false] { pointer-events: none; } .filter__panel .toggle-input-group { border-bottom: 1px solid var(--p-line); } .filter__expandable__outer { overflow: visible !important; } .filter__expandable__content { position: relative; z-index: 1; display: flex; flex-direction: column; background-color: var(--p-bg); height: 100dvh; } .filter__panel-inner { flex: 1 1 auto; padding-inline: clamp(20px, 1.0273vw + 16.3013px, 32px); padding-block: clamp(16px, 0.6849vw + 13.5342px, 24px); overflow-x: hidden; overflow-y: auto; } .filter__panel-inner .toggle-input-group__expandable-button { --btn-padding-x: 0; } .filter__panel-header, .filter__panel-footer { padding-inline: clamp(20px, 1.0273vw + 16.3013px, 32px); padding-block: clamp(16px, 0.6849vw + 13.5342px, 24px); } .filter__panel-header { display: flex; justify-content: space-between; align-items: center; gap: 16px; border-bottom: 1px solid var(--p-line); } .filter__panel-header [data-expandable-close] { --btn-border-size: 0; --btn-bg-color: transparent; --btn-text-color: var(--p-btn-v2-text-default); --icon-size: 24px; --icon-stroke: 2; } .filter__panel-title { margin: 0; } .filter__panel-footer { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 24px; border-top: 1px solid var(--p-line); } .filter__panel-footer [data-expandable-close] { flex: 0 0 100%; } .filter__panel-result-count { font-size: 16px; line-height: 1.4; letter-spacing: 0; color: var(--p-caption); } .filter.\:layout-row .filter__criteria-primary { flex: 1 0 auto; display: flex; } @media (max-width: 595.98px) { .filter.\:layout-row .filter__criteria-primary { flex-wrap: wrap; row-gap: 16px; } } @media (min-width: 596px) { .filter.\:layout-row .filter__criteria-primary { height: 100%; } } .filter.\:layout-row .filter__criteria-primary .select { display: flex; flex-direction: column; } @media (min-width: 596px) { .filter.\:layout-row .filter__criteria-primary .select { --field-border-color: var(--p-line); --field-padding-x: 20px; --field-padding-y: 12px; --icon-size: 24px; flex-direction: row; align-items: baseline; gap: 16px; } } .filter.\:layout-row .filter__criteria-primary .select__inner { width: 100%; } @media (min-width: 596px) { .filter.\:layout-row .filter__criteria-primary .select__inner { width: 256px; } } .filter.\:layout-row .filter__criteria-primary .field.\:type-search { --icon-size: 32px; --icon-stroke: 2; --field-padding-left: 0; --field-padding-y: 16px; --field-border-size: 0; } @media (max-width: 595.98px) { .filter.\:layout-row .filter__criteria-primary .field.\:type-search { --field-icon-position-x: 0px; border-bottom: 1px solid var(--p-line); } } @media (min-width: 596px) { .filter.\:layout-row .filter__criteria-primary .field.\:type-search { --field-icon-position-x: calc(var(--field-padding-x) * 0.5); padding-right: 16px; border-right: 1px solid var(--p-line); } } .filter.\:layout-row .filter__criteria-primary .field__input--search { font-size: 18px; line-height: 1.4; letter-spacing: 0; } @media (min-width: 596px) { .filter.\:layout-row .filter__criteria-primary .field__input--search { height: 100%; } } @media (max-width: 595.98px) { .filter.\:layout-row .filter__criteria-primary .toggle-input-group { --btn-padding-x: 0; border-bottom: 1px solid var(--p-line); } } @media (min-width: 596px) { .filter.\:layout-row .filter__criteria-primary .toggle-input-group { border-right: 1px solid var(--p-line); } } .filter.\:layout-row .filter__criteria-primary .toggle-input-group__summary { font-weight: 400; } @media (max-width: 595.98px) { .filter.\:layout-row .filter__criteria-primary .toggle-input-group__expandable-button { --btn-padding-x: 0; } } @media (min-width: 596px) { .filter.\:layout-row .filter__criteria-primary .toggle-input-group__expandable-button { height: 100%; } } @media (min-width: 596px) { .filter.\:layout-row .filter__criteria-primary .toggle-input-group__expandable { position: absolute; left: 0; top: calc(100% + 1px); z-index: 1; width: 300px; } .filter.\:layout-row .filter__criteria-primary .toggle-input-group__expandable__outer { box-shadow: 0 12px 24px 0 #00000014; } .filter.\:layout-row .filter__criteria-primary .toggle-input-group__options { padding: clamp(16px, 0.6849vw + 13.5342px, 24px); background-color: var(--p-bg); } } .filter.\:layout-row .filter__fields-primary { flex: 1 0 auto; flex-wrap: wrap; gap: 24px 32px; max-width: 100%; } .filter.\:layout-row .filter__criteria-header { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip-path: rect(0 0 0 0) !important; white-space: nowrap !important; border: 0 !important; } @media (min-width: 596px) { .filter.\:layout-row .filter__fields-secondary__expandable-button { --btn-border-size: 0; --btn-padding-y: 0; height: 100%; } } .filter.\:layout-sidebar .filter__inner { --grid-columns: 12; } .filter.\:layout-sidebar .section-header { margin-bottom: clamp(20px, 1.7123vw + 13.8356px, 40px); } .filter.\:layout-sidebar [data-filter-criteria] { grid-column: 1/-1; } @media (min-width: 900px) { .filter.\:layout-sidebar [data-filter-criteria] { grid-column: 1/span 3; } } .filter.\:layout-sidebar .filter__criteria-header { margin-top: clamp(20px, 1.7123vw + 13.8356px, 40px); } .filter.\:layout-sidebar .filter__fields-primary { flex-direction: column; gap: 0; } .filter.\:layout-sidebar .filter__fields-primary .field.\:type-search { order: -1; } .filter.\:layout-sidebar .filter__fields-primary .toggle-input-group { border-top: 1px solid var(--p-line); } .filter.\:layout-sidebar .filter__fields-primary .toggle-input-group__expandable-button { --btn-padding-x: 0; justify-content: space-between; width: 100%; text-align: left; } .filter.\:layout-sidebar .filter__fields-secondary__expandable-button { width: 100%; } .filter.\:layout-sidebar [data-filter-root] { grid-column: 1/-1; } @media (min-width: 900px) { .filter.\:layout-sidebar [data-filter-root] { grid-column: auto/span 9; } } .filter__feed-header { display: flex; flex-wrap: wrap; align-items: baseline; gap: 20px; padding-bottom: 8px; border-bottom: 1px solid var(--p-line); } .filter__feed-header [data-filter-reset] { margin-right: auto; } .filter__meta-header { flex: 1 0 100%; } .filter__feed-summary { margin: 0; } .filter__feed-result-count { font-size: 16px; line-height: 1.4; letter-spacing: 0; } .filter__load-more { display: flex; justify-content: center; } .filter__loading { --icon-size: 48px; --icon-stroke: 4; --p-icon: var(--p-accent-1); padding: var(--rhythm-feature) 0; } } @layer component_local { .filter:not(:has([data-filter-criteria])) .filter__feed { margin-top: 0; } .filter__feed { margin-block: 0; } .filter__panel { transition: left 240ms cubic-bezier(0, 0, 0.32, 1); } } @layer component_local {} @layer component_local { .image-grid .image { grid-column: 1/-1; margin-block: 0; } @media (min-width: 596px) and (max-width: 1083.98px) { .image-grid .image { grid-column: auto/span 6; } .image-grid .image:only-child { grid-column: 4/span 6; } .image-grid .image:nth-child(1):nth-last-child(2n+1) { grid-column: 1/-1; } } @media (min-width: 1084px) { .image-grid .image { grid-column: auto/span 4; } .image-grid .image:only-child { grid-column: 4/span 6; } .image-grid .image:nth-child(1):nth-last-child(n+2):nth-last-child(3n+2), .image-grid .image:nth-child(1):nth-last-child(n+2):nth-last-child(3n+2) + .image { grid-column: auto/span 6; } .image-grid .image:nth-child(1):nth-last-child(n+4):nth-last-child(3n+1), .image-grid .image:nth-child(1):nth-last-child(n+4):nth-last-child(3n+1) ~ .image:nth-child(-n+4) { grid-column: auto/span 6; } } .image-grid .image__caption { font-size: 13px; font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 400; line-height: 1.4; letter-spacing: 0em; text-transform: none; } .image-grid__inner { row-gap: clamp(20px, 1.7123vw + 13.8356px, 40px); } } @layer component_base { .logo-rail :focus-visible { outline: none; } .logo-rail__items { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: calc(clamp(20px, 1.7123vw + 13.8356px, 40px) * 1.25); } .logo-rail__slider { position: relative; } @media (min-width: 596px) { .logo-rail__slider { padding-inline: calc(var(--icon-size) * 2); } } .logo-rail__slider-items { display: flex; align-items: center; gap: 0; } .logo-rail__slider-item { padding-inline: calc(clamp(20px, 1.7123vw + 13.8356px, 40px) / 2); width: 50%; height: 72px; } @media (min-width: 596px) { .logo-rail__slider-item { width: 33.33%; } } @media (min-width: 1084px) { .logo-rail__slider-item { width: 25%; } } .logo-rail__nav { position: absolute; left: 0; top: 50%; display: flex; justify-content: space-between; width: 100%; translate: 0 -50%; } @media (max-width: 595.98px) { .logo-rail__nav { display: none; } } .logo-rail__nav-button { --btn-border-color: transparent; } .logo-rail__nav-button > svg { display: none; } .logo-rail__button { display: flex; justify-content: center; } } @layer component_local { .logo-rail .media-figure__source { -o-object-fit: contain; object-fit: contain; } .logo-rail__item .media-figure__source { width: auto; height: auto; max-width: 256px; max-height: 88px; } } @layer component_default { .masthead { position: absolute; left: 0; right: 0; top: 0; z-index: 1001; } .masthead.\:sticky-true { position: sticky; } .masthead > * { position: relative; z-index: 20; } .masthead__nav-main { display: grid; } .masthead__nav-main .btn.\:icon-only { --btn-border-color: transparent; } .masthead__nav-primary { width: 100%; } .masthead__nav-primary__inner { display: flex; justify-content: space-between; } .masthead__icon { display: flex; align-items: center; } .masthead__icon--search { order: 40; } .masthead__icon--toggle { order: 50; margin-right: calc(10px * -1); } @media (min-width: 1084px) { .masthead:not(.\@sticky-compact) .masthead__icon--toggle { display: none; } .masthead:not(.\@sticky-compact) .masthead__icon--search { margin-right: calc(10px * -1); } } .nav-item--has-children { position: relative; } :is(.nav-masthead-primary-desktop, .nav-masthead-secondary-desktop) .nav-dropdown__expandable { position: absolute; top: 100%; padding-top: 0; width: -moz-max-content; width: max-content; max-width: 280px; } :is(.nav-masthead-primary-desktop, .nav-masthead-secondary-desktop) .nav-dropdown__expandable .nav-container { padding-inline: 24px; padding-block: 14px; background: var(--p-bg); overflow: hidden; } .nav-masthead-primary-desktop { order: 30; display: flex; gap: 24px; margin-right: 12px; } @media (max-width: 1083.98px) { .nav-masthead-primary-desktop { display: none; } } .nav-masthead-primary-desktop .nav-item { display: flex; align-items: center; } .nav-masthead-primary-desktop .nav-item--has-children { position: relative; } .nav-masthead-primary-desktop .nav-dropdown__expandable { left: 0; } .masthead__nav-primary__inner { position: relative; } .masthead__nav-secondary { order: 35; } @media (max-width: 1083.98px) { .masthead__nav-secondary { margin-right: 12px; } } .nav-masthead-secondary-desktop { display: flex; } @media (min-width: 1084px) { .nav-masthead-secondary-desktop { position: absolute; right: 0; top: 0; width: 100%; } } .nav-masthead-secondary-desktop .nav-dropdown__expandable { right: 0; } .nav-masthead-cta-desktop { order: 15; } @media (min-width: 1084px) { .nav-masthead-cta-desktop { order: 60; } } .masthead-panel__expandable { position: absolute; left: 0; top: clamp(73px, 3.8527vw + 59.1301px, 118px); z-index: 10; display: grid; width: 100%; } @media (min-width: 1084px) { .masthead-panel__expandable { top: 0; } } .masthead-panel__expandable__outer { position: relative; z-index: 20; } .nav-dropdown__expandable { z-index: 30; } .nav-megamenu__expandable { z-index: -1; } .palette-tracker { display: none; } } @layer component_base { .masthead { --masthead-border-color: var(--p-line); --masthead-border-size: 0px; height: clamp(73px, 3.8527vw + 59.1301px, 118px); background-color: var(--p-bg); transition-property: height, color, border-color, background-color; } .masthead .site-logo { flex: 0 1 var(--logo-width); order: 10; margin-right: auto; } .masthead__article-title { order: 20; display: flex; align-items: center; margin-inline: auto; min-width: 0; translate: 0 -4%; font-weight: 700; } .masthead__article-title span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (max-width: 1083.98px) { .masthead__article-title { display: none; } } .nav-item__expandable-button { --btn-icon-gap: 2px; --icon-size: 18px; } .nav-item__expandable-button::before { display: none; } .nav-item__expandable-button .icon { pointer-events: none; } .nav-item__expandable-button svg { rotate: 90deg; transition: all 240ms cubic-bezier(0.42, 0, 0.32, 1); } .nav-item__expandable-button[aria-expanded=true] svg { rotate: -90deg; } .nav-dropdown__container { font-size: 18px; font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.2; letter-spacing: 0em; text-transform: none; font-variant-numeric: oldstyle-nums; } .nav-dropdown__container .anchor__link { display: block; padding-block: 0.25em; } .masthead__nav-main { transition-property: color, border-color, background-color; } .masthead__nav-main::before { content: ""; position: absolute; inset: 0; z-index: 0; background: var(--p-bg); } .masthead__nav-primary { align-items: flex-end; } .masthead__nav-primary__inner > * { padding-block: clamp(12px, 0.3424vw + 10.7671px, 16px); } @media (min-width: 1084px) { .masthead__nav-primary__inner > :not(.site-logo) { padding-top: calc(32px + clamp(12px, 0.3424vw + 10.7671px, 16px)); } } .nav-container .current-menu-item > .anchor { --link-shy-border-color: var(--link-border-color-active); } .nav-container > .current-menu-item > .anchor { --link-shy-border-color: var(--link-border-color-active); --link-border-size: 4px; --link-border-offset: -1px; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } .nav-megamenu { border-radius: 12px; overflow: hidden; } .nav-megamenu__inner { gap: 0; } .masthead__nav-primary .nav-megamenu__expandable { top: calc(100% + 24px); } .masthead__nav-primary .nav-megamenu__expandable__content { margin-inline: auto; padding-inline: clamp(20px, 2.0547vw + 12.6027px, 44px); max-width: 1528px; } .masthead__nav-secondary { opacity: 1; transition: opacity 240ms cubic-bezier(0.42, 0, 0.32, 1); } .nav-masthead-cta-desktop { align-items: center; margin-left: auto; } @media (max-width: 1083.98px) { .nav-masthead-cta-desktop { display: none; } } .masthead__icon { --icon-stroke: 2; } .masthead__icon .expandable-button { width: calc(var(--icon-size) + var(--btn-padding-x) * 2); } @media (max-width: 1083.98px) { .masthead__icon--search { display: none; } } .nav-search__expandable-button[aria-expanded=false] .\:icon-close { display: none; } .nav-search__expandable-button[aria-expanded=true] .\:icon-search { display: none; } .nav-mobile__expandable-button[aria-expanded=false] .\:icon-close { display: none; } .nav-mobile__expandable-button[aria-expanded=true] .\:icon-menu { display: none; } .nav-masthead-secondary-desktop { justify-content: flex-end; gap: clamp(16px, 0.6849vw + 13.5342px, 24px); } @media (max-width: 1083.98px) { .nav-masthead-secondary-desktop { align-items: center; height: 100%; } } .nav-masthead-secondary-desktop .nav-item { --link-shy-bg-color: transparent; --link-bg-color: transparent; font-size: 13px; font-family: "PT Serif", Constantia, "Lucida Serif", Lucida, "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; font-weight: 400; line-height: 1.4; letter-spacing: 0; text-transform: none; font-variant-numeric: oldstyle-nums; } .nav-masthead-secondary-desktop .anchor__link { --link-shy-bg-color: transparent; --link-shy-border-color: var(--p-text); --link-bg-color: transparent; --link-border-offset: 0.15em; } @media (hover: hover) { .nav-masthead-secondary-desktop .anchor__link:hover { --link-shy-border-color: var(--p-text); } } .nav-masthead-secondary-desktop > .nav-item > .anchor { --link-shy-bg-color: transparent; --link-shy-text-color: var(--link-shy-text-color-default); align-items: stretch; } .nav-masthead-secondary-desktop > .nav-item > .anchor .anchor__link { padding-block: 12px; } .nav-masthead-secondary-desktop > .nav-item > .anchor .anchor__text { translate: 0 var(--btn-text-offset-y); } .nav-masthead-secondary-desktop .nav-item__expandable-button { --btn-text-color: var(--p-text); --btn-bg-color: transparent; --btn-padding-x: 0; --btn-padding-y: 12px; --btn-border-radius: 0; --btn-icon-gap: 2px; --icon-size: 18px; --icon-stroke: 1; letter-spacing: unset; text-transform: unset; font-size: 13px; font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 400; line-height: 1.4; letter-spacing: 0em; text-transform: none; } .nav-mobile__outer { display: flex; flex-direction: column; padding-inline: clamp(20px, 2.0547vw + 12.6027px, 44px); padding-block: 56px; height: calc(100dvh - var(--masthead-height)); overflow-y: auto; } .nav-mobile__inner { flex: 1 0 auto; display: flex; flex-direction: column; gap: clamp(20px, 1.7123vw + 13.8356px, 40px); margin-top: 0; } .nav-masthead-primary-mobile .nav-item { --link-shy-text-color: var(--link-shy-text-color-default); font-size: 18px; font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.2; letter-spacing: 0em; text-transform: none; font-variant-numeric: oldstyle-nums; } .nav-masthead-primary-mobile .nav-item__expandable-button { --btn-text-color: var(--p-text); --btn-bg-color: transparent; --btn-padding-x: 0; --btn-border-radius: 0; display: flex; justify-content: space-between; width: 100%; } .nav-masthead-primary-mobile > .nav-item > :is(.anchor, .nav-item__expandable-button) { padding-block: 0.85em; font-size: 24px; font-family: "The Bold Font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 27.8769230769px; letter-spacing: -0.0817230769px; text-transform: uppercase; font-variant-numeric: lining-nums; } .nav-masthead-primary-mobile > .nav-item { border-top: 1px solid var(--p-line); } .nav-masthead-primary-mobile .icon { translate: 0 -3px; } .nav-masthead-primary-mobile .nav-dropdown__container { padding-bottom: 1.5em; } .nav-masthead-primary-mobile .nav-dropdown__container .anchor__link { padding-block: 0.55em; } .masthead.\:drawer-side .nav-mobile__expandable { left: 100%; top: var(--masthead-height); bottom: 0; width: clamp(304px, 13.0136vw + 257.1506px, 456px); transition: left 240ms cubic-bezier(0.42, 0, 0.32, 1); } .masthead.\:drawer-side .nav-mobile__expandable[data-is-active=true] { left: calc(100% - clamp(304px, 13.0136vw + 257.1506px, 456px)); } .masthead.\:drawer-side .nav-mobile__expandable__outer { overflow: visible !important; } .masthead.\:drawer-side .nav-mobile__expandable__overlay { top: var(--masthead-height); } .masthead.\:drawer-side .nav-mobile__outer { height: calc(100dvh - (var(--masthead-top, 0px) + var(--masthead-height))); } .masthead.\:drawer-side .nav-mobile__inner { padding-top: 0; } } @layer component_local { .masthead-panel__expandable { transition-property: top, grid-template-rows; transition-duration: 240ms; transition-timing-function: cubic-bezier(0.42, 0, 0.32, 1); } .masthead-panel__expandable__overlay { top: 0; transition-property: top, opacity; transition-duration: 240ms; transition-timing-function: cubic-bezier(0.42, 0, 0.32, 1); } .nav-mobile__expandable[data-is-active=true] { top: clamp(138px, 7.363vw + 111.4931px, 224px); } .nav-mobile__expandable[data-is-active=true] .masthead-panel__expandable__overlay { top: clamp(138px, 7.363vw + 111.4931px, 224px); } .masthead .site-logo { transition: all 240ms cubic-bezier(0.42, 0, 0.32, 1); } .masthead:has(.nav-mobile__expandable[data-is-active=true]) { height: clamp(138px, 7.363vw + 111.4931px, 224px); } .masthead:has(.nav-mobile__expandable[data-is-active=true]) .site-logo { translate: calc(50vw - (50% + clamp(20px, 2.0547vw + 12.6027px, 44px))) 50%; scale: 1.4; } .masthead:has(.nav-mobile__expandable[data-is-active=true]) .masthead__nav-secondary { opacity: 0; pointer-events: none; } .masthead__nav-primary .nav-megamenu__inner > * { grid-column: 1/-1; margin: 0; padding-inline: clamp(20px, 1.7123vw + 13.8356px, 40px); padding-block: clamp(20px, 1.7123vw + 13.8356px, 40px); } @media (min-width: 1084px) { .masthead__nav-primary .nav-megamenu__inner > :not(:first-child) { grid-column: span 3/-1; } } .masthead__nav-primary .nav-megamenu__inner > :first-child:not(:only-child) { background-color: var(--p-inset-bg); grid-area: 1/1/span 9/span 9; } .masthead__nav-primary .nav-megamenu__inner .section-header { margin-bottom: 0; padding-bottom: var(--rhythm-tiny); border-bottom: 1px solid var(--p-line); } .masthead__nav-primary .nav-megamenu__inner .section-header__title { font-size: 13px; line-height: 1.2; letter-spacing: 0.0833em; } .masthead__nav-primary .nav-megamenu__inner .button-group { justify-content: flex-start; } .masthead__nav-primary .nav-megamenu__inner .feed__cards:has(.post-card) { padding-block: var(--rhythm-small); } .masthead__nav-primary .nav-item--has-megamenu .nav-item__expandable-button { overflow: visible; z-index: 21; } .masthead__nav-primary .nav-item--has-megamenu .nav-item__expandable-button::after { content: ""; position: absolute; left: 50%; bottom: calc(-1px - (24px + clamp(12px, 0.3424vw + 10.7671px, 16px))); translate: -50% 0; width: 16px; height: 0; clip-path: polygon(50% 0%, 100% 100%, 0% 100%); background: var(--color-mint); transition: height 240ms cubic-bezier(0.42, 0, 0.32, 1); } .masthead__nav-primary .nav-item--has-megamenu .nav-item__expandable-button[aria-expanded=true]::after { height: 12px; } .nav-dropdown__container .anchor__link { --link-shy-bg-color: transparent; --link-bg-color: transparent; --link-border-size: 4px; --link-border-offset: -1px; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } @media (hover: hover) { .nav-dropdown__container .anchor__link:hover { --link-shy-border-color: var(--link-border-color-hover); } } .nav-masthead-primary-desktop > .nav-item > :is(.anchor, .nav-item__expandable-button) { height: 100%; font-size: 16px; font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.4; letter-spacing: 0.05em; text-transform: uppercase; font-variant-numeric: lining-nums; letter-spacing: 0.05em; } .nav-masthead-primary-desktop > .nav-item > .nav-item__expandable-button { --btn-text-color: var(--p-text); --btn-bg-color: transparent; --btn-padding-x: 0; --btn-padding-y: 0; --btn-border-radius: 0; } .nav-masthead-primary-desktop > .nav-item > .anchor { --link-bg-color: transparent; align-items: stretch; } .nav-masthead-primary-desktop > .nav-item > .anchor .anchor__text { translate: 0 var(--btn-text-offset-y); } .nav-masthead-primary-desktop > .nav-item > .anchor .anchor__link { --link-shy-bg-color: transparent; --link-border-size: 4px; --link-border-offset: -1px; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } @media (hover: hover) { .nav-masthead-primary-desktop > .nav-item > .anchor .anchor__link:hover { --link-shy-border-color: var(--link-border-color-hover); } } .nav-masthead-primary-desktop .nav-dropdown__expandable__outer { box-shadow: 0 12px 24px 0 #00000014; border-radius: 8px; overflow: hidden !important; } .nav-masthead-primary-desktop .nav-item__expandable-button { --nav-item-expandable-button-underline-color: transparent; } .nav-masthead-primary-desktop .nav-item__expandable-button .button__text { text-decoration-line: underline; text-decoration-thickness: 4px; text-underline-offset: -1px; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; text-decoration-color: var(--nav-item-expandable-button-underline-color); transition: text-decoration-color 240ms cubic-bezier(0.42, 0, 0.32, 1); } .nav-masthead-primary-desktop .nav-item__expandable-button[aria-expanded=true] { --nav-item-expandable-button-underline-color: var(--link-border-color-hover); } .nav-masthead-cta-desktop { margin-block: 0; } .nav-masthead-cta-mobile .btn { flex: 0 0 100%; } } @layer component_base { .media-duo { grid-column: 1/-1; } .media-duo.\:sticky-true .media-duo__text-inner, .media-duo.\:sticky-true .media-duo__media > * { position: sticky; top: var(--rhythm-bg); } .media-duo.\:sticky-false .media-duo__inner { align-items: center; } .media-duo__media { grid-column: 1/-1; } .media-duo__media .image__media { border-radius: 12px; } .media-duo__text { grid-column: 1/-1; margin-top: var(--rhythm-outer); font-size: 16px; line-height: 1.4; letter-spacing: 0; } .media-duo__text ul { padding-left: 0; } .media-duo__text li { margin: 0; padding-inline: 0; padding-block: 0.55em; border-top: 1px solid var(--p-line); } .media-duo__text li::before { display: none; } @media (min-width: 740px) { .media-duo__media { grid-column: auto/span 5; } .media-duo__text { grid-column: auto/span 7; margin-inline: clamp(20px, 1.7123vw + 13.8356px, 40px); margin-top: 0; padding-top: var(--rhythm-flow); border-top: 1px solid var(--p-accent-1); } .media-duo.\:align-right .media-duo__media { order: 1; } } @media (min-width: 1292px) { .media-duo__media { grid-column: auto/span 6; } .media-duo__text { grid-column: auto/span 6; } } } @layer component_default {} @layer component_base { .media-feature { position: relative; } .media-feature .media-figure { display: grid; grid-template-columns: repeat(var(--grid-columns), 1fr); gap: var(--grid-gap-y) var(--grid-gap-x); } .media-feature .media-figure__caption { grid-column: 1/-1; } @media (min-width: 468px) { .media-feature.\:width-narrow .media-figure { --grid-columns: 12; } .media-feature.\:width-narrow .media-figure__caption { grid-column: 1/span 10; } } @media (min-width: 596px) { .media-feature.\:width-narrow .media-figure { --grid-columns: 10; } .media-feature.\:width-narrow .media-figure__caption { grid-column: 1/span 8; } } @media (min-width: 740px) { .media-feature.\:width-narrow .media-figure__caption { grid-column: 1/span 7; } } @media (min-width: 900px) { .media-feature.\:width-narrow .media-figure { --grid-columns: 8; } .media-feature.\:width-narrow .media-figure__caption { grid-column: 1/span 6; } } @media (min-width: 1084px) { .media-feature.\:width-narrow .media-figure__caption { grid-column: 1/span 5; } } @media (min-width: 1292px) { .media-feature.\:width-narrow .media-figure { --grid-columns: 6; } .media-feature.\:width-narrow .media-figure__caption { grid-column: 1/span 4; } } @media (min-width: 468px) { .media-feature.\:width-medium .media-figure { --grid-columns: 12; } .media-feature.\:width-medium .media-figure__caption { grid-column: 1/span 10; } } @media (min-width: 596px) { .media-feature.\:width-medium .media-figure { --grid-columns: 10; } .media-feature.\:width-medium .media-figure__caption { grid-column: 1/span 8; } } @media (min-width: 740px) { .media-feature.\:width-medium .media-figure__caption { grid-column: 1/span 7; } } @media (min-width: 900px) { .media-feature.\:width-medium .media-figure { --grid-columns: 8; } .media-feature.\:width-medium .media-figure__caption { grid-column: 1/span 6; } } @media (min-width: 1084px) { .media-feature.\:width-medium .media-figure__caption { grid-column: 1/span 5; } } @media (min-width: 1292px) { .media-feature.\:width-medium .media-figure__caption { grid-column: 2/span 4; } } @media (min-width: 468px) { .media-feature.\:width-wide .media-figure { --grid-columns: 12; } .media-feature.\:width-wide .media-figure__caption { grid-column: 1/span 10; } } @media (min-width: 596px) { .media-feature.\:width-wide .media-figure { --grid-columns: 10; } .media-feature.\:width-wide .media-figure__caption { grid-column: 1/span 8; } } @media (min-width: 740px) { .media-feature.\:width-wide .media-figure__caption { grid-column: 1/span 7; } } @media (min-width: 900px) { .media-feature.\:width-wide .media-figure__caption { grid-column: 2/span 6; } } @media (min-width: 1084px) { .media-feature.\:width-wide .media-figure__caption { grid-column: 2/span 5; } } @media (min-width: 1292px) { .media-feature.\:width-wide .media-figure__caption { grid-column: 3/span 4; } } @media (min-width: 468px) { .media-feature.\:width-full .media-figure { --grid-columns: 12; } .media-feature.\:width-full .media-figure__caption { grid-column: 1/span 10; } } @media (min-width: 596px) { .media-feature.\:width-full .media-figure__caption { grid-column: 1/span 8; } } @media (min-width: 740px) { .media-feature.\:width-full .media-figure__caption { grid-column: 1/span 7; } } @media (min-width: 900px) { .media-feature.\:width-full .media-figure__caption { grid-column: 1/span 6; } } @media (min-width: 1084px) { .media-feature.\:width-full .media-figure__caption { grid-column: 1/span 5; } } @media (min-width: 1292px) { .media-feature.\:width-full .media-figure__caption { grid-column: 1/span 4; } } @media (min-width: 468px) { .media-feature.\:width-bleed .media-figure { --grid-columns: 12; } .media-feature.\:width-bleed .media-figure__caption { grid-column: 1/span 10; } } @media (min-width: 596px) { .media-feature.\:width-bleed .media-figure__caption { grid-column: 1/span 8; } } @media (min-width: 740px) { .media-feature.\:width-bleed .media-figure__caption { grid-column: 1/span 7; } } @media (min-width: 900px) { .media-feature.\:width-bleed .media-figure__caption { grid-column: 1/span 6; } } @media (min-width: 1084px) { .media-feature.\:width-bleed .media-figure__caption { grid-column: 1/span 5; } } @media (min-width: 1292px) { .media-feature.\:width-bleed .media-figure__caption { grid-column: 1/span 4; } } .media-feature.\:width-bleed .media-figure__caption { margin-inline: clamp(20px, 2.0547vw + 12.6027px, 44px); } @media (min-width: 468px) { .media-feature.\:width-bleed .media-figure__caption { margin-inline: 0; translate: clamp(20px, 2.0547vw + 12.6027px, 44px) 0; } } } @layer component_local { .media-feature.\:space-below-reduce:has(+ .wysiwyg, + .media-feature):not(.\:width-narrow) { margin-bottom: calc(var(--rhythm-feature) / 2); } .media-feature.\:space-below-reduce:has(+ .wysiwyg, + .media-feature).\:width-narrow { margin-bottom: calc(var(--rhythm-default) / 2); } .media-feature.\:space-below-remove:has(+ .wysiwyg, + .media-feature) { margin-bottom: 0; } .media-feature:not(.video-feature):has(.video).\:width-bleed .video__control { --btn-media-inset: clamp(16px, 1.3698vw + 11.0684px, 32px); } .media-feature:not(.video-feature):has(.video).\:width-bleed .video__source .video__image { inset: 0 0 1px 0; } } @layer component_default { .modal { background: var(--p-overlay-bg); display: flex !important; } .modal:focus-visible { outline: none; } .modal[data-is-active=false] { display: none !important; } .modal .w-modal { margin-block: auto; padding: 0; height: -moz-fit-content; height: fit-content; background: var(--p-bg); } .modal .c-close { position: fixed; z-index: 1; } .modal.\:full-true { padding: 0; background: none; } .modal.\:full-true .w-modal { margin: 0; width: 100%; max-width: 100%; min-height: 100%; transform: translateY(0); } } @layer component_base { .modal { padding: clamp(20px, 5.1369vw + 1.5068px, 80px); } .modal .w-modal { gap: clamp(20px, 1.7123vw + 13.8356px, 40px); width: clamp(480px, 46.5753vw + 312.3287px, 1024px); } .modal .c-close { top: 12px; right: 12px; } .modal .c-image { grid-column: 1/-1; display: flex; } @media (min-width: 740px) { .modal .c-image { grid-column: auto/span 4; } } .modal .c-text { grid-column: 1/-1; } @media (min-width: 740px) { .modal .c-text { grid-column: auto/span 7; } } .modal .c-btn { flex-wrap: wrap; align-items: baseline; row-gap: clamp(20px, 1.7123vw + 13.8356px, 40px); } .modal h3 { font-weight: 400; font-family: family(alt); } .modal .media-figure__source { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 739.98px) { .modal .media-figure__source { display: none; } } .modal.\:align-left .c-image { order: -1; } .modal.\:align-right .c-image { order: 1; } @media (min-width: 740px) { .modal.\:full-true .c-image { grid-column: auto/span 3; } } .modal.\:full-true .c-text { padding: clamp(20px, 5.1369vw + 1.5068px, 80px); } @media (min-width: 740px) { .modal.\:full-true .c-text { grid-column: auto/span 9; } } .modal.\:full-false > .p-inner { align-items: flex-start; padding: clamp(20px, 5.1369vw + 1.5068px, 80px); } .modal.\:full-false .c-image .media-figure__source { -o-object-fit: contain; object-fit: contain; } } @layer component_base {} @layer component_default {} @layer component_base {} @layer component_default { .page-footer { margin-top: auto; } } @layer component_base { .page-footer { border-top: 1px solid var(--p-line); } .page-footer__inner { row-gap: clamp(32px, 2.7397vw + 22.1369px, 64px); } .page-footer__about { grid-column: 1/-1; } @media (min-width: 900px) { .page-footer__about { grid-column: 1/span 3; } } .page-footer__form { grid-column: 1/-1; } @media (min-width: 900px) { .page-footer__form { grid-column: span 6/-1; } } .page-footer__social { grid-column: 1/-1; } @media (min-width: 900px) { .page-footer__social { grid-column: 1/span 6; } } .page-footer__footer { grid-column: 1/-1; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: clamp(16px, 0.6849vw + 13.5342px, 24px); font-size: 13px; font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 400; line-height: 1.4; letter-spacing: 0em; text-transform: none; } @media (min-width: 900px) { .page-footer__footer { grid-column: span 6/-1; justify-content: space-between; align-items: flex-end; } } .page-footer__nav { display: flex; flex-wrap: wrap; justify-content: center; gap: clamp(16px, 0.6849vw + 13.5342px, 24px); } .nav-footer-secondary { display: flex; flex-wrap: wrap; gap: clamp(16px, 0.6849vw + 13.5342px, 24px); margin-right: auto; } .page-footer__credit { --icon-size: 12px; } .page-footer__credit .icon { display: inline-block; translate: 0 0.15em; } } @layer component_local { .page-footer .signup-form { grid-column: 1/-1; margin-block: 0; padding-block: 0; } @media (min-width: 596px) { .page-footer .signup-form { grid-column: 1/span 8; } } @media (min-width: 900px) { .page-footer .signup-form { grid-column: 1/span 5; } } .page-footer .signup-form__inner { padding-inline: 0; } .page-footer .signup-form__title { font-size: clamp(24px, 1.0273vw + 20.3013px, 36px); line-height: clamp(27.8769px, 0.9957vw + 24.292px, 39.5076px); letter-spacing: clamp(-0.3269px, -0.021vw - 0.0062px, -0.0818px); } .page-footer .site-logo { --logo-width: 300px; width: var(--logo-width); margin-inline: auto; } @media (min-width: 900px) { .page-footer .site-logo { margin-inline: 0; } } .page-footer__social .social-anchor-group__inner { justify-content: center; } @media (min-width: 900px) { .page-footer__social .social-anchor-group__inner { justify-content: flex-start; } } } @layer component_default {} @layer component_base { .promo { position: relative; } .promo.\:bg-bleed-false { border-radius: 12px; } .promo__image { grid-column: 1/-1; } @media (min-width: 740px) { .promo__image { grid-column: auto/span 4; } } @media (min-width: 1084px) { .promo__image { grid-column: auto/span 6; } } .promo__image .image__media { border-radius: 12px; } .promo__text { position: relative; z-index: 2; grid-column: 1/-1; } .promo.has-image .promo__text { margin-top: var(--rhythm-flow); } @media (min-width: 740px) { .promo__text { grid-column: auto/span 8; } .promo.has-image .promo__text { margin-top: 0; padding-inline: clamp(20px, 2.0547vw + 12.6027px, 44px); } } @media (min-width: 1084px) { .promo__text { grid-column: auto/span 6; align-self: center; } } .promo__title { margin-bottom: 0.25em; } .promo__abstract { color: var(--p-text-alt); } .promo__button { margin-top: var(--rhythm-flow); } .promo__graphic { position: absolute; inset: 60% 0 0 0; z-index: 1; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; overflow: hidden; pointer-events: none; } .promo__graphic .icon { --p-icon: var(--p-line); --icon-size: 100%; display: block; translate: 0 8px; } .promo__graphic:has(.\:icon-we-act-trees-row) { top: 0; } @media (min-width: 740px) { .promo.\:align-right .promo__text { order: -1; } } .promo.no-image .promo__text { grid-column: 1/-1; } .promo.no-image .promo__title { grid-column: 1/-1; } @media (min-width: 740px) { .promo.no-image .promo__title { grid-column: 1/span 5; } } .promo.no-image .promo__text-inner { grid-column: 1/-1; } @media (min-width: 740px) { .promo.no-image .promo__text-inner { grid-column: 6/span 6; } } } @layer component_base {} @layer component_base { .sidebar { grid-column: 1/-1; align-self: flex-start; } .sidebar[class*=":palette-"] { padding-inline: 16px; padding-block: 14px; } @media (min-width: 596px) { .sidebar { grid-column: 2/span 10; } } @media (min-width: 900px) { .sidebar { grid-column: 3/span 8; } } @media (max-width: 739.98px) { .sidebar > h3 { display: none; } } @media (min-width: 1292px) { .sidebar { grid-row: auto/span 99; } .sidebar.\:align-left { grid-column: 1/span 3; } .sidebar.\:align-right { grid-column: span 3/-1; } } @media (min-width: 1292px) { .sidebar.\:sticky-true { position: sticky; top: var(--rhythm-bg); align-self: flex-start; } .masthead.\:sticky-true ~ main .sidebar.\:sticky-true { top: calc(var(--masthead-height) + var(--rhythm-bg)); } } } @layer component_local { @media (min-width: 1292px) { .sidebar + * { margin-top: 0; } } @media (min-width: 1292px) { .w-content-group > .sidebar ~ :is(.\:width-wide, .\:width-full, .\:width-bleed, .\:bg-bleed-true) { order: -1; } .w-content-group > .sidebar ~ :is(.\:width-slim, .\:width-narrow, .\:width-medium) ~ :is(.\:width-wide, .\:width-full, .\:width-bleed, .\:bg-bleed-true) { order: unset; } } } @layer component_base { .sidebar-group { grid-column: 1/-1; } } @layer component_local { .sidebar-group:has(.w-content-group > :is(.ro-flush, .rob-flush):last-child) { padding-bottom: 0; } } @layer component_base { .signup-form__title { text-wrap: balance; } .signup-form.\:bg-bleed-false .signup-form__title { font-size: clamp(20px, 1.0273vw + 16.3013px, 32px); line-height: clamp(24px, 0.9957vw + 20.4151px, 35.6307px); letter-spacing: clamp(-0.2452px, -0.021vw + 0.0755px, 0px); } .signup-form__anchor { display: flex; font-size: 13px; font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 400; line-height: 1.4; letter-spacing: 0em; text-transform: none; } .signup-form.\:bg-bleed-true { text-align: center; } .signup-form.\:bg-bleed-true .signup-form__anchor { justify-content: center; } .signup-form .gform_wrapper { gap: 0; } .signup-form .gform_wrapper form { display: flex; } .signup-form .gform-body { flex: 1 0 auto; } .signup-form .gform-field-label { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip-path: rect(0 0 0 0) !important; white-space: nowrap !important; border: 0 !important; } .signup-form .gfield input { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; outline-offset: calc(var(--field-border-size-focus) * -1); } .signup-form .gform_footer { margin: 0; } .signup-form .gform_button { height: 100%; border-top-left-radius: 0; border-bottom-left-radius: 0; } } @layer component_local { .slideshow :focus-visible { outline: none; } .slideshow .media-figure[data-lightbox] { width: 100%; height: 100%; } .slideshow .media-figure[data-lightbox] .overlink { cursor: none; } .slideshow .image__inner { height: 100%; } .slideshow .media-figure__caption { display: none; } .slideshow__item { margin-right: clamp(12px, 2.3972vw + 3.3698px, 40px); width: auto; max-width: 90%; height: clamp(200px, 33.9041vw + 77.9452px, 596px); } .slideshow__footer { display: flex; flex-direction: column; gap: 0 24px; margin-top: clamp(20px, 0.3424vw + 18.7671px, 24px); transition: all 480ms cubic-bezier(0.42, 0, 0.32, 1); --cross-right-fill: calc( var(--grid-columns) - (var(--content-width) + var(--content-offset)) ); --cross-right-edge: calc( var(--column-gutter-width) * var(--cross-right-fill) * -1 ); margin-right: var(--cross-right-edge); } @media (min-width: 740px) { .slideshow__footer { flex-direction: row; align-items: baseline; } } :is(.slideshow__caption-index, .slideshow__caption-text) { opacity: 1; transition: all 480ms cubic-bezier(0.42, 0, 0.32, 1); } .slideshow__caption-index { font-size: 13px; font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 400; line-height: 1.4; letter-spacing: 0em; text-transform: none; white-space: nowrap; } .slideshow__caption-index p { width: calc(1.1ch * (var(--slide-count-length, 2) * 2 + 1) * 1); } .slideshow__caption-text { max-width: 500px; margin-top: 12px; font-size: 16px; line-height: 1.4; letter-spacing: 0; } .slideshow__caption-text p.meta { margin-block: 0; color: var(--p-caption); } @media (min-width: 740px) { .slideshow__caption-text { margin-top: 0; } } .slideshow__caption-nav { align-self: flex-start; display: flex; gap: 16px; } .slideshow__caption-nav .btn { --btn-padding-x: 10px; --btn-padding-y: 10px; --btn-border-size: 2px; --btn-border-radius: 50%; --icon-stroke: 2; --icon-size: 28px; } .slideshow__caption-nav .btn[hidden] { display: none; } @media (-webkit-min-device-pixel-ratio: 2) { .slideshow__caption-nav .btn { --btn-border-size: 1.5px; --icon-stroke: 1.5; } } @media (max-width: 739.98px) { .slideshow__caption-nav { display: none; } } @media (min-width: 740px) { .slideshow__caption-nav { margin-left: auto; translate: 0 4px; } } .slideshow__footer[data-is-active=false] :is(.slideshow__caption-index, .slideshow__caption-text) { opacity: 0; } .slideshow__cursor { --p-icon: var(--p-btn-v1-bg-hover); --icon-size: 24px; --icon-stroke: 2; position: fixed; display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; border-radius: 50%; background-color: var(--p-btn-v1-text-hover); translate: -50% -50%; pointer-events: none; scale: 0; transition: scale 240ms cubic-bezier(0.42, 0, 0.32, 1); } .slideshow[data-cursor-visible=true] .slideshow__cursor { scale: 1; } .slideshow__nav-button > svg { display: none; } } @layer component_base { .social-anchor-group { grid-column: 1/-1; } .social-anchor-group__inner { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; } @media (min-width: 1292px) { .sidebar.\:align-right .social-anchor-group__inner { justify-content: flex-end; } } .social-anchor-group__title { margin-block: 0; font-size: 13px; font-family: "The Bold Font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.2; letter-spacing: 0.0833em; text-transform: uppercase; font-variant-numeric: lining-nums; translate: 0 0.1em; } .social-anchor-group__items { display: flex; flex-wrap: wrap; gap: 16px; } } @layer component_base { .statistic-feature { border-radius: 12px; } .statistic-feature .statistic { grid-column: 1/-1; text-align: center; } @media (min-width: 468px) { .statistic-feature .statistic { grid-column: 2/span 10; } } @media (min-width: 596px) { .statistic-feature .statistic { grid-column: 3/span 8; } } @media (min-width: 900px) { .statistic-feature .statistic { grid-column: 4/span 6; } } .statistic-feature .statistic__number { font-size: clamp(48px, 8.7328vw + 16.5616px, 150px); font-family: "The Bold Font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: clamp(51.1384px, 8.4641vw + 20.6674px, 150px); letter-spacing: clamp(-2.656px, -0.1785vw + 0.0702px, -0.5721px); text-transform: uppercase; font-variant-numeric: lining-nums; text-wrap: balance; } .statistic-feature .statistic__text { padding-top: var(--rhythm-flow); border-top: 1px solid var(--p-line); font-size: clamp(20px, 1.0273vw + 16.3013px, 32px); font-family: "The Bold Font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: clamp(24px, 0.9957vw + 20.4151px, 35.6307px); letter-spacing: clamp(-0.2452px, -0.021vw + 0.0755px, 0px); text-transform: uppercase; font-variant-numeric: lining-nums; text-wrap: balance; } } @layer component_base { .statistic-group[class*=":palette-"] { border-radius: 12px; } .statistic-group__title { font-size: clamp(18px, 0.5136vw + 16.1506px, 24px); line-height: 1.2; letter-spacing: 0.0833em; } .statistic-group__abstract { margin-bottom: 2em; text-align: center; } .statistic-group__statistics { margin-top: var(--rhythm-flow); row-gap: clamp(32px, 2.7397vw + 22.1369px, 64px); } } @layer component_local { @media (min-width: 900px) { .statistic-group .statistic { padding-left: 16px; border-left: 1px solid var(--p-line); } } .statistic-group .statistic__inner { display: flex; flex-direction: column; height: 100%; } .statistic-group .statistic__number { font-size: clamp(32px, 4.1095vw + 17.2054px, 80px); font-family: "The Bold Font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: clamp(35.6307px, 3.9831vw + 21.2914px, 82.1538px); letter-spacing: clamp(-1.2259px, -0.084vw + 0.057px, -0.2452px); text-transform: uppercase; font-variant-numeric: lining-nums; } .statistic-group .statistic__cite { color: var(--p-text); } @media (min-width: 900px) { .statistic-group .statistic__cite { margin-top: auto; padding-top: var(--rhythm-default); } } .statistic-group .statistic { grid-column: 1/-1; } @media (min-width: 468px) { .statistic-group .statistic { grid-column: 3/span 8; } } @media (min-width: 596px) { .statistic-group .statistic { grid-column: auto/span 6; } } @media (min-width: 900px) { .statistic-group .statistic { grid-column: auto/span 3; } } @media (min-width: 596px) { .statistic-group .statistic:nth-child(1):nth-last-child(1) { grid-column: 4/span 6; } } @media (min-width: 900px) { .statistic-group .statistic:nth-child(1):nth-last-child(1) { grid-column: 5/span 4; } } @media (min-width: 900px) { .statistic-group .statistic:nth-child(1):nth-last-child(2) { grid-column: 3/span 4; } } @media (min-width: 900px) { .statistic-group .statistic:nth-child(1):nth-last-child(2) ~ div { grid-column: auto/span 4; } } @media (min-width: 596px) { .statistic-group .statistic:nth-child(1):nth-last-child(n+3):nth-last-child(4n+3), .statistic-group .statistic:nth-child(1):nth-last-child(n+3):nth-last-child(4n+3) ~ div:nth-child(-n+3) { grid-column: auto/span 4; } } @media (min-width: 596px) { .statistic-group .statistic:nth-child(1):nth-last-child(n+5):nth-last-child(4n+1) { grid-column: 3/span 4; } } @media (min-width: 596px) { .statistic-group .statistic:nth-child(1):nth-last-child(n+5):nth-last-child(4n+1) ~ div:nth-child(-n+5) { grid-column: auto/span 4; } } @media (min-width: 596px) { .statistic-group .statistic:nth-child(1):nth-last-child(n+6):nth-last-child(4n+2), .statistic-group .statistic:nth-child(1):nth-last-child(n+6):nth-last-child(4n+2) ~ div:nth-child(-n+6) { grid-column: auto/span 4; } } } @layer component_default { .tab-group { overflow: unset !important; } .tab-group__tabs { display: flex; align-items: center; } .tab-group__items { display: flex; flex-wrap: nowrap; align-items: center; overflow-x: auto; white-space: nowrap; } @media (min-width: 740px) { .tab-group__items { flex-wrap: wrap; } } .tab-group__content { opacity: 1; } .tab-group__content[data-is-active=false] { position: absolute; left: 0; top: 0; margin: 0; padding: 0; width: 0; height: 0; overflow: hidden; opacity: 0; visibility: hidden; pointer-events: none; } } @layer component_base { .tab-group { overflow: unset !important; } .tab-group__inner { display: flex; flex-direction: column-reverse; gap: 20px; width: 100%; } @media (min-width: 900px) { .tab-group__inner { flex-direction: row; justify-content: space-between; } } .tab-group__items { gap: 10px; margin-inline: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) * -1); padding-inline: clamp(20px, 2.0547vw + 12.6027px, 44px); width: calc(100% + clamp(20px, 2.0547vw + 12.6027px, 44px) * 2); scrollbar-width: none; -ms-overflow-style: none; } .tab-group__items::-webkit-scrollbar { display: none; width: 0; height: 0; } @media (min-width: 740px) { .tab-group__items { flex-wrap: wrap; margin-inline: 0; padding-inline: 0; width: auto; } } .tab-group__after-tabs { display: flex; flex-direction: column; gap: 20px; } @media (min-width: 468px) { .tab-group__after-tabs { flex-direction: row; align-items: center; } } .tab-group__after-tabs a:not(.btn) { font-size: 16px; } .tab-group__content { transition: opacity 480ms linear(0, 1) 240ms; } } @layer component_local { .tab-group__content > * { margin-top: 0; } } @layer component_local { .video-feature.\:width-bleed .video__control { --btn-media-inset: clamp(16px, 1.3698vw + 11.0684px, 32px); } .video-feature.\:width-bleed video .c-image { inset: 0 0 1px 0; } @media (min-width: 740px) { .video-feature:is(.\:width-wide, .\:width-full, .\:width-bleed) .video.\:autoplay-false .playback-toggle { --icon-size: 80px; --btn-padding-x: 20px; --btn-padding-y: 20px; } } } @layer component_base {} @layer component_default { .wysiwyg .\:p .\:p { padding-inline: 0; } .wysiwyg iframe:is([src*="youtube.com"], [src*="vimeo.com"]) { width: 100%; height: auto; aspect-ratio: 1.7778; } .wysiwyg img { height: auto; display: block; } .wysiwyg :is(.alignleft, .alignright) { margin-top: 0.85em; } .wysiwyg :is(.alignleft, .alignright):first-child { margin-top: 0; } .wysiwyg :is(.alignleft, .alignright) + * { margin-top: 0; } .wysiwyg .alignleft { margin-right: clamp(20px, 1.7123vw + 13.8356px, 40px); float: left; } .wysiwyg .alignright { margin-left: clamp(20px, 1.7123vw + 13.8356px, 40px); float: right; } .wysiwyg .aligncenter, .wysiwyg .alignnone { margin: 0 auto; } .wysiwyg .alignleft, .wysiwyg .alignright, .wysiwyg .aligncenter, .wysiwyg .alignnone { margin-bottom: calc(clamp(20px, 1.7123vw + 13.8356px, 40px) / 2); } .wysiwyg .wp-caption { max-width: 100%; } .wysiwyg .wp-caption p:empty { display: none; } @media (max-width: 739.98px) { .wysiwyg .alignleft, .wysiwyg .alignright, .wysiwyg .aligncenter, .wysiwyg .alignnone { width: 100% !important; } } } @layer component_base { :is(.wysiwyg.drop-cap:first-child, .sidebar:first-child + .wysiwyg.drop-cap) p:first-of-type::first-letter { display: block; margin: 3px 0.125em 0em -0.04em; float: left; font-size: clamp(48px, 4.452vw + 31.9726px, 100px); font-family: "The Bold Font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: clamp(51.1384px, 4.315vw + 35.6042px, 101.5384px); letter-spacing: clamp(-1.6345px, -0.091vw - 0.2447px, -0.5721px); text-transform: uppercase; font-variant-numeric: lining-nums; color: var(--p-caption); } :is(.wysiwyg.drop-cap:first-child, .sidebar:first-child + .wysiwyg.drop-cap) p:first-of-type + * { clear: left; } @-moz-document url-prefix() { :is(.wysiwyg.drop-cap:first-child, .sidebar:first-child + .wysiwyg.drop-cap) p:first-of-type::first-letter { margin-top: 5px; padding-bottom: 0.1em; } } .wysiwyg__inner > :is(ul, ol) { margin-block: 2em; } .wysiwyg__inner > :is(ul, ol):first-child { margin-top: 0; } .wysiwyg__inner > :is(ul, ol):last-child { margin-bottom: 0; } } @layer component_local { .wysiwyg.\:space-below-reduce + .media-feature { margin-top: calc(var(--rhythm-default) / 2); } .wysiwyg.\:space-below-remove + .media-feature { margin-top: 0; } } @layer component_local { .wysiwyg-grid .wysiwyg { grid-column: 1/-1; margin-block: 0; } @media (min-width: 596px) and (max-width: 1083.98px) { .wysiwyg-grid .wysiwyg { grid-column: auto/span 6; } .wysiwyg-grid .wysiwyg:only-child { grid-column: 4/span 6; } .wysiwyg-grid .wysiwyg:nth-child(1):nth-last-child(2n+1) { grid-column: 1/-1; } } @media (min-width: 1084px) { .wysiwyg-grid .wysiwyg { grid-column: auto/span 4; } .wysiwyg-grid .wysiwyg:only-child { grid-column: 4/span 6; } .wysiwyg-grid .wysiwyg:nth-child(1):nth-last-child(n+2):nth-last-child(3n+2), .wysiwyg-grid .wysiwyg:nth-child(1):nth-last-child(n+2):nth-last-child(3n+2) + .wysiwyg { grid-column: auto/span 6; } .wysiwyg-grid .wysiwyg:nth-child(1):nth-last-child(n+4):nth-last-child(3n+1), .wysiwyg-grid .wysiwyg:nth-child(1):nth-last-child(n+4):nth-last-child(3n+1) ~ .wysiwyg:nth-child(-n+4) { grid-column: auto/span 6; } } .wysiwyg-grid__inner { row-gap: var(--rhythm-default); } } @layer component_local {} @layer component_local { .article-hero__title { font-size: clamp(32px, 1.8835vw + 25.2191px, 54px); line-height: clamp(35.6307px, 1.8256vw + 29.0585px, 56.9538px); letter-spacing: clamp(-0.6947px, -0.0385vw - 0.1067px, -0.2452px); } } @layer component_base { .hero { transition: padding-top 240ms cubic-bezier(0.42, 0, 0.32, 1); } .masthead.\:sticky-false ~ .hero { padding-top: clamp(73px, 3.8527vw + 59.1301px, 118px); } @media (min-width: 1084px) { .masthead.\:sticky-false:has(.nav-masthead-secondary-desktop) ~ .hero { padding-top: clamp(73px, 3.8527vw + 59.1301px, 118px); } } } @layer component_default { .home-hero { position: relative; overflow: hidden; } } @layer component_base { .home-hero__text { position: relative; z-index: 4; } .home-hero__feed { position: relative; z-index: 4; } .home-hero__image { position: absolute; inset: 0; pointer-events: none; } .home-hero__image::after { content: ""; position: absolute; inset: 0; z-index: 3; } @media (max-width: 899.98px) { .home-hero__image::after { background-image: linear-gradient(to top, var(--p-bg) 20%, transparent calc(110% - var(--rhythm-hero))); } } @media (min-width: 900px) { .home-hero__image::after { background-image: linear-gradient(to top, var(--p-bg) 0%, transparent calc(110% - var(--rhythm-hero))); } } .home-hero__text { grid-column: 1/-1; align-self: flex-end; } @media (min-width: 596px) { .home-hero__text { grid-column: 1/span 9; } } @media (min-width: 900px) { .home-hero__text { grid-column: 1/span 8; } } .home-hero__title { margin-bottom: 0.1em; font-size: clamp(32px, 1.8835vw + 25.2191px, 54px); line-height: clamp(35.6307px, 1.8256vw + 29.0585px, 56.9538px); letter-spacing: clamp(-0.6947px, -0.0385vw - 0.1067px, -0.2452px); } .home-hero__button { margin-top: var(--rhythm-medium); } @media (min-width: 900px) { .home-hero__image { right: clamp(100px, 17.1232vw + 38.3561px, 300px); } } @media (min-width: 1528px) { .home-hero__image { right: 310px; } } .home-hero__image .media-figure { height: 100%; } .home-hero__image .image__inner { height: 100%; } .home-hero__feed { grid-column: 1/-1; } @media (min-width: 900px) { .home-hero__feed { grid-column: span 4/-1; display: flex; flex-direction: column; justify-content: flex-end; } .home-hero__feed .feed { position: relative; } .home-hero__feed .feed::before { content: ""; position: absolute; left: 0; bottom: 99%; width: 100%; height: 100%; background: var(--p-bg); } } @media (min-width: 1084px) { .home-hero__text { --grid-columns: 9; grid-column: 1/span 9; } .home-hero__title { grid-column: 1/span 5; margin-bottom: 0; } .home-hero__abstract { grid-column: span 4/-1; } .home-hero__feed { grid-column: span 3/-1; } } } @layer component_local { @media (min-width: 900px) { .home-hero__abstract { margin-top: 0; } } .home-hero__image .media-figure { height: 100%; } .home-hero__image .image__inner { height: 100%; } .home-hero__feed .section-header { margin-bottom: 0; } .home-hero__feed .feed { margin-block: 0; } .home-hero__feed .feed__cards { row-gap: 0; padding-block: 0; } .home-hero__feed .tag-group { position: static; } .home-hero__feed .card { flex-basis: 220px; } .home-hero__feed .post-card__title { --link-shy-text-color: var(--link-text-color-default); --link-shy-border-color-hover: var(--link-text-color-default); } .home-hero__feed .post-card__text { --grid-gap-y: 8px; } @media (max-width: 899.98px) { .home-hero__feed .feed { padding-top: var(--rhythm-outer); } .home-hero__feed .post-card__inner { padding-top: 16px; padding-bottom: var(--rhythm-outer); } .home-hero__feed .post-card__text { flex: 1; padding-block: 0; padding-left: 16px; border-left: 1px solid var(--p-line); } } @media (min-width: 900px) { .home-hero__feed { margin-right: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) * -1); } .home-hero__feed .feed { padding-inline: 24px; padding-top: var(--rhythm-outer); padding-bottom: calc(var(--rhythm-outer) - 24px); background: var(--p-bg); height: 100%; display: flex; flex-direction: column; justify-content: flex-end; } .home-hero__feed .feed__cards { margin-inline: 0; flex-direction: column; } .home-hero__feed .card { flex: 0 0 auto; padding-inline: 0; } .home-hero__feed .post-card__text { padding-block: 24px; border-top: 1px solid var(--p-line); } .home-hero__feed .card:first-child .post-card__text { border-top: 0; } } @media (min-width: 1528px) { .home-hero__feed { align-items: flex-end; margin-right: calc((100vw - 1440px) / -2); } .home-hero__feed .feed { width: 310px; } } } @layer component_local { .page-hero { overflow: hidden; } .page-hero__text { grid-column: 1/-1; } .page-hero__text > * { grid-column: 1/-1; } .page-hero__title { margin-bottom: 12px; font-size: clamp(36px, 4.6232vw + 19.3561px, 90px); font-family: "The Bold Font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: clamp(39.5076px, 4.481vw + 23.3759px, 91.8461px); letter-spacing: clamp(-1.4302px, -0.0945vw + 0.0131px, -0.3269px); text-transform: uppercase; font-variant-numeric: lining-nums; } .page-hero__inner:has(.kicker) .page-hero__title { margin-top: 6px; } .page-hero__abstract { margin-top: 0; color: var(--p-text-alt); } .page-hero__graphic { grid-column: 1/-1; margin-inline: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) * -1); margin-top: var(--rhythm-medium); } @media (min-width: 1528px) { .page-hero__graphic { margin-inline: calc((100vw - 1440px) / -2); } } .page-hero__graphic .icon { --p-icon: var(--p-line); --icon-size: 100%; display: block; } .page-hero__footer { grid-column: 1/-1; } .page-hero .c-search { --content-width: 12; --content-offset: 0; grid-column: 1/-1; } @media (min-width: 596px) { .page-hero .c-search { --content-width: 10; --content-offset: 1; grid-column: 2/span 10; } } @media (min-width: 900px) { .page-hero .c-search { --content-width: 8; --content-offset: 2; grid-column: 3/span 8; } } .page-hero .search-form { grid-column: 1/-1; } .page-hero .card-holder { margin-top: 0; } .page-hero.\:text-center { text-align: center; position: relative; } .page-hero.\:text-center .page-hero__text { position: relative; z-index: 2; } .page-hero.\:text-center .page-hero__title { margin-bottom: 0.4em; } @media (min-width: 596px) { .page-hero.\:text-center .page-hero__title { grid-column: 2/span 10; } } @media (min-width: 1084px) { .page-hero.\:text-center .page-hero__title { grid-column: 3/span 8; } } @media (min-width: 596px) { .page-hero.\:text-center .page-hero__abstract { grid-column: 3/span 8; } } @media (min-width: 1084px) { .page-hero.\:text-center .page-hero__abstract { grid-column: 4/span 6; } } .page-hero.\:text-center .page-hero__graphic { position: absolute; inset: 70% 0 -8px 0; z-index: 1; margin: 0; pointer-events: none; } .page-hero.\:text-center:has(.\:icon-we-act-trees-center) .page-hero__text { padding-block: var(--rhythm-medium); } .page-hero.\:text-center:has(.\:icon-we-act-trees-center) .page-hero__graphic { --p-icon: var(--p-line); inset: 0; } @media (max-width: 1791.98px) { .page-hero.\:text-center:has(.\:icon-we-act-trees-center) .page-hero__graphic { opacity: 0.4; } } @media (min-width: 596px) { .page-hero.\:text-row .page-hero__title { grid-column: 1/span 10; } } @media (min-width: 1084px) { .page-hero.\:text-row .page-hero__title { grid-column: 1/span 6; } } @media (min-width: 596px) { .page-hero.\:text-row .page-hero__abstract { grid-column: 1/span 8; } } @media (min-width: 1084px) { .page-hero.\:text-row .page-hero__abstract { grid-column: span 5/-1; } } .page-hero.\:text-row .page-hero__graphic { min-height: 80px; } .page-hero.\:text-row:not(:has(.page-hero__cards)) .page-hero__graphic { margin-bottom: -8px; } .page-hero.\:text-left { position: relative; } .page-hero.\:text-left .page-hero__text { position: relative; z-index: 4; } @media (min-width: 1084px) { .page-hero.\:text-left .page-hero__abstract { grid-column: 1/span 5; } } .page-hero.\:text-left .page-hero__image { position: absolute; inset: 0; } .page-hero.\:text-left .page-hero__image::after { content: ""; position: absolute; inset: 0; z-index: 3; background-image: linear-gradient(120deg, var(--p-bg), color-mix(in hsl, var(--p-bg) 20%, transparent)); pointer-events: none; } .page-hero.\:text-left .media-figure { width: 100%; height: 100%; } .page-hero.\:text-left .image__inner { height: 100%; } .page-hero.\:text-left .c-image { z-index: 1; } .page-hero.\:text-left .c-image-inner { position: absolute; inset: 0; } @media (min-width: 740px) { .page-hero__subnav__expandable-button { display: none; } } @media (min-width: 740px) { .page-hero__subnav__expandable { grid-template-rows: 1fr; clip-path: none; } } .page-hero__subnav__expandable .anchor-group { margin-bottom: 0; } @media (min-width: 900px) { .page-hero__subnav__expandable .anchor-group__items { -moz-columns: 3; columns: 3; } } .page-hero__subnav__expandable .anchor-group__item { --link-text-color: var(--p-text-alt); --link-shy-text-color: var(--p-text-alt); --link-shy-border-color: transparent; --link-shy-bg-color: transparent; padding-block: 0; font-size: clamp(18px, 0.5136vw + 16.1506px, 24px); font-family: "The Bold Font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.2; letter-spacing: 0.0833em; text-transform: uppercase; font-variant-numeric: lining-nums; } .page-hero__subnav__expandable .icon { flex: 0 0 calc(var(--icon-size) + 12px); padding: 6px; width: calc(var(--icon-size) + 12px); height: calc(var(--icon-size) + 12px); border-radius: 50%; background-color: var(--p-btn-v3-bg-default); } } @layer component_custom { .page-hero__subnav__expandable .anchor { display: flex; } .page-hero__subnav__expandable .anchor__link { flex: 1 1 0; display: flex; justify-content: space-between; align-items: center; gap: 0.55em; padding-top: 0.65em; padding-bottom: 0.85em; border-top: 1px solid var(--p-line-alt); } .page-hero__subnav__expandable .anchor__link .icon { opacity: 0; transition: opacity 240ms cubic-bezier(0.42, 0, 0.32, 1); } @media (hover: hover) { .page-hero__subnav__expandable .anchor__link:hover .icon { opacity: 1; } } .page-hero__subnav__expandable .anchor__link__text { translate: 0 0.15em; } } @layer component_local { .person-hero { position: relative; } .person-hero__image { --icon-size: 16px; position: relative; z-index: 2; grid-column: 1/-1; } .person-hero__image > a { display: block; } .person-hero__image .anchor { position: absolute; left: 0; bottom: 0; display: flex; gap: 0.5em; padding-right: 0.5em; padding-top: 0.25em; background: var(--p-bg); font-size: 13px; font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 400; line-height: 1.4; letter-spacing: 0em; text-transform: none; } .person-hero__image .icon { order: -1; } .person-hero__image .image__media { border-radius: 12px; } .person-hero__text { position: relative; z-index: 2; grid-column: 1/-1; display: flex; flex-direction: column; } .person-hero__title { margin-bottom: 0.65em; font-size: clamp(32px, 1.8835vw + 25.2191px, 54px); line-height: clamp(35.6307px, 1.8256vw + 29.0585px, 56.9538px); letter-spacing: clamp(-0.6947px, -0.0385vw - 0.1067px, -0.2452px); } .person-hero__meta { margin-bottom: 1em; } .person-hero__meta .meta-list__item { margin-block: 0.25em; font-size: 18px; font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.4; letter-spacing: 0.09em; text-transform: uppercase; font-variant-numeric: lining-nums; color: var(--p-text-alt); } .person-hero__meta .meta-list__item--role { font-size: clamp(20px, 1.0273vw + 16.3013px, 32px); font-family: "The Bold Font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: clamp(24px, 0.9957vw + 20.4151px, 35.6307px); letter-spacing: clamp(-0.2452px, -0.021vw + 0.0755px, 0px); text-transform: uppercase; font-variant-numeric: lining-nums; } .person-hero__footer { margin-top: auto; } @media (min-width: 468px) { .person-hero__image { grid-column: 1/span 8; } } @media (min-width: 596px) { .person-hero__image { grid-column: 1/span 6; } } @media (max-width: 739.98px) { .person-hero__text { margin-top: 24px; } } @media (min-width: 740px) { .person-hero__inner { grid-template-rows: 1fr auto; } .person-hero__image { grid-column: 1/span 5; } .person-hero__text { grid-column: 6/span 7; } } @media (min-width: 740px) { .person-hero__image { grid-column: 1/span 4; } .person-hero__text { grid-column: 5/span 8; } } .person-hero__graphic { position: absolute; inset: 60% 0 15% 0; z-index: 1; } .person-hero__graphic svg { -o-object-fit: contain; object-fit: contain; } @media (min-width: 1528px) { .person-hero__graphic { inset: 60% 0 7% 0; } } .person-hero__graphic .icon { --p-icon: var(--p-line); --icon-size: 100%; display: block; } } @layer component_custom { .person-hero__image { order: unset; margin-block: var(--rhythm-small); } @media (min-width: 740px) { .person-hero__image { margin-block: 0; } } } @layer component_local { .post-hero__inner > * { grid-column: 1/-1; } .post-hero__text { position: relative; z-index: 1; display: flex; flex-direction: column; } .post-hero__title { font-size: clamp(24px, 1.7123vw + 17.8356px, 44px); font-family: "The Bold Font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: clamp(27.8769px, 1.6596vw + 21.9022px, 47.2615px); letter-spacing: clamp(-0.4904px, -0.035vw + 0.0442px, -0.0818px); text-transform: uppercase; font-variant-numeric: lining-nums; } .post-hero__meta + .post-hero__title { margin-top: 0.25em; } .post-hero__abstract { margin-block: 0; max-width: 540px; } .post-hero__tags { margin-top: auto; padding-top: var(--rhythm-flow); } .post-hero__image { container: post-hero-image/inline-size; order: unset; position: relative; margin-top: var(--rhythm-outer); } @media (min-width: 740px) { .post-hero__image { margin-top: 0; } } .post-hero__image .image__media { border-radius: 12px; } .post-hero__button { position: absolute; left: 0; right: 0; bottom: calc(100% - 100cqw / 1.2 + 24px); display: flex; justify-content: center; } @media (min-width: 740px) { .post-hero__text { grid-column: 1/span 8; } .post-hero__image { grid-column: span 4/-1; order: unset; } } @media (min-width: 900px) { .post-hero__text { grid-column: 1/span 7; } } @media (min-width: 1084px) { .post-hero__text { grid-column: 1/span 6; } .post-hero__image { grid-column: span 5/-1; } } } @layer component_local { .program-hero__title { font-size: clamp(32px, 1.8835vw + 25.2191px, 54px); line-height: clamp(35.6307px, 1.8256vw + 29.0585px, 56.9538px); letter-spacing: clamp(-0.6947px, -0.0385vw - 0.1067px, -0.2452px); } } @layer component_local {} @layer page_local { :is(body, .w-page) .page-hero.donate { background-color: var(--color-lime); } } @layer page_local { :is(body, .w-page).error404 { padding-bottom: 0; } :is(body, .w-page).error404 .kicker { font-size: clamp(20px, 1.0273vw + 16.3013px, 32px); font-family: "The Bold Font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: clamp(24px, 0.9957vw + 20.4151px, 35.6307px); letter-spacing: clamp(-0.2452px, -0.021vw + 0.0755px, 0px); text-transform: uppercase; font-variant-numeric: lining-nums; } :is(body, .w-page).error404 h1 { font-size: clamp(24px, 1.7123vw + 17.8356px, 44px); font-family: "The Bold Font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: clamp(27.8769px, 1.6596vw + 21.9022px, 47.2615px); letter-spacing: clamp(-0.4904px, -0.035vw + 0.0442px, -0.0818px); text-transform: uppercase; font-variant-numeric: lining-nums; } :is(body, .w-page).error404 .c-text { --content-width: 12; --content-offset: 0; grid-column: 1/-1; } @media (min-width: 596px) { :is(body, .w-page).error404 .c-text { --content-width: 10; --content-offset: 1; grid-column: 2/span 10; } } @media (min-width: 900px) { :is(body, .w-page).error404 .c-text { --content-width: 8; --content-offset: 2; grid-column: 3/span 8; } } @media (min-width: 1292px) { :is(body, .w-page).error404 .c-text { --content-width: 6; --content-offset: 3; grid-column: 4/span 6; } } :is(body, .w-page).error404 main { margin-top: var(--rhythm-large); } } @layer page_custom { :is(body, .w-page).error404 .page-hero { padding-bottom: 0; } } @layer page_local { :is(body, .w-page).search-results .page-hero__title { --content-width: 12; --content-offset: 0; grid-column: 1/-1; font-size: clamp(36px, 4.6232vw + 19.3561px, 90px); font-family: "The Bold Font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: clamp(39.5076px, 4.481vw + 23.3759px, 91.8461px); letter-spacing: clamp(-1.4302px, -0.0945vw + 0.0131px, -0.3269px); text-transform: uppercase; font-variant-numeric: lining-nums; } @media (min-width: 596px) { :is(body, .w-page).search-results .page-hero__title { --content-width: 10; --content-offset: 1; grid-column: 2/span 10; } } @media (min-width: 900px) { :is(body, .w-page).search-results .page-hero__title { --content-width: 8; --content-offset: 2; grid-column: 3/span 8; } } :is(body, .w-page).search-results .page-hero__graphic { display: none; } :is(body, .w-page).search-results .page-hero .search-form { --content-width: 12; --content-offset: 0; grid-column: 1/-1; } @media (min-width: 596px) { :is(body, .w-page).search-results .page-hero .search-form { --content-width: 10; --content-offset: 1; grid-column: 2/span 10; } } @media (min-width: 900px) { :is(body, .w-page).search-results .page-hero .search-form { --content-width: 8; --content-offset: 2; grid-column: 3/span 8; } } }