@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, site_override, element_override, component_override, page_override, utility, override_all; @layer site_default { .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: 16px; } :is(a, .shy:not(a)):where(:not(.btn, .nctqshared-button)) { 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, .nctqshared-button)).\:icon { display: inline-flex; align-items: center; gap: 1.25em; } @media (hover: hover) { :is(a, .shy:not(a)):where(:not(.btn, .nctqshared-button)):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)); } } } @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, var(--grid-gap-x)) ) / var(--grid-columns) ); --column-width: calc(--column-gutter-width - var(--grid-gap, 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, var(--grid-gap-y)) var(--grid-gap, 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, var(--grid-gap-y)) var(--grid-gap, 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 { :is(.masthead, .page-footer) { --color-air: #ffffff; --color-cloud: #f0f3fa; --color-fog: #f1f1f1; --color-sky: #1d6cd0; --color-lake: #1b3862; --color-ocean: #182f50; --color-cave: #0f223d; --color-river: #22467a; --color-stone: #c4cdda; --color-pebble: #dce2ea; --color-rock: #c9d3ea; --color-slate: #98abce; --color-periwinkle: #4a91d0; --color-steel: #456189; --color-clay: #9da4ae; --color-night: #000000; --color-sand: #997c23; --color-lime: #a0c620; --color-tangerine: #f68e1e; --color-cherry: #db4545; --color-night-60: #00000099; --color-night-50: #00000080; --color-night-20: #00000033; --color-ocean-70: #182f50b3; --color-cave-50: #0f223d80; --color-cave-5: #0f223d0d; --color-transparent: transparent; } } @layer site_base { :is(.masthead, .page-footer) .\:palette-1, :is(.masthead, .page-footer) .\:palette-air { --p-bg: var(--color-air); --p-inset-bg: var(--color-cloud); --p-overlay-bg: var(--color-night-60); --p-text: var(--color-cave); --p-list-marker-1: var(--color-cave); --p-list-marker-2: var(--color-cave); --p-list-marker-3: var(--color-cave); --p-list-marker-ordered-1: var(--color-periwinkle); --p-list-marker-ordered-2: var(--color-periwinkle); --p-list-marker-ordered-3: var(--color-periwinkle); --p-selection-bg: var(--color-tangerine); --p-selection-text: var(--color-cave); --p-caption: var(--color-cave); --p-error: var(--color-cherry); --p-accent-1: var(--color-sky); --p-accent-2: var(--color-sand); --p-accent-3: var(--color-lime); --p-accent-4: var(--color-tangerine); --p-accent-5: var(--color-cherry); --p-line: var(--color-clay); --p-line-alt: var(--color-pebble); --p-icon: var(--color-sky); --p-icon-alt: var(--color-stone); --p-icon-alt-2: var(--color-steel); --p-image-bg: var(--color-cave-5); --link-text-color-default: var(--color-cave); --link-border-color-default: var(--color-cave); --link-bg-color-default: var(--color-rock); --link-text-color-hover: var(--color-cave); --link-border-color-hover: var(--color-cave); --link-bg-color-hover: var(--color-rock); --link-text-color-active: var(--color-cave); --link-border-color-active: var(--color-cave); --link-bg-color-active: var(--color-rock); --link-shy-text-color-default: var(--color-cave); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-transparent); --link-shy-text-color-hover: var(--color-cave); --link-shy-border-color-hover: var(--color-cave); --link-shy-bg-color-hover: var(--color-transparent); --p-btn-v1-text-default: var(--color-air); --p-btn-v1-border-default: var(--color-sky); --p-btn-v1-bg-default: var(--color-sky); --p-btn-v1-text-hover: var(--color-air); --p-btn-v1-border-hover: var(--color-ocean); --p-btn-v1-bg-hover: var(--color-ocean); --p-btn-v1-text-active: var(--color-air); --p-btn-v1-border-active: var(--color-ocean); --p-btn-v1-bg-active: var(--color-ocean); --p-btn-v1-text-disabled: var(--color-air); --p-btn-v1-border-disabled: var(--color-sky); --p-btn-v1-bg-disabled: var(--color-sky); --p-btn-v2-text-default: var(--color-ocean); --p-btn-v2-border-default: var(--color-ocean); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-air); --p-btn-v2-border-hover: var(--color-ocean); --p-btn-v2-bg-hover: var(--color-ocean); --p-btn-v2-text-active: var(--color-air); --p-btn-v2-border-active: var(--color-ocean); --p-btn-v2-bg-active: var(--color-ocean); --p-btn-v2-text-disabled: var(--color-ocean); --p-btn-v2-border-disabled: var(--color-ocean); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v1-media-text-default: var(--color-air); --p-btn-v1-media-border-default: var(--color-cave); --p-btn-v1-media-bg-default: var(--color-cave); --p-btn-v1-media-text-hover: var(--color-air); --p-btn-v1-media-border-hover: var(--color-sky); --p-btn-v1-media-bg-hover: var(--color-sky); --p-btn-v1-media-text-active: var(--color-air); --p-btn-v1-media-border-active: var(--color-sky); --p-btn-v1-media-bg-active: var(--color-sky); --p-btn-v1-media-text-disabled: var(--color-air); --p-btn-v1-media-border-disabled: var(--color-cave); --p-btn-v1-media-bg-disabled: var(--color-cave); --field-text-color-default: var(--color-cave-50); --field-border-color-default: var(--color-clay); --field-bg-color-default: var(--color-air); --field-text-color-value: var(--color-cave); --field-border-color-value: var(--color-clay); --field-bg-color-value: var(--color-air); --field-text-color-hover: var(--color-cave); --field-border-color-hover: var(--color-clay); --field-bg-color-hover: var(--color-air); --field-text-color-focus: var(--color-cave); --field-border-color-focus: var(--color-sky); --field-bg-color-focus: var(--color-air); --field-text-color-error: var(--color-cave); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-air); --field-text-color-disabled: var(--color-cave-50); --field-border-color-disabled: var(--color-clay); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-cave); --toggle-input-border-color-default: var(--color-clay); --toggle-input-bg-color-default: var(--color-air); --toggle-input-icon-color-value: var(--color-cave); --toggle-input-border-color-value: var(--color-clay); --toggle-input-bg-color-value: var(--color-air); --toggle-input-icon-color-hover: var(--color-cave); --toggle-input-border-color-hover: var(--color-sky); --toggle-input-bg-color-hover: var(--color-air); --toggle-input-icon-color-focus: var(--color-cave); --toggle-input-border-color-focus: var(--color-sky); --toggle-input-bg-color-focus: var(--color-air); --toggle-input-icon-color-disabled: var(--color-cave); --toggle-input-border-color-disabled: var(--color-clay); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-cave); --tag-border-color-default: var(--color-clay); --tag-bg-color-default: var(--color-transparent); --tag-text-color-hover: var(--color-air); --tag-border-color-hover: var(--color-ocean); --tag-bg-color-hover: var(--color-ocean); --p-tab-text-default: var(--color-cave); --p-tab-border-default: var(--color-clay); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cave); --p-tab-border-hover: var(--color-clay); --p-tab-bg-hover: var(--color-pebble); --p-tab-text-active: var(--color-air); --p-tab-border-active: var(--color-cave); --p-tab-bg-active: var(--color-cave); --p-tab-text-disabled: var(--color-cave); --p-tab-border-disabled: var(--color-clay); --p-tab-bg-disabled: var(--color-transparent); --p-logo-primary: var(--color-lake); --p-logo-secondary: var(--color-slate); --p-pagination-active: var(--color-cave); --p-pagination-inactive: var(--color-cave-50); --p-nav-dropdown-bg: var(--color-air); --p-statistic-ring: var(--color-stone); --p-progress-bar: var(--color-periwinkle); --p-article-nav-border: var(--color-slate); --p-table-header-bg: var(--color-cave); --p-table-header-text: var(--color-air); } } @layer site_base { :is(.masthead, .page-footer) .\:palette-2, :is(.masthead, .page-footer) .\:palette-cloud { --p-bg: var(--color-cloud); --p-inset-bg: var(--color-air); --p-overlay-bg: var(--color-night-60); --p-text: var(--color-cave); --p-list-marker-1: var(--color-cave); --p-list-marker-2: var(--color-cave); --p-list-marker-3: var(--color-cave); --p-list-marker-ordered-1: var(--color-periwinkle); --p-list-marker-ordered-2: var(--color-periwinkle); --p-list-marker-ordered-3: var(--color-periwinkle); --p-selection-bg: var(--color-tangerine); --p-selection-text: var(--color-cave); --p-caption: var(--color-cave); --p-error: var(--color-cherry); --p-accent-1: var(--color-sky); --p-accent-2: var(--color-sand); --p-accent-3: var(--color-lime); --p-accent-4: var(--color-tangerine); --p-accent-5: var(--color-cherry); --p-line: var(--color-clay); --p-line-alt: var(--color-pebble); --p-icon: var(--color-sky); --p-icon-alt: var(--color-stone); --p-icon-alt-2: var(--color-steel); --p-image-bg: var(--color-cave-5); --link-text-color-default: var(--color-cave); --link-border-color-default: var(--color-cave); --link-bg-color-default: var(--color-rock); --link-text-color-hover: var(--color-cave); --link-border-color-hover: var(--color-cave); --link-bg-color-hover: var(--color-rock); --link-text-color-active: var(--color-cave); --link-border-color-active: var(--color-cave); --link-bg-color-active: var(--color-rock); --link-shy-text-color-default: var(--color-cave); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-transparent); --link-shy-text-color-hover: var(--color-cave); --link-shy-border-color-hover: var(--color-cave); --link-shy-bg-color-hover: var(--color-transparent); --p-btn-v1-text-default: var(--color-air); --p-btn-v1-border-default: var(--color-sky); --p-btn-v1-bg-default: var(--color-sky); --p-btn-v1-text-hover: var(--color-air); --p-btn-v1-border-hover: var(--color-ocean); --p-btn-v1-bg-hover: var(--color-ocean); --p-btn-v1-text-active: var(--color-air); --p-btn-v1-border-active: var(--color-ocean); --p-btn-v1-bg-active: var(--color-ocean); --p-btn-v1-text-disabled: var(--color-air); --p-btn-v1-border-disabled: var(--color-sky); --p-btn-v1-bg-disabled: var(--color-sky); --p-btn-v2-text-default: var(--color-ocean); --p-btn-v2-border-default: var(--color-ocean); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-air); --p-btn-v2-border-hover: var(--color-ocean); --p-btn-v2-bg-hover: var(--color-ocean); --p-btn-v2-text-active: var(--color-air); --p-btn-v2-border-active: var(--color-ocean); --p-btn-v2-bg-active: var(--color-ocean); --p-btn-v2-text-disabled: var(--color-ocean); --p-btn-v2-border-disabled: var(--color-ocean); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v1-media-text-default: var(--color-air); --p-btn-v1-media-border-default: var(--color-cave); --p-btn-v1-media-bg-default: var(--color-cave); --p-btn-v1-media-text-hover: var(--color-air); --p-btn-v1-media-border-hover: var(--color-sky); --p-btn-v1-media-bg-hover: var(--color-sky); --p-btn-v1-media-text-active: var(--color-air); --p-btn-v1-media-border-active: var(--color-sky); --p-btn-v1-media-bg-active: var(--color-sky); --p-btn-v1-media-text-disabled: var(--color-air); --p-btn-v1-media-border-disabled: var(--color-cave); --p-btn-v1-media-bg-disabled: var(--color-cave); --field-text-color-default: var(--color-cave-50); --field-border-color-default: var(--color-clay); --field-bg-color-default: var(--color-air); --field-text-color-value: var(--color-cave); --field-border-color-value: var(--color-clay); --field-bg-color-value: var(--color-air); --field-text-color-hover: var(--color-cave); --field-border-color-hover: var(--color-clay); --field-bg-color-hover: var(--color-air); --field-text-color-focus: var(--color-cave); --field-border-color-focus: var(--color-sky); --field-bg-color-focus: var(--color-air); --field-text-color-error: var(--color-cave); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-air); --field-text-color-disabled: var(--color-cave-50); --field-border-color-disabled: var(--color-clay); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-cave); --toggle-input-border-color-default: var(--color-clay); --toggle-input-bg-color-default: var(--color-air); --toggle-input-icon-color-value: var(--color-cave); --toggle-input-border-color-value: var(--color-clay); --toggle-input-bg-color-value: var(--color-air); --toggle-input-icon-color-hover: var(--color-cave); --toggle-input-border-color-hover: var(--color-sky); --toggle-input-bg-color-hover: var(--color-air); --toggle-input-icon-color-focus: var(--color-cave); --toggle-input-border-color-focus: var(--color-sky); --toggle-input-bg-color-focus: var(--color-air); --toggle-input-icon-color-disabled: var(--color-cave); --toggle-input-border-color-disabled: var(--color-clay); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-cave); --tag-border-color-default: var(--color-clay); --tag-bg-color-default: var(--color-transparent); --tag-text-color-hover: var(--color-air); --tag-border-color-hover: var(--color-ocean); --tag-bg-color-hover: var(--color-ocean); --p-tab-text-default: var(--color-cave); --p-tab-border-default: var(--color-clay); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cave); --p-tab-border-hover: var(--color-clay); --p-tab-bg-hover: var(--color-pebble); --p-tab-text-active: var(--color-air); --p-tab-border-active: var(--color-cave); --p-tab-bg-active: var(--color-cave); --p-tab-text-disabled: var(--color-cave); --p-tab-border-disabled: var(--color-clay); --p-tab-bg-disabled: var(--color-transparent); --p-logo-primary: var(--color-lake); --p-logo-secondary: var(--color-slate); --p-pagination-active: var(--color-cave); --p-pagination-inactive: var(--color-cave-50); --p-nav-dropdown-bg: var(--color-air); --p-statistic-ring: var(--color-stone); --p-progress-bar: var(--color-periwinkle); --p-article-nav-border: var(--color-slate); --p-table-header-bg: var(--color-cave); --p-table-header-text: var(--color-air); } } @layer site_base { :is(.masthead, .page-footer) .\:palette-3, :is(.masthead, .page-footer) .\:palette-fog { --p-bg: var(--color-fog); --p-inset-bg: var(--color-air); --p-overlay-bg: var(--color-night-60); --p-text: var(--color-cave); --p-list-marker-1: var(--color-cave); --p-list-marker-2: var(--color-cave); --p-list-marker-3: var(--color-cave); --p-list-marker-ordered-1: var(--color-periwinkle); --p-list-marker-ordered-2: var(--color-periwinkle); --p-list-marker-ordered-3: var(--color-periwinkle); --p-selection-bg: var(--color-tangerine); --p-selection-text: var(--color-cave); --p-caption: var(--color-cave); --p-error: var(--color-cherry); --p-accent-1: var(--color-sky); --p-accent-2: var(--color-sand); --p-accent-3: var(--color-lime); --p-accent-4: var(--color-tangerine); --p-accent-5: var(--color-cherry); --p-line: var(--color-clay); --p-line-alt: var(--color-pebble); --p-icon: var(--color-sky); --p-icon-alt: var(--color-stone); --p-icon-alt-2: var(--color-steel); --p-image-bg: var(--color-cave-5); --link-text-color-default: var(--color-cave); --link-border-color-default: var(--color-cave); --link-bg-color-default: var(--color-rock); --link-text-color-hover: var(--color-cave); --link-border-color-hover: var(--color-cave); --link-bg-color-hover: var(--color-rock); --link-text-color-active: var(--color-cave); --link-border-color-active: var(--color-cave); --link-bg-color-active: var(--color-rock); --link-shy-text-color-default: var(--color-cave); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-transparent); --link-shy-text-color-hover: var(--color-cave); --link-shy-border-color-hover: var(--color-cave); --link-shy-bg-color-hover: var(--color-transparent); --p-btn-v1-text-default: var(--color-air); --p-btn-v1-border-default: var(--color-sky); --p-btn-v1-bg-default: var(--color-sky); --p-btn-v1-text-hover: var(--color-air); --p-btn-v1-border-hover: var(--color-ocean); --p-btn-v1-bg-hover: var(--color-ocean); --p-btn-v1-text-active: var(--color-air); --p-btn-v1-border-active: var(--color-ocean); --p-btn-v1-bg-active: var(--color-ocean); --p-btn-v1-text-disabled: var(--color-air); --p-btn-v1-border-disabled: var(--color-sky); --p-btn-v1-bg-disabled: var(--color-sky); --p-btn-v2-text-default: var(--color-ocean); --p-btn-v2-border-default: var(--color-ocean); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-air); --p-btn-v2-border-hover: var(--color-ocean); --p-btn-v2-bg-hover: var(--color-ocean); --p-btn-v2-text-active: var(--color-air); --p-btn-v2-border-active: var(--color-ocean); --p-btn-v2-bg-active: var(--color-ocean); --p-btn-v2-text-disabled: var(--color-ocean); --p-btn-v2-border-disabled: var(--color-ocean); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v1-media-text-default: var(--color-air); --p-btn-v1-media-border-default: var(--color-cave); --p-btn-v1-media-bg-default: var(--color-cave); --p-btn-v1-media-text-hover: var(--color-air); --p-btn-v1-media-border-hover: var(--color-sky); --p-btn-v1-media-bg-hover: var(--color-sky); --p-btn-v1-media-text-active: var(--color-air); --p-btn-v1-media-border-active: var(--color-sky); --p-btn-v1-media-bg-active: var(--color-sky); --p-btn-v1-media-text-disabled: var(--color-air); --p-btn-v1-media-border-disabled: var(--color-cave); --p-btn-v1-media-bg-disabled: var(--color-cave); --field-text-color-default: var(--color-cave-50); --field-border-color-default: var(--color-clay); --field-bg-color-default: var(--color-air); --field-text-color-value: var(--color-cave); --field-border-color-value: var(--color-clay); --field-bg-color-value: var(--color-air); --field-text-color-hover: var(--color-cave); --field-border-color-hover: var(--color-clay); --field-bg-color-hover: var(--color-air); --field-text-color-focus: var(--color-cave); --field-border-color-focus: var(--color-sky); --field-bg-color-focus: var(--color-air); --field-text-color-error: var(--color-cave); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-air); --field-text-color-disabled: var(--color-cave-50); --field-border-color-disabled: var(--color-clay); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-cave); --toggle-input-border-color-default: var(--color-clay); --toggle-input-bg-color-default: var(--color-air); --toggle-input-icon-color-value: var(--color-cave); --toggle-input-border-color-value: var(--color-clay); --toggle-input-bg-color-value: var(--color-air); --toggle-input-icon-color-hover: var(--color-cave); --toggle-input-border-color-hover: var(--color-sky); --toggle-input-bg-color-hover: var(--color-air); --toggle-input-icon-color-focus: var(--color-cave); --toggle-input-border-color-focus: var(--color-sky); --toggle-input-bg-color-focus: var(--color-air); --toggle-input-icon-color-disabled: var(--color-cave); --toggle-input-border-color-disabled: var(--color-clay); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-cave); --tag-border-color-default: var(--color-clay); --tag-bg-color-default: var(--color-transparent); --tag-text-color-hover: var(--color-air); --tag-border-color-hover: var(--color-ocean); --tag-bg-color-hover: var(--color-ocean); --p-tab-text-default: var(--color-cave); --p-tab-border-default: var(--color-clay); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cave); --p-tab-border-hover: var(--color-clay); --p-tab-bg-hover: var(--color-pebble); --p-tab-text-active: var(--color-air); --p-tab-border-active: var(--color-cave); --p-tab-bg-active: var(--color-cave); --p-tab-text-disabled: var(--color-cave); --p-tab-border-disabled: var(--color-clay); --p-tab-bg-disabled: var(--color-transparent); --p-logo-primary: var(--color-lake); --p-logo-secondary: var(--color-slate); --p-pagination-active: var(--color-cave); --p-pagination-inactive: var(--color-cave-50); --p-nav-dropdown-bg: var(--color-air); --p-statistic-ring: var(--color-stone); --p-progress-bar: var(--color-periwinkle); --p-article-nav-border: var(--color-slate); --p-table-header-bg: var(--color-cave); --p-table-header-text: var(--color-air); } } @layer site_base { :is(.masthead, .page-footer) .\:palette-4, :is(.masthead, .page-footer) .\:palette-sky { --p-bg: var(--color-sky); --p-inset-bg: var(--color-lake); --p-overlay-bg: var(--color-night-60); --p-text: var(--color-air); --p-list-marker-1: var(--color-air); --p-list-marker-2: var(--color-air); --p-list-marker-3: var(--color-air); --p-list-marker-ordered-1: var(--color-periwinkle); --p-list-marker-ordered-2: var(--color-periwinkle); --p-list-marker-ordered-3: var(--color-periwinkle); --p-selection-bg: var(--color-river); --p-selection-text: var(--color-air); --p-caption: var(--color-cave); --p-error: var(--color-cherry); --p-accent-1: var(--color-sky); --p-accent-2: var(--color-sand); --p-accent-3: var(--color-lime); --p-accent-4: var(--color-tangerine); --p-accent-5: var(--color-cherry); --p-line: var(--color-clay); --p-line-alt: var(--color-pebble); --p-icon: var(--color-air); --p-icon-alt: var(--color-river); --p-icon-alt-2: var(--color-air); --p-image-bg: var(--color-cave-5); --link-text-color-default: var(--color-air); --link-border-color-default: var(--color-air); --link-bg-color-default: var(--color-river); --link-text-color-hover: var(--color-air); --link-border-color-hover: var(--color-air); --link-bg-color-hover: var(--color-river); --link-text-color-active: var(--color-air); --link-border-color-active: var(--color-air); --link-bg-color-active: var(--color-river); --link-shy-text-color-default: var(--color-air); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-river); --link-shy-text-color-hover: var(--color-air); --link-shy-border-color-hover: var(--color-air); --link-shy-bg-color-hover: var(--color-river); --p-btn-v1-text-default: var(--color-air); --p-btn-v1-border-default: var(--color-river); --p-btn-v1-bg-default: var(--color-river); --p-btn-v1-text-hover: var(--color-river); --p-btn-v1-border-hover: var(--color-air); --p-btn-v1-bg-hover: var(--color-air); --p-btn-v1-text-active: var(--color-river); --p-btn-v1-border-active: var(--color-air); --p-btn-v1-bg-active: var(--color-air); --p-btn-v1-text-disabled: var(--color-air); --p-btn-v1-border-disabled: var(--color-river); --p-btn-v1-bg-disabled: var(--color-river); --p-btn-v2-text-default: var(--color-air); --p-btn-v2-border-default: var(--color-air); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-air); --p-btn-v2-border-hover: var(--color-river); --p-btn-v2-bg-hover: var(--color-river); --p-btn-v2-text-active: var(--color-air); --p-btn-v2-border-active: var(--color-ocean); --p-btn-v2-bg-active: var(--color-ocean); --p-btn-v2-text-disabled: var(--color-ocean); --p-btn-v2-border-disabled: var(--color-ocean); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v1-media-text-default: var(--color-air); --p-btn-v1-media-border-default: var(--color-cave); --p-btn-v1-media-bg-default: var(--color-cave); --p-btn-v1-media-text-hover: var(--color-air); --p-btn-v1-media-border-hover: var(--color-sky); --p-btn-v1-media-bg-hover: var(--color-sky); --p-btn-v1-media-text-active: var(--color-air); --p-btn-v1-media-border-active: var(--color-sky); --p-btn-v1-media-bg-active: var(--color-sky); --p-btn-v1-media-text-disabled: var(--color-air); --p-btn-v1-media-border-disabled: var(--color-cave); --p-btn-v1-media-bg-disabled: var(--color-cave); --field-text-color-default: var(--color-cave-50); --field-border-color-default: var(--color-clay); --field-bg-color-default: var(--color-air); --field-text-color-value: var(--color-cave); --field-border-color-value: var(--color-clay); --field-bg-color-value: var(--color-air); --field-text-color-hover: var(--color-cave); --field-border-color-hover: var(--color-clay); --field-bg-color-hover: var(--color-air); --field-text-color-focus: var(--color-cave); --field-border-color-focus: var(--color-sky); --field-bg-color-focus: var(--color-air); --field-text-color-error: var(--color-cave); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-air); --field-text-color-disabled: var(--color-cave-50); --field-border-color-disabled: var(--color-clay); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-cave); --toggle-input-border-color-default: var(--color-clay); --toggle-input-bg-color-default: var(--color-air); --toggle-input-icon-color-value: var(--color-cave); --toggle-input-border-color-value: var(--color-clay); --toggle-input-bg-color-value: var(--color-air); --toggle-input-icon-color-hover: var(--color-cave); --toggle-input-border-color-hover: var(--color-sky); --toggle-input-bg-color-hover: var(--color-air); --toggle-input-icon-color-focus: var(--color-cave); --toggle-input-border-color-focus: var(--color-sky); --toggle-input-bg-color-focus: var(--color-air); --toggle-input-icon-color-disabled: var(--color-cave); --toggle-input-border-color-disabled: var(--color-clay); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-cave); --tag-border-color-default: var(--color-clay); --tag-bg-color-default: var(--color-transparent); --tag-text-color-hover: var(--color-air); --tag-border-color-hover: var(--color-ocean); --tag-bg-color-hover: var(--color-ocean); --p-tab-text-default: var(--color-cave); --p-tab-border-default: var(--color-clay); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cave); --p-tab-border-hover: var(--color-clay); --p-tab-bg-hover: var(--color-pebble); --p-tab-text-active: var(--color-air); --p-tab-border-active: var(--color-cave); --p-tab-bg-active: var(--color-cave); --p-tab-text-disabled: var(--color-cave); --p-tab-border-disabled: var(--color-clay); --p-tab-bg-disabled: var(--color-transparent); --p-logo-primary: var(--color-lake); --p-logo-secondary: var(--color-slate); --p-pagination-active: var(--color-cave); --p-pagination-inactive: var(--color-cave-50); --p-nav-dropdown-bg: var(--color-air); --p-statistic-ring: var(--color-lake); --p-progress-bar: var(--color-periwinkle); --p-article-nav-border: var(--color-slate); --p-table-header-bg: var(--color-cave); --p-table-header-text: var(--color-air); } } @layer site_base { :is(.masthead, .page-footer) .\:palette-5, :is(.masthead, .page-footer) .\:palette-lake { --p-bg: var(--color-lake); --p-inset-bg: var(--color-ocean); --p-overlay-bg: var(--color-night-60); --p-text: var(--color-air); --p-list-marker-1: var(--color-air); --p-list-marker-2: var(--color-air); --p-list-marker-3: var(--color-air); --p-list-marker-ordered-1: var(--color-periwinkle); --p-list-marker-ordered-2: var(--color-periwinkle); --p-list-marker-ordered-3: var(--color-periwinkle); --p-selection-bg: var(--color-sky); --p-selection-text: var(--color-air); --p-caption: var(--color-cave); --p-error: var(--color-cherry); --p-accent-1: var(--color-sky); --p-accent-2: var(--color-sand); --p-accent-3: var(--color-lime); --p-accent-4: var(--color-tangerine); --p-accent-5: var(--color-cherry); --p-line: var(--color-clay); --p-line-alt: var(--color-pebble); --p-icon: var(--color-air); --p-icon-alt: var(--color-river); --p-icon-alt-2: var(--color-air); --p-image-bg: var(--color-cave-5); --link-text-color-default: var(--color-air); --link-border-color-default: var(--color-air); --link-bg-color-default: var(--color-sky); --link-text-color-hover: var(--color-air); --link-border-color-hover: var(--color-air); --link-bg-color-hover: var(--color-sky); --link-text-color-active: var(--color-air); --link-border-color-active: var(--color-air); --link-bg-color-active: var(--color-sky); --link-shy-text-color-default: var(--color-air); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-sky); --link-shy-text-color-hover: var(--color-air); --link-shy-border-color-hover: var(--color-air); --link-shy-bg-color-hover: var(--color-sky); --p-btn-v1-text-default: var(--color-air); --p-btn-v1-border-default: var(--color-sky); --p-btn-v1-bg-default: var(--color-sky); --p-btn-v1-text-hover: var(--color-river); --p-btn-v1-border-hover: var(--color-air); --p-btn-v1-bg-hover: var(--color-air); --p-btn-v1-text-active: var(--color-river); --p-btn-v1-border-active: var(--color-air); --p-btn-v1-bg-active: var(--color-air); --p-btn-v1-text-disabled: var(--color-air); --p-btn-v1-border-disabled: var(--color-river); --p-btn-v1-bg-disabled: var(--color-river); --p-btn-v2-text-default: var(--color-air); --p-btn-v2-border-default: var(--color-air); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-river); --p-btn-v2-border-hover: var(--color-air); --p-btn-v2-bg-hover: var(--color-air); --p-btn-v2-text-active: var(--color-river); --p-btn-v2-border-active: var(--color-air); --p-btn-v2-bg-active: var(--color-air); --p-btn-v2-text-disabled: var(--color-ocean); --p-btn-v2-border-disabled: var(--color-ocean); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v1-media-text-default: var(--color-air); --p-btn-v1-media-border-default: var(--color-cave); --p-btn-v1-media-bg-default: var(--color-cave); --p-btn-v1-media-text-hover: var(--color-air); --p-btn-v1-media-border-hover: var(--color-sky); --p-btn-v1-media-bg-hover: var(--color-sky); --p-btn-v1-media-text-active: var(--color-air); --p-btn-v1-media-border-active: var(--color-sky); --p-btn-v1-media-bg-active: var(--color-sky); --p-btn-v1-media-text-disabled: var(--color-air); --p-btn-v1-media-border-disabled: var(--color-cave); --p-btn-v1-media-bg-disabled: var(--color-cave); --field-text-color-default: var(--color-cave-50); --field-border-color-default: var(--color-clay); --field-bg-color-default: var(--color-air); --field-text-color-value: var(--color-cave); --field-border-color-value: var(--color-clay); --field-bg-color-value: var(--color-air); --field-text-color-hover: var(--color-cave); --field-border-color-hover: var(--color-clay); --field-bg-color-hover: var(--color-air); --field-text-color-focus: var(--color-cave); --field-border-color-focus: var(--color-sky); --field-bg-color-focus: var(--color-air); --field-text-color-error: var(--color-cave); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-air); --field-text-color-disabled: var(--color-cave-50); --field-border-color-disabled: var(--color-clay); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-cave); --toggle-input-border-color-default: var(--color-clay); --toggle-input-bg-color-default: var(--color-air); --toggle-input-icon-color-value: var(--color-cave); --toggle-input-border-color-value: var(--color-clay); --toggle-input-bg-color-value: var(--color-air); --toggle-input-icon-color-hover: var(--color-cave); --toggle-input-border-color-hover: var(--color-sky); --toggle-input-bg-color-hover: var(--color-air); --toggle-input-icon-color-focus: var(--color-cave); --toggle-input-border-color-focus: var(--color-sky); --toggle-input-bg-color-focus: var(--color-air); --toggle-input-icon-color-disabled: var(--color-cave); --toggle-input-border-color-disabled: var(--color-clay); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-cave); --tag-border-color-default: var(--color-clay); --tag-bg-color-default: var(--color-transparent); --tag-text-color-hover: var(--color-air); --tag-border-color-hover: var(--color-ocean); --tag-bg-color-hover: var(--color-ocean); --p-tab-text-default: var(--color-cave); --p-tab-border-default: var(--color-clay); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cave); --p-tab-border-hover: var(--color-clay); --p-tab-bg-hover: var(--color-pebble); --p-tab-text-active: var(--color-air); --p-tab-border-active: var(--color-cave); --p-tab-bg-active: var(--color-cave); --p-tab-text-disabled: var(--color-cave); --p-tab-border-disabled: var(--color-clay); --p-tab-bg-disabled: var(--color-transparent); --p-logo-primary: var(--color-air); --p-logo-secondary: var(--color-slate); --p-pagination-active: var(--color-cave); --p-pagination-inactive: var(--color-cave-50); --p-nav-dropdown-bg: var(--color-air); --p-statistic-ring: var(--color-slate); --p-progress-bar: var(--color-periwinkle); --p-article-nav-border: var(--color-slate); --p-table-header-bg: var(--color-cave); --p-table-header-text: var(--color-air); } } @layer site_base { :is(.masthead, .page-footer) .\:palette-6, :is(.masthead, .page-footer) .\:palette-ocean { --p-bg: var(--color-ocean); --p-inset-bg: var(--color-cave); --p-overlay-bg: var(--color-night-60); --p-text: var(--color-air); --p-list-marker-1: var(--color-air); --p-list-marker-2: var(--color-air); --p-list-marker-3: var(--color-air); --p-list-marker-ordered-1: var(--color-periwinkle); --p-list-marker-ordered-2: var(--color-periwinkle); --p-list-marker-ordered-3: var(--color-periwinkle); --p-selection-bg: var(--color-sky); --p-selection-text: var(--color-air); --p-caption: var(--color-cave); --p-error: var(--color-cherry); --p-accent-1: var(--color-sky); --p-accent-2: var(--color-sand); --p-accent-3: var(--color-lime); --p-accent-4: var(--color-tangerine); --p-accent-5: var(--color-cherry); --p-line: var(--color-clay); --p-line-alt: var(--color-pebble); --p-icon: var(--color-air); --p-icon-alt: var(--color-river); --p-icon-alt-2: var(--color-air); --p-image-bg: var(--color-cave-5); --link-text-color-default: var(--color-air); --link-border-color-default: var(--color-air); --link-bg-color-default: var(--color-sky); --link-text-color-hover: var(--color-air); --link-border-color-hover: var(--color-air); --link-bg-color-hover: var(--color-sky); --link-text-color-active: var(--color-air); --link-border-color-active: var(--color-air); --link-bg-color-active: var(--color-sky); --link-shy-text-color-default: var(--color-air); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-sky); --link-shy-text-color-hover: var(--color-air); --link-shy-border-color-hover: var(--color-air); --link-shy-bg-color-hover: var(--color-sky); --p-btn-v1-text-default: var(--color-air); --p-btn-v1-border-default: var(--color-sky); --p-btn-v1-bg-default: var(--color-sky); --p-btn-v1-text-hover: var(--color-river); --p-btn-v1-border-hover: var(--color-air); --p-btn-v1-bg-hover: var(--color-air); --p-btn-v1-text-active: var(--color-river); --p-btn-v1-border-active: var(--color-air); --p-btn-v1-bg-active: var(--color-air); --p-btn-v1-text-disabled: var(--color-air); --p-btn-v1-border-disabled: var(--color-river); --p-btn-v1-bg-disabled: var(--color-river); --p-btn-v2-text-default: var(--color-air); --p-btn-v2-border-default: var(--color-air); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-river); --p-btn-v2-border-hover: var(--color-air); --p-btn-v2-bg-hover: var(--color-air); --p-btn-v2-text-active: var(--color-river); --p-btn-v2-border-active: var(--color-air); --p-btn-v2-bg-active: var(--color-air); --p-btn-v2-text-disabled: var(--color-ocean); --p-btn-v2-border-disabled: var(--color-ocean); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v1-media-text-default: var(--color-air); --p-btn-v1-media-border-default: var(--color-cave); --p-btn-v1-media-bg-default: var(--color-cave); --p-btn-v1-media-text-hover: var(--color-air); --p-btn-v1-media-border-hover: var(--color-sky); --p-btn-v1-media-bg-hover: var(--color-sky); --p-btn-v1-media-text-active: var(--color-air); --p-btn-v1-media-border-active: var(--color-sky); --p-btn-v1-media-bg-active: var(--color-sky); --p-btn-v1-media-text-disabled: var(--color-air); --p-btn-v1-media-border-disabled: var(--color-cave); --p-btn-v1-media-bg-disabled: var(--color-cave); --field-text-color-default: var(--color-cave-50); --field-border-color-default: var(--color-clay); --field-bg-color-default: var(--color-air); --field-text-color-value: var(--color-cave); --field-border-color-value: var(--color-clay); --field-bg-color-value: var(--color-air); --field-text-color-hover: var(--color-cave); --field-border-color-hover: var(--color-clay); --field-bg-color-hover: var(--color-air); --field-text-color-focus: var(--color-cave); --field-border-color-focus: var(--color-sky); --field-bg-color-focus: var(--color-air); --field-text-color-error: var(--color-cave); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-air); --field-text-color-disabled: var(--color-cave-50); --field-border-color-disabled: var(--color-clay); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-cave); --toggle-input-border-color-default: var(--color-clay); --toggle-input-bg-color-default: var(--color-air); --toggle-input-icon-color-value: var(--color-cave); --toggle-input-border-color-value: var(--color-clay); --toggle-input-bg-color-value: var(--color-air); --toggle-input-icon-color-hover: var(--color-cave); --toggle-input-border-color-hover: var(--color-sky); --toggle-input-bg-color-hover: var(--color-air); --toggle-input-icon-color-focus: var(--color-cave); --toggle-input-border-color-focus: var(--color-sky); --toggle-input-bg-color-focus: var(--color-air); --toggle-input-icon-color-disabled: var(--color-cave); --toggle-input-border-color-disabled: var(--color-clay); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-cave); --tag-border-color-default: var(--color-clay); --tag-bg-color-default: var(--color-transparent); --tag-text-color-hover: var(--color-air); --tag-border-color-hover: var(--color-ocean); --tag-bg-color-hover: var(--color-ocean); --p-tab-text-default: var(--color-cave); --p-tab-border-default: var(--color-clay); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cave); --p-tab-border-hover: var(--color-clay); --p-tab-bg-hover: var(--color-pebble); --p-tab-text-active: var(--color-air); --p-tab-border-active: var(--color-cave); --p-tab-bg-active: var(--color-cave); --p-tab-text-disabled: var(--color-cave); --p-tab-border-disabled: var(--color-clay); --p-tab-bg-disabled: var(--color-transparent); --p-logo-primary: var(--color-air); --p-logo-secondary: var(--color-slate); --p-pagination-active: var(--color-cave); --p-pagination-inactive: var(--color-cave-50); --p-nav-dropdown-bg: var(--color-air); --p-statistic-ring: var(--color-slate); --p-progress-bar: var(--color-periwinkle); --p-article-nav-border: var(--color-slate); --p-table-header-bg: var(--color-cave); --p-table-header-text: var(--color-air); } } @layer site_base { :is(.masthead, .page-footer) .\:palette-7, :is(.masthead, .page-footer) .\:palette-steel { --p-bg: var(--color-steel); --p-inset-bg: var(--color-ocean); --p-overlay-bg: var(--color-night-60); --p-text: var(--color-air); --p-list-marker-1: var(--color-air); --p-list-marker-2: var(--color-air); --p-list-marker-3: var(--color-air); --p-list-marker-ordered-1: var(--color-periwinkle); --p-list-marker-ordered-2: var(--color-periwinkle); --p-list-marker-ordered-3: var(--color-periwinkle); --p-selection-bg: var(--color-sky); --p-selection-text: var(--color-air); --p-caption: var(--color-cave); --p-error: var(--color-cherry); --p-accent-1: var(--color-sky); --p-accent-2: var(--color-sand); --p-accent-3: var(--color-lime); --p-accent-4: var(--color-tangerine); --p-accent-5: var(--color-cherry); --p-line: var(--color-clay); --p-line-alt: var(--color-pebble); --p-icon: var(--color-air); --p-icon-alt: var(--color-river); --p-icon-alt-2: var(--color-air); --p-image-bg: var(--color-cave-5); --link-text-color-default: var(--color-air); --link-border-color-default: var(--color-air); --link-bg-color-default: var(--color-sky); --link-text-color-hover: var(--color-air); --link-border-color-hover: var(--color-air); --link-bg-color-hover: var(--color-sky); --link-text-color-active: var(--color-air); --link-border-color-active: var(--color-air); --link-bg-color-active: var(--color-sky); --link-shy-text-color-default: var(--color-air); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-sky); --link-shy-text-color-hover: var(--color-air); --link-shy-border-color-hover: var(--color-air); --link-shy-bg-color-hover: var(--color-sky); --p-btn-v1-text-default: var(--color-air); --p-btn-v1-border-default: var(--color-sky); --p-btn-v1-bg-default: var(--color-sky); --p-btn-v1-text-hover: var(--color-river); --p-btn-v1-border-hover: var(--color-air); --p-btn-v1-bg-hover: var(--color-air); --p-btn-v1-text-active: var(--color-river); --p-btn-v1-border-active: var(--color-air); --p-btn-v1-bg-active: var(--color-air); --p-btn-v1-text-disabled: var(--color-air); --p-btn-v1-border-disabled: var(--color-river); --p-btn-v1-bg-disabled: var(--color-river); --p-btn-v2-text-default: var(--color-air); --p-btn-v2-border-default: var(--color-air); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-river); --p-btn-v2-border-hover: var(--color-air); --p-btn-v2-bg-hover: var(--color-air); --p-btn-v2-text-active: var(--color-river); --p-btn-v2-border-active: var(--color-air); --p-btn-v2-bg-active: var(--color-air); --p-btn-v2-text-disabled: var(--color-ocean); --p-btn-v2-border-disabled: var(--color-ocean); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v1-media-text-default: var(--color-air); --p-btn-v1-media-border-default: var(--color-cave); --p-btn-v1-media-bg-default: var(--color-cave); --p-btn-v1-media-text-hover: var(--color-air); --p-btn-v1-media-border-hover: var(--color-sky); --p-btn-v1-media-bg-hover: var(--color-sky); --p-btn-v1-media-text-active: var(--color-air); --p-btn-v1-media-border-active: var(--color-sky); --p-btn-v1-media-bg-active: var(--color-sky); --p-btn-v1-media-text-disabled: var(--color-air); --p-btn-v1-media-border-disabled: var(--color-cave); --p-btn-v1-media-bg-disabled: var(--color-cave); --field-text-color-default: var(--color-cave-50); --field-border-color-default: var(--color-clay); --field-bg-color-default: var(--color-air); --field-text-color-value: var(--color-cave); --field-border-color-value: var(--color-clay); --field-bg-color-value: var(--color-air); --field-text-color-hover: var(--color-cave); --field-border-color-hover: var(--color-clay); --field-bg-color-hover: var(--color-air); --field-text-color-focus: var(--color-cave); --field-border-color-focus: var(--color-sky); --field-bg-color-focus: var(--color-air); --field-text-color-error: var(--color-cave); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-air); --field-text-color-disabled: var(--color-cave-50); --field-border-color-disabled: var(--color-clay); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-cave); --toggle-input-border-color-default: var(--color-clay); --toggle-input-bg-color-default: var(--color-air); --toggle-input-icon-color-value: var(--color-cave); --toggle-input-border-color-value: var(--color-clay); --toggle-input-bg-color-value: var(--color-air); --toggle-input-icon-color-hover: var(--color-cave); --toggle-input-border-color-hover: var(--color-sky); --toggle-input-bg-color-hover: var(--color-air); --toggle-input-icon-color-focus: var(--color-cave); --toggle-input-border-color-focus: var(--color-sky); --toggle-input-bg-color-focus: var(--color-air); --toggle-input-icon-color-disabled: var(--color-cave); --toggle-input-border-color-disabled: var(--color-clay); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-air); --tag-border-color-default: var(--color-air); --tag-bg-color-default: var(--color-transparent); --tag-text-color-hover: var(--color-air); --tag-border-color-hover: var(--color-ocean); --tag-bg-color-hover: var(--color-ocean); --p-tab-text-default: var(--color-cave); --p-tab-border-default: var(--color-clay); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cave); --p-tab-border-hover: var(--color-clay); --p-tab-bg-hover: var(--color-pebble); --p-tab-text-active: var(--color-air); --p-tab-border-active: var(--color-cave); --p-tab-bg-active: var(--color-cave); --p-tab-text-disabled: var(--color-cave); --p-tab-border-disabled: var(--color-clay); --p-tab-bg-disabled: var(--color-transparent); --p-logo-primary: var(--color-air); --p-logo-secondary: var(--color-slate); --p-pagination-active: var(--color-cave); --p-pagination-inactive: var(--color-cave-50); --p-nav-dropdown-bg: var(--color-air); --p-statistic-ring: var(--color-slate); --p-progress-bar: var(--color-periwinkle); --p-article-nav-border: var(--color-slate); --p-table-header-bg: var(--color-cave); --p-table-header-text: var(--color-air); } } @layer site_base { :is(.masthead, .page-footer) .\:palette-8, :is(.masthead, .page-footer) .\:palette-periwinkle { --p-bg: var(--color-periwinkle); --p-inset-bg: var(--color-cloud); --p-overlay-bg: var(--color-night-60); --p-text: var(--color-cave); --p-list-marker-1: var(--color-cave); --p-list-marker-2: var(--color-cave); --p-list-marker-3: var(--color-cave); --p-list-marker-ordered-1: var(--color-periwinkle); --p-list-marker-ordered-2: var(--color-periwinkle); --p-list-marker-ordered-3: var(--color-periwinkle); --p-selection-bg: var(--color-tangerine); --p-selection-text: var(--color-cave); --p-caption: var(--color-cave); --p-error: var(--color-cherry); --p-accent-1: var(--color-sky); --p-accent-2: var(--color-sand); --p-accent-3: var(--color-lime); --p-accent-4: var(--color-tangerine); --p-accent-5: var(--color-cherry); --p-line: var(--color-cave); --p-line-alt: var(--color-pebble); --p-icon: var(--color-sky); --p-icon-alt: var(--color-stone); --p-icon-alt-2: var(--color-steel); --p-image-bg: var(--color-cave-5); --link-text-color-default: var(--color-cave); --link-border-color-default: var(--color-cave); --link-bg-color-default: var(--color-rock); --link-text-color-hover: var(--color-cave); --link-border-color-hover: var(--color-cave); --link-bg-color-hover: var(--color-rock); --link-text-color-active: var(--color-cave); --link-border-color-active: var(--color-cave); --link-bg-color-active: var(--color-rock); --link-shy-text-color-default: var(--color-cave); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-transparent); --link-shy-text-color-hover: var(--color-cave); --link-shy-border-color-hover: var(--color-cave); --link-shy-bg-color-hover: var(--color-transparent); --p-btn-v1-text-default: var(--color-air); --p-btn-v1-border-default: var(--color-sky); --p-btn-v1-bg-default: var(--color-sky); --p-btn-v1-text-hover: var(--color-air); --p-btn-v1-border-hover: var(--color-ocean); --p-btn-v1-bg-hover: var(--color-ocean); --p-btn-v1-text-active: var(--color-air); --p-btn-v1-border-active: var(--color-ocean); --p-btn-v1-bg-active: var(--color-ocean); --p-btn-v1-text-disabled: var(--color-air); --p-btn-v1-border-disabled: var(--color-sky); --p-btn-v1-bg-disabled: var(--color-sky); --p-btn-v2-text-default: var(--color-ocean); --p-btn-v2-border-default: var(--color-ocean); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-air); --p-btn-v2-border-hover: var(--color-ocean); --p-btn-v2-bg-hover: var(--color-ocean); --p-btn-v2-text-active: var(--color-air); --p-btn-v2-border-active: var(--color-ocean); --p-btn-v2-bg-active: var(--color-ocean); --p-btn-v2-text-disabled: var(--color-ocean); --p-btn-v2-border-disabled: var(--color-ocean); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v1-media-text-default: var(--color-air); --p-btn-v1-media-border-default: var(--color-cave); --p-btn-v1-media-bg-default: var(--color-cave); --p-btn-v1-media-text-hover: var(--color-air); --p-btn-v1-media-border-hover: var(--color-sky); --p-btn-v1-media-bg-hover: var(--color-sky); --p-btn-v1-media-text-active: var(--color-air); --p-btn-v1-media-border-active: var(--color-sky); --p-btn-v1-media-bg-active: var(--color-sky); --p-btn-v1-media-text-disabled: var(--color-air); --p-btn-v1-media-border-disabled: var(--color-cave); --p-btn-v1-media-bg-disabled: var(--color-cave); --field-text-color-default: var(--color-cave-50); --field-border-color-default: var(--color-clay); --field-bg-color-default: var(--color-air); --field-text-color-value: var(--color-cave); --field-border-color-value: var(--color-clay); --field-bg-color-value: var(--color-air); --field-text-color-hover: var(--color-cave); --field-border-color-hover: var(--color-clay); --field-bg-color-hover: var(--color-air); --field-text-color-focus: var(--color-cave); --field-border-color-focus: var(--color-sky); --field-bg-color-focus: var(--color-air); --field-text-color-error: var(--color-cave); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-air); --field-text-color-disabled: var(--color-cave-50); --field-border-color-disabled: var(--color-clay); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-cave); --toggle-input-border-color-default: var(--color-clay); --toggle-input-bg-color-default: var(--color-air); --toggle-input-icon-color-value: var(--color-cave); --toggle-input-border-color-value: var(--color-clay); --toggle-input-bg-color-value: var(--color-air); --toggle-input-icon-color-hover: var(--color-cave); --toggle-input-border-color-hover: var(--color-sky); --toggle-input-bg-color-hover: var(--color-air); --toggle-input-icon-color-focus: var(--color-cave); --toggle-input-border-color-focus: var(--color-sky); --toggle-input-bg-color-focus: var(--color-air); --toggle-input-icon-color-disabled: var(--color-cave); --toggle-input-border-color-disabled: var(--color-clay); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-cave); --tag-border-color-default: var(--color-cave); --tag-bg-color-default: var(--color-transparent); --tag-text-color-hover: var(--color-air); --tag-border-color-hover: var(--color-ocean); --tag-bg-color-hover: var(--color-ocean); --p-tab-text-default: var(--color-cave); --p-tab-border-default: var(--color-clay); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cave); --p-tab-border-hover: var(--color-clay); --p-tab-bg-hover: var(--color-pebble); --p-tab-text-active: var(--color-air); --p-tab-border-active: var(--color-cave); --p-tab-bg-active: var(--color-cave); --p-tab-text-disabled: var(--color-cave); --p-tab-border-disabled: var(--color-clay); --p-tab-bg-disabled: var(--color-transparent); --p-logo-primary: var(--color-lake); --p-logo-secondary: var(--color-slate); --p-pagination-active: var(--color-cave); --p-pagination-inactive: var(--color-cave-50); --p-nav-dropdown-bg: var(--color-air); --p-statistic-ring: var(--color-stone); --p-progress-bar: var(--color-periwinkle); --p-article-nav-border: var(--color-slate); --p-table-header-bg: var(--color-cave); --p-table-header-text: var(--color-air); } } @layer element_base { .nctqshared-anchor { --icon-size: 16px; } .nctqshared-anchor .icon { flex: 0 0 var(--icon-size); } .nctqshared-anchor, .nctqshared-anchor__link { display: inline-flex; align-items: center; gap: 0.6em; } @media (hover: hover) { .nctqshared-anchor.\:text-only-true.\:shy-false .nctqshared-anchor__link:hover .nctqshared-anchor__text { --link-border-width: 0%; } } .nctqshared-anchor.\:text-only-true.\:shy-true .nctqshared-anchor__link { --link-border-color: transparent; background: none; } .nctqshared-anchor.\:text-only-true.\:shy-true .nctqshared-anchor__link .nctqshared-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) { .nctqshared-anchor.\:text-only-true.\:shy-true .nctqshared-anchor__link:hover .nctqshared-anchor__text { background-size: 100% var(--link-bg-size, var(--link-bg-size-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)); } } .nctqshared-anchor.\:shy-true:not(:has(.nctqshared-anchor__link)) { --link-shy-border-color: transparent; } .nctqshared-anchor.\:shy-true:not(:has(.nctqshared-anchor__link)) .nctqshared-anchor__text { background: none; } .nctqshared-anchor:not(:has(.nctqshared-anchor__link)) .nctqshared-anchor__text { color: var(--link-text-color, var(--link-text-color-default)); } .nctqshared-anchor.\:text-only-true:has(.icon) .nctqshared-anchor__link { background: none; } .nctqshared-anchor.\:text-only-true:has(.icon) .nctqshared-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); } .nctqshared-anchor.\:text-only-true:has(.icon).\:shy-false .nctqshared-anchor__text { background-image: linear-gradient(var(--link-bg-color, var(--link-bg-color-hover)), var(--link-bg-color, var(--link-bg-color-hover))); } .nctqshared-anchor.\:text-only-true:has(.icon).\:shy-true .nctqshared-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) { .nctqshared-anchor.\:text-only-true:has(.icon) .nctqshared-anchor__link:hover .nctqshared-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) { .nctqshared-anchor.\:text-only-true:has(.icon).\:shy-true .nctqshared-anchor__link:hover .nctqshared-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)); } } .nctqshared-anchor.\:text-only-false:has(.icon) .nctqshared-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) { .nctqshared-anchor.\:text-only-false:has(.icon) .nctqshared-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)); } } .nctqshared-anchor.\:text-only-false:has(.icon).\:shy-false .nctqshared-anchor__link { border-bottom-color: var(--link-border-color, var(--link-border-color-default)); } @media (hover: hover) { .nctqshared-anchor.\:text-only-false:has(.icon).\:shy-false .nctqshared-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)); } } .nctqshared-anchor.\:text-only-false:has(.icon).\:shy-true .nctqshared-anchor__link { border-bottom-color: var(--link-shy-border-color, var(--link-shy-border-color-default)); } @media (hover: hover) { .nctqshared-anchor.\:text-only-false:has(.icon).\:shy-true .nctqshared-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)); } } .nctqshared-anchor.disclaimer { --icon-size: 24px; align-items: baseline; font-size: 16px; font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 400; line-height: 1.2; } .nctqshared-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); } .nctqshared-anchor--utility { --icon-size: 14px; --p-icon: var(--p-btn-v1-text-default); font-size: 16px; font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 400; line-height: 1.6; letter-spacing: 0; text-transform: none; font-variant-numeric: oldstyle-nums; } .nctqshared-anchor--utility .nctqshared-anchor__icon { width: calc(var(--icon-size) + 8px); height: calc(var(--icon-size) + 8px); flex: 0 0 calc(var(--icon-size) + 8px); padding: 4px; border-radius: 50%; background-color: var(--p-btn-v1-bg-default); } } @layer site_base { :root { --btn-border-size: 0px; --btn-border-radius: 0; --btn-text-offset-y: 0; --btn-icon-gap: 12px; --icon-size: 16px; } } @layer element_base { .nctqshared-button { 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: fit-content; border: none; outline: 0; text-align: center; text-decoration: none; box-shadow: none; overflow: hidden; cursor: pointer; -webkit-tap-highlight-color: transparent; font-size: 16px; font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 600; line-height: 1.2; letter-spacing: 0.0625em; text-transform: none; font-variant-numeric: oldstyle-nums; transition-duration: 240ms; transition-property: opacity, color, background-color, border-color; transition-timing-function: cubic-bezier(0.42, 0, 0.32, 1); } .nctqshared-button::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; } .nctqshared-button > * { position: relative; z-index: 3; } @media (hover: hover) { .nctqshared-button:hover, .overlink:hover ~ * .nctqshared-button: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)); } .nctqshared-button:hover::before, .overlink:hover ~ * .nctqshared-button:not(.overlink-disconnect)::before { border-color: var(--btn-border-color, var(--btn-border-color-hover)); } } .nctqshared-button:active, .overlink:active ~ * .nctqshared-button { 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)); } .nctqshared-button:active::before, .overlink:active ~ * .nctqshared-button::before { border-color: var(--btn-border-color, var(--btn-border-color-active)); } .nctqshared-button:focus { outline: 0; } .nctqshared-button[disabled] { pointer-events: none; touch-action: none; cursor: default; opacity: 0.4; } .nctqshared-button.\: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; } .nctqshared-button.\:version-1:active, .overlink:active ~ * .nctqshared-button.\: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); } .nctqshared-button.\: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); } .nctqshared-button.\: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) { .nctqshared-button.\:version-1.playback-toggle:hover, .overlink:hover ~ * .nctqshared-button.\: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); } } .nctqshared-button.\:version-1.playback-toggle:active, .overlink:active ~ * .nctqshared-button.\: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); } .nctqshared-button.\: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; } .nctqshared-button.\:version-2:active, .overlink:active ~ * .nctqshared-button.\: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); } .nctqshared-button.\: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); } .nctqshared-button.\:size-1 { --icon-size: 16px; --icon-stroke: 1.5; --btn-icon-gap: 12px; --btn-padding-x: 24px; --btn-padding-y: 16px; --btn-icon-margin: 0px; } .nctqshared-button.\:size-1.\:icon-only { --btn-padding-x: 10px; --btn-padding-y: 10px; } .nctqshared-button.\:size-2 { --icon-size: 16px; --icon-stroke: 1.5; --btn-icon-gap: 10px; --btn-padding-x: 16px; --btn-padding-y: 8px; --btn-icon-margin: 0px; } .nctqshared-button.\:size-2.\:icon-only { --btn-padding-x: 6px; --btn-padding-y: 6px; } .nctqshared-button.\:icon-only { --btn-border-radius: 50%; display: flex; } .nctqshared-button.\:icon-only::after { inset: 0; opacity: 0; } @media (hover: hover) { .nctqshared-button.\:icon-only:hover::after, .overlink:hover ~ * .nctqshared-button.\:icon-only:not(.overlink-disconnect)::after { opacity: 1; } } .nctqshared-button.\:icon-only .nctqshared-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; } .nctqshared-button:not(.\:icon-only) .nctqshared-button__icon { margin-block: calc(var(--icon-size) / -2); } .nctqshared-button.\:icon-before .nctqshared-button__icon { margin-left: var(--btn-icon-margin); } .nctqshared-button.\:icon-after .nctqshared-button__icon { margin-right: var(--btn-icon-margin); } .nctqshared-button__text { top: var(--btn-text-offset-y); } .nctqshared-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: 0; 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: fit-content; outline: 0; font-size: 16px; font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 600; line-height: 1.2; letter-spacing: 0.0625em; text-transform: none; font-variant-numeric: oldstyle-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: 24px; --btn-padding-y: 16px; --btn-icon-margin: 0px; --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 { .nctqshared-button { background-image: none; } .nctqshared-button[data-clipboard-content]:not(.\:icon-only) { --icon-size: 24px; } .nctqshared-button[data-clipboard-content]:not([data-is-active=true]) .icon:is(.\:icon-check) { display: none; } .nctqshared-button[data-clipboard-content][data-is-active=true] { --btn-bg-color: var(--p-accent-3); } .nctqshared-button[data-clipboard-content][data-is-active=true] .icon:is(.\:icon-link, .\:icon-social-link) { display: none; } .nctqshared-expandable-button { color: var(--btn-text-color, var(--btn-text-color-default)); } .nctqshared-expandable-button.\:icon-only { --btn-border-radius: 50%; --btn-padding-x: 10px; --btn-padding-y: 10px; display: flex; } .nctqshared-expandable-button.\:icon-only::after { inset: 0; opacity: 0; } @media (hover: hover) { .nctqshared-expandable-button.\:icon-only:hover::after, .overlink:hover ~ * .nctqshared-expandable-button.\:icon-only:not(.overlink-disconnect)::after { opacity: 1; } } .nctqshared-expandable-button.\:icon-only .nctqshared-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; } } @layer element_base {} @layer site_base { :root { --field-padding-x: clamp(16px, 0.6849vw + 13.5342px, 24px); --field-padding-y: clamp(12px, 0.3424vw + 10.7671px, 16px); --field-border-size-default: 1px; --field-border-size-focus: 2px; --field-icon-gap: 0px; --field-border-radius: 0; } } @layer element_base { .nctqshared-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; } .nctqshared-field.\:icon-before .nctqshared-field__input { --field-padding-left: var(--field-icon-padding); } .nctqshared-field.\:icon-after .nctqshared-field__input { --field-padding-right: var(--field-icon-padding); } .nctqshared-field__icon { position: absolute; top: 50%; translate: 0 -50%; pointer-events: none; } .nctqshared-field__icon--before { left: var(--field-icon-position-x); } .nctqshared-field__icon--after { right: var(--field-icon-position-x); } .nctqshared-field :is(input:where(:not([type=button], [type=reset], [type=submit], [type=checkbox], [type=radio], [type=hidden])), textarea, select) { 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: 16px; font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 400; line-height: 1.6; letter-spacing: 0; text-transform: none; font-variant-numeric: oldstyle-nums; color: var(--field-text-color, var(--field-text-color-value)); } .nctqshared-field :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); } .nctqshared-field :is(input:where(:not([type=button], [type=reset], [type=submit], [type=checkbox], [type=radio], [type=hidden])), textarea, select)::-webkit-search-cancel-button { display: none; } .nctqshared-field :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)); } .nctqshared-field :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)); } .nctqshared-field :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)); } .nctqshared-field :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)); } .nctqshared-field :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)); } .nctqshared-field :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)); } .nctqshared-field :is(input:where(:not([type=button], [type=reset], [type=submit], [type=checkbox], [type=radio], [type=hidden])), textarea, select)[disabled] { 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)); } .nctqshared-field :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)); } .nctqshared-field input[type=file] { padding: 0; border: none; } .nctqshared-field input[type=file]::file-selector-button { margin-right: 16px; font-size: 16px; font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 600; line-height: 1.2; letter-spacing: 0.0625em; text-transform: none; font-variant-numeric: oldstyle-nums; padding: 16px 24px; background-color: var(--p-btn-v1-bg-default); border: none; color: var(--p-btn-v1-text-default); cursor: pointer; transition-duration: 240ms; transition-property: opacity, color, background-color, border-color; transition-timing-function: cubic-bezier(0.42, 0, 0.32, 1); } @media (hover: hover) { .nctqshared-field input[type=file]::file-selector-button:hover { background-color: var(--p-btn-v1-bg-hover); color: var(--p-btn-v1-text-hover); } } .nctqshared-field 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="%230f223d" 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); } .nctqshared-field input:is([type=checkbox], [type=radio]) { cursor: pointer; } .nctqshared-field input[type=checkbox] { border-radius: var(--field-border-radius); } .nctqshared-field legend { display: block; margin-bottom: 8px; font-size: 18px; font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 600; line-height: 1.2; letter-spacing: -0.0314230769px; text-transform: none; font-variant-numeric: oldstyle-nums; } .nctqshared-field legend.gfield_label_before_complex { margin-bottom: 12px; } .nctqshared-field label { display: block; font-size: 18px; font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 600; line-height: 1.2; letter-spacing: -0.0314230769px; text-transform: none; font-variant-numeric: oldstyle-nums; } input:is([type=checkbox], [type=radio]) ~ .nctqshared-field label { font-size: clamp(16px, 0.3424vw + 14.7671px, 20px); font-family: "Leitura News", 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; } .nctqshared-field label abbr { text-decoration: none; } .nctqshared-field__label { display: block; margin-bottom: 0.55em; font-size: 18px; font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 600; line-height: 1.2; letter-spacing: -0.0314230769px; text-transform: none; font-variant-numeric: oldstyle-nums; } .nctqshared-field__label--required { color: var(--p-error); } } @layer element_local { .nctqshared-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)); } .nctqshared-field--button .nctqshared-field__inner { flex: 1 1 auto; } .nctqshared-field--button .nctqshared-field__input { border: none; outline: none; box-shadow: none; background-color: transparent; text-overflow: ellipsis; } .nctqshared-field--button:has(.nctqshared-button.\:version-1) .nctqshared-field__input { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .nctqshared-field--button:has(.nctqshared-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)); } .nctqshared-field--button .nctqshared-field__button { flex: 0 0 auto; display: flex; justify-content: center; align-items: center; padding-right: calc(var(--field-padding-x) / 2); } .nctqshared-field--button .nctqshared-button.\:version-2 { height: auto; } .air-datepicker { --adp-z-index: 1400; --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 element_base { .nctqshared-search-form { position: relative; display: flex; align-items: center; } } @layer element_local { .nctqshared-search-form > * { flex: 1 0 100%; } .nctqshared-search-form .field { flex: 1 1 auto; margin-top: 0; } .nctqshared-search-form .nctqshared-button { --field-bg-color: transparent; --btn-border-color: transparent; margin-top: 0; } .nav-mobile__nctqshared-expandable .nctqshared-search-form { --btn-bg-color: transparent; } .nav-mobile__nctqshared-expandable .nctqshared-search-form input[type=search] { padding-right: calc(var(--field-padding-x) + var(--icon-size)); } .nav-mobile__nctqshared-expandable .nctqshared-search-form .nctqshared-button { position: absolute; right: -12px; top: 50%; translate: 0 -50%; } .search-panel .nctqshared-search-form { width: 100%; } .search-panel .nctqshared-search-form { flex: 0 0 100%; } .search-panel .nctqshared-search-form input[type=search] { padding-inline: 32px; padding-block: 24px; font-size: clamp(22px, 0.8561vw + 18.9178px, 32px); font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 400; line-height: 1.6; letter-spacing: 0; text-transform: none; font-variant-numeric: oldstyle-nums; } .search-panel .nctqshared-search-form .nctqshared-button { align-self: center; border-radius: 50%; } } @layer element_custom { .search-panel .nctqshared-search-form .nctqshared-button { --icon-size: 48px; --icon-stroke: 3; height: auto; } } @layer element_base { .nctqshared-section-header { --icon-size: 24px; grid-column: 1/-1; display: flex; flex-wrap: wrap; align-items: center; gap: 0.25em clamp(20px, 1.7123vw + 13.8356px, 40px); margin-bottom: clamp(28px, 1.0273vw + 24.3013px, 40px); } .nctqshared-section-header:has(.nctqshared-section-header__subtitle) { margin-bottom: clamp(36px, 2.3972vw + 27.3698px, 64px); } .nctqshared-section-header__text { display: flex; flex-wrap: wrap; align-items: center; gap: 0.25em; } .nctqshared-section-header__title { margin: 0; font-size: clamp(36px, 1.7123vw + 29.8356px, 56px); font-family: "Leitura News", Constantia, "Lucida Serif", Lucida, "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; font-weight: 400; line-height: clamp(42.75px, 1.8193vw + 36.2003px, 64px); letter-spacing: clamp(-0.5601px, -0.03vw - 0.1022px, -0.21px); text-transform: none; font-variant-numeric: oldstyle-nums; } .nctqshared-section-header.\:size-2 .nctqshared-section-header__title { font-size: clamp(24px, 1.3698vw + 19.0684px, 40px); font-family: "Leitura News", Constantia, "Lucida Serif", Lucida, "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; font-weight: 400; line-height: clamp(30px, 1.4554vw + 24.7602px, 47px); letter-spacing: clamp(-0.28px, -0.024vw + 0.0863px, 0px); text-transform: none; font-variant-numeric: oldstyle-nums; } .nctqshared-section-header__subtitle { margin-top: 1em; } .nctqshared-section-header__abstract { margin-bottom: 20px; } .nctqshared-section-header__items { display: flex; flex-wrap: wrap; } .nctqshared-section-header__items .nctqshared-anchor { font-size: 13px; font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 400; line-height: 1.2; } .nctqshared-section-header.\:align-left { align-items: baseline; } .nctqshared-section-header.\:align-left .nctqshared-section-header__text { max-width: 992px; } .nctqshared-section-header.\:align-center { flex-direction: column; margin-inline: auto; max-width: 800px; text-align: center; } .nctqshared-section-header.\:align-center .nctqshared-section-header__text { flex-direction: column; align-items: center; } .nctqshared-section-header.\:align-center .nctqshared-section-header__abstract { text-wrap: balance; } .nav-megamenu .nctqshared-section-header__title { font-size: clamp(20px, 0.3424vw + 18.7671px, 24px); font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 600; line-height: 1.2; letter-spacing: clamp(-0.1257px, -0.0054vw - 0.0435px, -0.0629px); text-transform: none; font-variant-numeric: oldstyle-nums; } } @layer element_local { .nctqshared-section-header__items { margin-left: auto; } .nctqshared-section-header__items .nctqshared-anchor__icon { --icon-size: 12px; } } @layer element_local { .nctqshared-anchor-card { --icon-size: 20px; --icon-stroke: 1.5; --p-icon: var(--p-btn-v1-text-default); position: relative; overflow: hidden; padding-inline: 0; border: 1px solid var(--p-line); border-width: 1px 0 0 0; background-color: transparent; } @media (hover: hover) { .nctqshared-anchor-card:has(.overlink:hover) { --p-bg: var(--p-accent-1); } } .nctqshared-anchor-card__inner { display: flex; flex-direction: column; gap: 24px; } .nctqshared-anchor-card__text { flex: 1; } .nctqshared-anchor-card__title { --link-border-size: calc(0.05em + 1px); margin-bottom: 0.4em; font-weight: 600; color: var(--p-text); } .nctqshared-anchor-card__abstract { margin-top: 0.85em; font-size: 16px; font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 400; line-height: 1.6; letter-spacing: 0; text-transform: none; font-variant-numeric: oldstyle-nums; } .nctqshared-anchor-card__icon { align-self: flex-start; width: calc(var(--icon-size) + 8px); height: calc(var(--icon-size) + 8px); flex: 0 0 calc(var(--icon-size) + 8px); padding: 4px; border-radius: 50%; background-color: var(--p-btn-v1-bg-hover); } .nctqshared-anchor-card__image { flex: 0 0 104px; order: -1; } .nctqshared-anchor-card { padding-block: clamp(18px, 0.5136vw + 16.1506px, 24px); } .nctqshared-anchor-card:has(.nctqshared-anchor-card__icon) { padding-inline: clamp(24px, 0.6849vw + 21.5342px, 32px); border-width: 1px; } .nctqshared-anchor-card:not(:has(.nctqshared-anchor-card__icon)) .nctqshared-anchor-card__title { font-size: 18px; line-height: 1.2; letter-spacing: -0.0314230769px; } .nctqshared-feed__cards:has(.nctqshared-anchor-card) { --item-min-width: 300px; row-gap: 16px; } .nctqshared-feed__cards:has(.nctqshared-anchor-card__icon) { gap: 0; } @media (max-width: 899.98px) { .nctqshared-feed__cards:has(.nctqshared-anchor-card__icon) .nctqshared-anchor-card:not(:first-child) { border-top-width: 0; } } @media (min-width: 900px) and (max-width: 1291.98px) { .nctqshared-feed__cards:has(.nctqshared-anchor-card__icon) { --grid-columns: 2; } .nctqshared-feed__cards:has(.nctqshared-anchor-card__icon) .nctqshared-anchor-card:not(:nth-child(2n+1)) { border-left-width: 0; } .nctqshared-feed__cards:has(.nctqshared-anchor-card__icon) .nctqshared-anchor-card:nth-child(n+3) { border-top-width: 0; } } @media (min-width: 1292px) { .nctqshared-feed__cards:has(.nctqshared-anchor-card__icon) { --grid-columns: 3; } .nctqshared-feed__cards:has(.nctqshared-anchor-card__icon) .nctqshared-anchor-card:not(:nth-child(3n+1)) { border-left-width: 0; } .nctqshared-feed__cards:has(.nctqshared-anchor-card__icon) .nctqshared-anchor-card:nth-child(n+4) { border-top-width: 0; } } .nav-megamenu .nctqshared-anchor-card__inner:has(.nctqshared-anchor-card__icon) { flex-direction: row; } } @layer element_local { .nctqshared-policy-area-card { --p-icon: var(--color-pebble); --icon-size: 32px; --icon-stroke: 1; position: relative; padding: 0; background-color: var(--p-inset-bg); transition: background-color 240ms cubic-bezier(0.42, 0, 0.32, 1); } @media (hover: hover) { .nctqshared-policy-area-card:has(.overlink:hover) { --p-bg: var(--p-accent-1); } } .nctqshared-policy-area-card__inner { display: flex; flex-direction: column; gap: clamp(20px, 1.7123vw + 13.8356px, 40px); padding: clamp(24px, 3.0821vw + 12.9041px, 60px); height: 100%; } .nctqshared-policy-area-card__image { position: relative; z-index: 2; clip-path: circle(closest-side); margin-top: auto; } .nctqshared-policy-area-card__image .media-figure { position: relative; } .nctqshared-policy-area-card__image .image__loading { display: none; } .nctqshared-policy-area-card__image .media-figure__media { position: relative; border-radius: 0; aspect-ratio: 1; } .nctqshared-policy-area-card__text { position: relative; z-index: 2; } .nctqshared-policy-area-card__title { --link-border-size: calc(0.05em + 1px); margin-block: 0; text-align: center; transition-property: color, border-color, outline-color, background-color; } .nctqshared-policy-area-card__graphic { --icon-size: 100%; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; } .nctqshared-feed__cards:has(.nctqshared-policy-area-card) { --grid-gap: 10px; } .nav-megamenu .nctqshared-feed__cards:has(.nctqshared-policy-area-card) { --item-min-width: 300px; gap: 10px; grid-auto-rows: 1fr; } .nav-megamenu .nctqshared-policy-area-card__inner { flex-direction: row; align-items: center; gap: 24px; padding: 20px; } .nav-megamenu .nctqshared-policy-area-card__image { flex: 0 0 104px; order: -1; margin-top: 0; } .nav-megamenu .nctqshared-policy-area-card__title { font-size: 18px; line-height: 1.2; letter-spacing: -0.0314230769px; text-align: left; font-weight: 600; } .nav-megamenu .nctqshared-policy-area-card__graphic { display: none; } } @layer component_default { .nctqshared-button-group { grid-column: 1/-1; display: flex; flex-wrap: wrap; } } @layer component_base { .nctqshared-button-group { gap: 24px; justify-content: center; } } @layer component_default { .nctqshared-expandable { display: grid; grid-template-rows: 0fr; } .nctqshared-expandable > .nctqshared-expandable__outer { overflow: hidden; } .nctqshared-expandable > .nctqshared-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); } .nctqshared-expandable[data-is-active=false][aria-busy=false] { clip-path: rect(0 0 0 0); } .nctqshared-expandable[data-is-active=true] { grid-template-rows: 1fr; } .nctqshared-expandable[data-is-active=true] > .nctqshared-expandable__overlay { pointer-events: auto; opacity: 1; } .nctqshared-expandable[data-is-active=true][aria-busy=false] > .nctqshared-expandable__outer { overflow: visible; } .nctqshared-expandable-button[data-expand-once=true] { opacity: 1; } .nctqshared-expandable-button[data-expand-once=true][aria-expanded=true] { opacity: 0; pointer-events: none; } } @layer component_base { .nctqshared-expandable { transition: grid-template-rows 240ms cubic-bezier(0.42, 0, 0.32, 1); } .nctqshared-expandable-button[data-expand-once=true] { transition: opacity 240ms cubic-bezier(0.42, 0, 0.32, 1); } } @layer component_default { .nctqshared-feed.\:arrange-grid.\:wrap-false .nctqshared-feed__cards { display: flex; scroll-snap-type: x mandatory; } .nctqshared-feed.\:arrange-grid.\:wrap-false .card { scroll-snap-align: start; } } @layer component_base { .nctqshared-feed { margin-inline: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) * -1); } @media (min-width: 1528px) { .nctqshared-feed { margin-inline: calc((100vw - 1440px) / -2); } } .nctqshared-feed:last-child { --p-bg: var(--color-cloud); --p-inset-bg: var(--color-air); --p-overlay-bg: var(--color-night-60); --p-text: var(--color-cave); --p-list-marker-1: var(--color-cave); --p-list-marker-2: var(--color-cave); --p-list-marker-3: var(--color-cave); --p-list-marker-ordered-1: var(--color-periwinkle); --p-list-marker-ordered-2: var(--color-periwinkle); --p-list-marker-ordered-3: var(--color-periwinkle); --p-selection-bg: var(--color-tangerine); --p-selection-text: var(--color-cave); --p-caption: var(--color-cave); --p-error: var(--color-cherry); --p-accent-1: var(--color-sky); --p-accent-2: var(--color-sand); --p-accent-3: var(--color-lime); --p-accent-4: var(--color-tangerine); --p-accent-5: var(--color-cherry); --p-line: var(--color-clay); --p-line-alt: var(--color-pebble); --p-icon: var(--color-sky); --p-icon-alt: var(--color-stone); --p-icon-alt-2: var(--color-steel); --p-image-bg: var(--color-cave-5); --link-text-color-default: var(--color-cave); --link-border-color-default: var(--color-cave); --link-bg-color-default: var(--color-rock); --link-text-color-hover: var(--color-cave); --link-border-color-hover: var(--color-cave); --link-bg-color-hover: var(--color-rock); --link-text-color-active: var(--color-cave); --link-border-color-active: var(--color-cave); --link-bg-color-active: var(--color-rock); --link-shy-text-color-default: var(--color-cave); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-transparent); --link-shy-text-color-hover: var(--color-cave); --link-shy-border-color-hover: var(--color-cave); --link-shy-bg-color-hover: var(--color-transparent); --p-btn-v1-text-default: var(--color-air); --p-btn-v1-border-default: var(--color-sky); --p-btn-v1-bg-default: var(--color-sky); --p-btn-v1-text-hover: var(--color-air); --p-btn-v1-border-hover: var(--color-ocean); --p-btn-v1-bg-hover: var(--color-ocean); --p-btn-v1-text-active: var(--color-air); --p-btn-v1-border-active: var(--color-ocean); --p-btn-v1-bg-active: var(--color-ocean); --p-btn-v1-text-disabled: var(--color-air); --p-btn-v1-border-disabled: var(--color-sky); --p-btn-v1-bg-disabled: var(--color-sky); --p-btn-v2-text-default: var(--color-ocean); --p-btn-v2-border-default: var(--color-ocean); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-air); --p-btn-v2-border-hover: var(--color-ocean); --p-btn-v2-bg-hover: var(--color-ocean); --p-btn-v2-text-active: var(--color-air); --p-btn-v2-border-active: var(--color-ocean); --p-btn-v2-bg-active: var(--color-ocean); --p-btn-v2-text-disabled: var(--color-ocean); --p-btn-v2-border-disabled: var(--color-ocean); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v1-media-text-default: var(--color-air); --p-btn-v1-media-border-default: var(--color-cave); --p-btn-v1-media-bg-default: var(--color-cave); --p-btn-v1-media-text-hover: var(--color-air); --p-btn-v1-media-border-hover: var(--color-sky); --p-btn-v1-media-bg-hover: var(--color-sky); --p-btn-v1-media-text-active: var(--color-air); --p-btn-v1-media-border-active: var(--color-sky); --p-btn-v1-media-bg-active: var(--color-sky); --p-btn-v1-media-text-disabled: var(--color-air); --p-btn-v1-media-border-disabled: var(--color-cave); --p-btn-v1-media-bg-disabled: var(--color-cave); --field-text-color-default: var(--color-cave-50); --field-border-color-default: var(--color-clay); --field-bg-color-default: var(--color-air); --field-text-color-value: var(--color-cave); --field-border-color-value: var(--color-clay); --field-bg-color-value: var(--color-air); --field-text-color-hover: var(--color-cave); --field-border-color-hover: var(--color-clay); --field-bg-color-hover: var(--color-air); --field-text-color-focus: var(--color-cave); --field-border-color-focus: var(--color-sky); --field-bg-color-focus: var(--color-air); --field-text-color-error: var(--color-cave); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-air); --field-text-color-disabled: var(--color-cave-50); --field-border-color-disabled: var(--color-clay); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-cave); --toggle-input-border-color-default: var(--color-clay); --toggle-input-bg-color-default: var(--color-air); --toggle-input-icon-color-value: var(--color-cave); --toggle-input-border-color-value: var(--color-clay); --toggle-input-bg-color-value: var(--color-air); --toggle-input-icon-color-hover: var(--color-cave); --toggle-input-border-color-hover: var(--color-sky); --toggle-input-bg-color-hover: var(--color-air); --toggle-input-icon-color-focus: var(--color-cave); --toggle-input-border-color-focus: var(--color-sky); --toggle-input-bg-color-focus: var(--color-air); --toggle-input-icon-color-disabled: var(--color-cave); --toggle-input-border-color-disabled: var(--color-clay); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-cave); --tag-border-color-default: var(--color-clay); --tag-bg-color-default: var(--color-transparent); --tag-text-color-hover: var(--color-air); --tag-border-color-hover: var(--color-ocean); --tag-bg-color-hover: var(--color-ocean); --p-tab-text-default: var(--color-cave); --p-tab-border-default: var(--color-clay); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cave); --p-tab-border-hover: var(--color-clay); --p-tab-bg-hover: var(--color-pebble); --p-tab-text-active: var(--color-air); --p-tab-border-active: var(--color-cave); --p-tab-bg-active: var(--color-cave); --p-tab-text-disabled: var(--color-cave); --p-tab-border-disabled: var(--color-clay); --p-tab-bg-disabled: var(--color-transparent); --p-logo-primary: var(--color-lake); --p-logo-secondary: var(--color-slate); --p-pagination-active: var(--color-cave); --p-pagination-inactive: var(--color-cave-50); --p-nav-dropdown-bg: var(--color-air); --p-statistic-ring: var(--color-stone); --p-progress-bar: var(--color-periwinkle); --p-article-nav-border: var(--color-slate); --p-table-header-bg: var(--color-cave); --p-table-header-text: var(--color-air); background-color: var(--p-bg); } .nctqshared-feed.\:arrange-grid .nctqshared-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; } .nctqshared-feed.\:arrange-rows .card { padding-block: clamp(20px, 1.7123vw + 13.8356px, 40px); border-bottom: 1px solid var(--p-line); } .nctqshared-feed.\:arrange-grid.\:wrap-false .nctqshared-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; } .nctqshared-feed.\:arrange-grid.\:wrap-false .card { box-sizing: content-box; flex: 0 0 260px; padding-left: clamp(20px, 1.7123vw + 13.8356px, 40px); } .nctqshared-feed.\:arrange-grid.\:wrap-false .card:nth-child(1):nth-last-child(n+3), .nctqshared-feed.\:arrange-grid.\:wrap-false .card:nth-child(1):nth-last-child(n+3) ~ * { flex-grow: 1; } .nctqshared-feed.\:arrange-grid.\:wrap-false .card:first-child { padding-left: clamp(20px, 2.0547vw + 12.6027px, 44px); } .nctqshared-feed.\:arrange-grid.\:wrap-false .card:last-child { padding-right: clamp(20px, 2.0547vw + 12.6027px, 44px); } .nctqshared-feed.\:item-width-fit .nctqshared-feed__cards { --item-repeat: auto-fit; } .nctqshared-feed__button { display: flex; justify-content: center; } } @layer component_local { .nctqshared-feed { padding-inline: 0 !important; } } @layer site_default { :is(:root, body) { max-width: 100vw; } :root { height: 100%; } body { overflow-x: clip; touch-action: pan-y pinch-zoom; } } @layer component_default { [data-palette-masthead="0"] ~ .masthead { position: absolute; left: 0; right: 0; top: 0; z-index: 1000; } .masthead > * { position: relative; z-index: 1000; } .masthead menu { list-style: none; margin: 0; padding: 0; } .masthead img, .masthead svg { max-width: 100%; height: auto; } .masthead .media-figure__source { width: 100%; height: 100%; object-fit: cover; } .masthead__nav-main { display: grid; } .masthead__nav-main .nctqshared-button.\: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: 1292px) { .masthead:not(.\@sticky-compact) .masthead__icon--toggle { display: none; } .masthead:not(.\@sticky-compact) .masthead__icon--search { margin-right: calc(10px * -1); } } .nav-item--children { position: relative; } :is(.nav-masthead-primary-desktop, .nav-masthead-secondary-desktop) .nav-dropdown__nctqshared-expandable { position: absolute; top: 100%; padding-top: 0; width: max-content; min-width: 200px; max-width: 280px; } :is(.nav-masthead-primary-desktop, .nav-masthead-secondary-desktop) .nav-dropdown__nctqshared-expandable .nav-container { padding-inline: 24px; padding-block: 14px; background: var(--p-bg); overflow: hidden; font-size: 18px; font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 400; line-height: 1.6; letter-spacing: 0; text-transform: none; font-variant-numeric: oldstyle-nums; } .nav-masthead-primary-desktop { order: 30; display: flex; gap: clamp(0px, 3.4246vw - 12.3288px, 40px); } @media (max-width: 1291.98px) { .nav-masthead-primary-desktop { display: none; } } .nav-masthead-primary-desktop .nav-item { display: flex; align-items: center; } .nav-masthead-primary-desktop .nav-item--children { position: relative; } .nav-masthead-primary-desktop .nav-item--dropdown.\:level-1 > .nav-item__toggle__nctqshared-expandable-button { --btn-text-color: var(--p-btn-v2-text-default); flex: 0 0 auto; } .nav-masthead-primary-desktop .nav-dropdown__nctqshared-expandable { left: 0; } .masthead__nav-secondary { order: -10; width: 100%; } @media (max-width: 1291.98px) { .masthead__nav-secondary { display: none; } } .nav-masthead-secondary-desktop { display: flex; } .nav-masthead-secondary-desktop .nav-dropdown__nctqshared-expandable { right: 0; } .nav-masthead-cta-desktop { order: 15; } @media (min-width: 1292px) { .nav-masthead-cta-desktop { order: 60; } } .masthead-panel__nctqshared-expandable { position: absolute; left: 0; top: 0; z-index: 999; display: grid; width: 100%; transition: grid-template-rows 240ms cubic-bezier(0.42, 0, 0.32, 1); } .masthead-panel__nctqshared-expandable__outer { position: relative; z-index: 1000; } .nav-dropdown__nctqshared-expandable { z-index: 1000; } .nav-megamenu__nctqshared-expandable { z-index: 1000; } .palette-tracker { display: none; } } @layer component_base { .masthead { --masthead-border-size: 0px; color: var(--p-text); transition-property: color, border-color, background-color; } .masthead .site-logo { flex: 0 1 var(--logo-width); order: 10; margin-right: auto; } .masthead svg { display: block; width: var(--icon-size); height: var(--icon-size); } .masthead [class*=":palette-"] { background-color: var(--p-bg); } .masthead__article-title { order: 20; display: flex; align-items: center; margin-inline: auto; min-width: 0; font-size: 14px; font-family: "Inter", -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.125em; text-transform: uppercase; font-variant-numeric: lining-nums; letter-spacing: normal; } .nav-item__toggle__nctqshared-expandable-button::before { display: none; } .nav-dropdown__container .nav-item { border-bottom: 1px solid var(--p-line); } .nav-dropdown__container .nav-item:last-child { border-bottom: none; } .nav-dropdown__container .nctqshared-anchor__link { display: block; padding-block: 0.85em; } .nav-dropdown__nctqshared-expandable__outer { box-shadow: 0 12px 24px 0 #00000014; } .masthead__nav-main { display: grid; transition-property: color, border-color, background-color; } .masthead__nav-primary { align-items: flex-end; } .masthead__nav-primary__inner { padding-block: clamp(10px, 1.1986vw + 5.6849px, 24px); height: 100%; } .nav-container .current-menu-item > .nctqshared-anchor { --link-shy-border-color: var(--link-border-color-active); } .nav-container > .current-menu-item > .nctqshared-anchor { --link-border-size: 2px; --link-border-offset: 0.25em; } .nav-masthead-primary-desktop { margin-right: 24px; } .nav-masthead-primary-desktop > .current-menu-item > .nctqshared-anchor { --link-border-size: 2px; --link-border-offset: 0.5em; } .nav-masthead-primary-desktop .nav-dropdown__container { --p-bg: var(--color-cloud); --p-inset-bg: var(--color-air); --p-overlay-bg: var(--color-night-60); --p-text: var(--color-cave); --p-list-marker-1: var(--color-cave); --p-list-marker-2: var(--color-cave); --p-list-marker-3: var(--color-cave); --p-list-marker-ordered-1: var(--color-periwinkle); --p-list-marker-ordered-2: var(--color-periwinkle); --p-list-marker-ordered-3: var(--color-periwinkle); --p-selection-bg: var(--color-tangerine); --p-selection-text: var(--color-cave); --p-caption: var(--color-cave); --p-error: var(--color-cherry); --p-accent-1: var(--color-sky); --p-accent-2: var(--color-sand); --p-accent-3: var(--color-lime); --p-accent-4: var(--color-tangerine); --p-accent-5: var(--color-cherry); --p-line: var(--color-clay); --p-line-alt: var(--color-pebble); --p-icon: var(--color-sky); --p-icon-alt: var(--color-stone); --p-icon-alt-2: var(--color-steel); --p-image-bg: var(--color-cave-5); --link-text-color-default: var(--color-cave); --link-border-color-default: var(--color-cave); --link-bg-color-default: var(--color-rock); --link-text-color-hover: var(--color-cave); --link-border-color-hover: var(--color-cave); --link-bg-color-hover: var(--color-rock); --link-text-color-active: var(--color-cave); --link-border-color-active: var(--color-cave); --link-bg-color-active: var(--color-rock); --link-shy-text-color-default: var(--color-cave); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-transparent); --link-shy-text-color-hover: var(--color-cave); --link-shy-border-color-hover: var(--color-cave); --link-shy-bg-color-hover: var(--color-transparent); --p-btn-v1-text-default: var(--color-air); --p-btn-v1-border-default: var(--color-sky); --p-btn-v1-bg-default: var(--color-sky); --p-btn-v1-text-hover: var(--color-air); --p-btn-v1-border-hover: var(--color-ocean); --p-btn-v1-bg-hover: var(--color-ocean); --p-btn-v1-text-active: var(--color-air); --p-btn-v1-border-active: var(--color-ocean); --p-btn-v1-bg-active: var(--color-ocean); --p-btn-v1-text-disabled: var(--color-air); --p-btn-v1-border-disabled: var(--color-sky); --p-btn-v1-bg-disabled: var(--color-sky); --p-btn-v2-text-default: var(--color-ocean); --p-btn-v2-border-default: var(--color-ocean); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-air); --p-btn-v2-border-hover: var(--color-ocean); --p-btn-v2-bg-hover: var(--color-ocean); --p-btn-v2-text-active: var(--color-air); --p-btn-v2-border-active: var(--color-ocean); --p-btn-v2-bg-active: var(--color-ocean); --p-btn-v2-text-disabled: var(--color-ocean); --p-btn-v2-border-disabled: var(--color-ocean); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v1-media-text-default: var(--color-air); --p-btn-v1-media-border-default: var(--color-cave); --p-btn-v1-media-bg-default: var(--color-cave); --p-btn-v1-media-text-hover: var(--color-air); --p-btn-v1-media-border-hover: var(--color-sky); --p-btn-v1-media-bg-hover: var(--color-sky); --p-btn-v1-media-text-active: var(--color-air); --p-btn-v1-media-border-active: var(--color-sky); --p-btn-v1-media-bg-active: var(--color-sky); --p-btn-v1-media-text-disabled: var(--color-air); --p-btn-v1-media-border-disabled: var(--color-cave); --p-btn-v1-media-bg-disabled: var(--color-cave); --field-text-color-default: var(--color-cave-50); --field-border-color-default: var(--color-clay); --field-bg-color-default: var(--color-air); --field-text-color-value: var(--color-cave); --field-border-color-value: var(--color-clay); --field-bg-color-value: var(--color-air); --field-text-color-hover: var(--color-cave); --field-border-color-hover: var(--color-clay); --field-bg-color-hover: var(--color-air); --field-text-color-focus: var(--color-cave); --field-border-color-focus: var(--color-sky); --field-bg-color-focus: var(--color-air); --field-text-color-error: var(--color-cave); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-air); --field-text-color-disabled: var(--color-cave-50); --field-border-color-disabled: var(--color-clay); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-cave); --toggle-input-border-color-default: var(--color-clay); --toggle-input-bg-color-default: var(--color-air); --toggle-input-icon-color-value: var(--color-cave); --toggle-input-border-color-value: var(--color-clay); --toggle-input-bg-color-value: var(--color-air); --toggle-input-icon-color-hover: var(--color-cave); --toggle-input-border-color-hover: var(--color-sky); --toggle-input-bg-color-hover: var(--color-air); --toggle-input-icon-color-focus: var(--color-cave); --toggle-input-border-color-focus: var(--color-sky); --toggle-input-bg-color-focus: var(--color-air); --toggle-input-icon-color-disabled: var(--color-cave); --toggle-input-border-color-disabled: var(--color-clay); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-cave); --tag-border-color-default: var(--color-clay); --tag-bg-color-default: var(--color-transparent); --tag-text-color-hover: var(--color-air); --tag-border-color-hover: var(--color-ocean); --tag-bg-color-hover: var(--color-ocean); --p-tab-text-default: var(--color-cave); --p-tab-border-default: var(--color-clay); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cave); --p-tab-border-hover: var(--color-clay); --p-tab-bg-hover: var(--color-pebble); --p-tab-text-active: var(--color-air); --p-tab-border-active: var(--color-cave); --p-tab-bg-active: var(--color-cave); --p-tab-text-disabled: var(--color-cave); --p-tab-border-disabled: var(--color-clay); --p-tab-bg-disabled: var(--color-transparent); --p-logo-primary: var(--color-lake); --p-logo-secondary: var(--color-slate); --p-pagination-active: var(--color-cave); --p-pagination-inactive: var(--color-cave-50); --p-nav-dropdown-bg: var(--color-air); --p-statistic-ring: var(--color-stone); --p-progress-bar: var(--color-periwinkle); --p-article-nav-border: var(--color-slate); --p-table-header-bg: var(--color-cave); --p-table-header-text: var(--color-air); } .nav-megamenu__inner > * { grid-column: 1/-1; } .masthead__nav-primary .nav-megamenu__nctqshared-expandable { top: 0; z-index: -1; } .masthead__nav-primary .nav-megamenu__nctqshared-expandable__overlay { top: calc(var(--masthead-top, 0px) + var(--masthead-height) + var(--masthead-border-size)); } .masthead__nav-primary .nav-megamenu { padding-top: var(--masthead-height); background-color: var(--p-bg); } .nav-masthead-cta-desktop { align-items: center; margin-left: auto; } @media (max-width: 467.98px) { .nav-masthead-cta-desktop { display: none; } } @media (max-width: 1291.98px) { .nav-masthead-cta-desktop { margin-right: 12px; } .nav-masthead-cta-desktop .nctqshared-button { --btn-padding-x: 16px; --btn-padding-y: 8px; } } .masthead__icon .nctqshared-expandable-button { --icon-size: 24px; --icon-stroke: 2; width: calc(var(--icon-size) + var(--btn-padding-x) * 2); } .nav-search__nctqshared-expandable-button[aria-expanded=false] .\:icon-close { display: none; } .nav-search__nctqshared-expandable-button[aria-expanded=true] .\:icon-search { display: none; } .nav-mobile__nctqshared-expandable-button[aria-expanded=false] .\:icon-close { display: none; } .nav-mobile__nctqshared-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); } .nav-masthead-secondary-desktop .nav-item { font-size: 13px; font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 400; line-height: 1.2; } .nav-masthead-secondary-desktop > .nav-item > .nctqshared-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 > .nctqshared-anchor .nctqshared-anchor__link { padding-block: 8px; } .nav-masthead-secondary-desktop > .nav-item > .nctqshared-anchor .nctqshared-anchor__text { translate: 0 var(--btn-text-offset-y); } .nav-masthead-secondary-desktop .nav-item__nctqshared-expandable-button { --btn-padding-y: 8px; --btn-icon-gap: 4px; --icon-size: 18px; --icon-stroke: 1; letter-spacing: unset; text-transform: unset; font-size: 13px; font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 400; line-height: 1.2; } .nav-mobile__outer { display: flex; flex-direction: column; padding-inline: clamp(20px, 1.7123vw + 13.8356px, 40px); padding-block: 48px; height: 100dvh; 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; padding-top: var(--masthead-height); } .nav-mobile__inner .nav-dropdown__nctqshared-expandable__outer { box-shadow: none; } .nav-masthead-primary-mobile .nav-item { flex-wrap: wrap; justify-content: space-between; font-size: 16px; font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 400; line-height: 1.6; letter-spacing: 0; text-transform: none; font-variant-numeric: oldstyle-nums; } .nav-masthead-primary-mobile .nav-item .nctqshared-expandable { flex: 0 0 100%; } .nav-masthead-primary-mobile .nav-item .nctqshared-anchor__link { padding-block: 4px; 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; } @media (hover: hover) { .nav-masthead-primary-mobile .nav-item .nctqshared-anchor__link: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)); } } .nav-masthead-primary-mobile .nav-item__toggle__nctqshared-expandable-button { --icon-size: 24px; width: auto; height: unset; border-radius: 0; } .nav-masthead-primary-mobile .nav-item__nctqshared-expandable-button { justify-content: space-between; width: 100%; } .nav-masthead-primary-mobile > .nav-item { border-bottom: 1px solid var(--p-line-alt); } .nav-masthead-primary-mobile > .nav-item > :is(.nctqshared-anchor, .nav-item__nctqshared-expandable-button) { padding-block: 0.85em; font-size: 18px; font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 600; line-height: 1.2; letter-spacing: -0.0314230769px; text-transform: none; font-variant-numeric: oldstyle-nums; } .nav-masthead-primary-mobile .nav-dropdown__container .nav-item { border-bottom: none; } .nav-masthead-primary-mobile .nav-megamenu .nctqshared-anchor__icon { --icon-size: 12px; } .nav-masthead-primary-mobile .nav-megamenu__nctqshared-expandable { position: static; } .nav-masthead-primary-mobile .nctqshared-expandable__content { padding-bottom: 24px; } .nav-masthead-primary-mobile .nav-megamenu__nctqshared-expandable__overlay { display: none; } .nav-masthead-primary-mobile .nav-megamenu__inner { --grid-columns: 1; padding-inline: 0; row-gap: 16px; } .nav-masthead-primary-mobile .nav-group__title { font-size: 16px; } .nav-masthead-primary-mobile .nav-group:has(.nav-group__title) .nav-container { padding-left: 24px; } @media (min-width: 468px) { .nav-masthead-cta-mobile { display: none; } } .nav-masthead-cta-mobile .nctqshared-button { width: 100%; } .masthead.\:drawer-side .nav-mobile__nctqshared-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__nctqshared-expandable[data-is-active=true] { left: calc(100% - clamp(304px, 13.0136vw + 257.1506px, 456px)); } .masthead.\:drawer-side .nav-mobile__nctqshared-expandable__outer { overflow: visible !important; } .masthead.\:drawer-side .nav-mobile__nctqshared-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 { .palette-tracker[data-palette-hero="1"] ~ :is(.masthead) { --p-bg: var(--color-air); --p-inset-bg: var(--color-cloud); --p-overlay-bg: var(--color-night-60); --p-text: var(--color-cave); --p-list-marker-1: var(--color-cave); --p-list-marker-2: var(--color-cave); --p-list-marker-3: var(--color-cave); --p-list-marker-ordered-1: var(--color-periwinkle); --p-list-marker-ordered-2: var(--color-periwinkle); --p-list-marker-ordered-3: var(--color-periwinkle); --p-selection-bg: var(--color-tangerine); --p-selection-text: var(--color-cave); --p-caption: var(--color-cave); --p-error: var(--color-cherry); --p-accent-1: var(--color-sky); --p-accent-2: var(--color-sand); --p-accent-3: var(--color-lime); --p-accent-4: var(--color-tangerine); --p-accent-5: var(--color-cherry); --p-line: var(--color-clay); --p-line-alt: var(--color-pebble); --p-icon: var(--color-sky); --p-icon-alt: var(--color-stone); --p-icon-alt-2: var(--color-steel); --p-image-bg: var(--color-cave-5); --link-text-color-default: var(--color-cave); --link-border-color-default: var(--color-cave); --link-bg-color-default: var(--color-rock); --link-text-color-hover: var(--color-cave); --link-border-color-hover: var(--color-cave); --link-bg-color-hover: var(--color-rock); --link-text-color-active: var(--color-cave); --link-border-color-active: var(--color-cave); --link-bg-color-active: var(--color-rock); --link-shy-text-color-default: var(--color-cave); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-transparent); --link-shy-text-color-hover: var(--color-cave); --link-shy-border-color-hover: var(--color-cave); --link-shy-bg-color-hover: var(--color-transparent); --p-btn-v1-text-default: var(--color-air); --p-btn-v1-border-default: var(--color-sky); --p-btn-v1-bg-default: var(--color-sky); --p-btn-v1-text-hover: var(--color-air); --p-btn-v1-border-hover: var(--color-ocean); --p-btn-v1-bg-hover: var(--color-ocean); --p-btn-v1-text-active: var(--color-air); --p-btn-v1-border-active: var(--color-ocean); --p-btn-v1-bg-active: var(--color-ocean); --p-btn-v1-text-disabled: var(--color-air); --p-btn-v1-border-disabled: var(--color-sky); --p-btn-v1-bg-disabled: var(--color-sky); --p-btn-v2-text-default: var(--color-ocean); --p-btn-v2-border-default: var(--color-ocean); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-air); --p-btn-v2-border-hover: var(--color-ocean); --p-btn-v2-bg-hover: var(--color-ocean); --p-btn-v2-text-active: var(--color-air); --p-btn-v2-border-active: var(--color-ocean); --p-btn-v2-bg-active: var(--color-ocean); --p-btn-v2-text-disabled: var(--color-ocean); --p-btn-v2-border-disabled: var(--color-ocean); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v1-media-text-default: var(--color-air); --p-btn-v1-media-border-default: var(--color-cave); --p-btn-v1-media-bg-default: var(--color-cave); --p-btn-v1-media-text-hover: var(--color-air); --p-btn-v1-media-border-hover: var(--color-sky); --p-btn-v1-media-bg-hover: var(--color-sky); --p-btn-v1-media-text-active: var(--color-air); --p-btn-v1-media-border-active: var(--color-sky); --p-btn-v1-media-bg-active: var(--color-sky); --p-btn-v1-media-text-disabled: var(--color-air); --p-btn-v1-media-border-disabled: var(--color-cave); --p-btn-v1-media-bg-disabled: var(--color-cave); --field-text-color-default: var(--color-cave-50); --field-border-color-default: var(--color-clay); --field-bg-color-default: var(--color-air); --field-text-color-value: var(--color-cave); --field-border-color-value: var(--color-clay); --field-bg-color-value: var(--color-air); --field-text-color-hover: var(--color-cave); --field-border-color-hover: var(--color-clay); --field-bg-color-hover: var(--color-air); --field-text-color-focus: var(--color-cave); --field-border-color-focus: var(--color-sky); --field-bg-color-focus: var(--color-air); --field-text-color-error: var(--color-cave); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-air); --field-text-color-disabled: var(--color-cave-50); --field-border-color-disabled: var(--color-clay); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-cave); --toggle-input-border-color-default: var(--color-clay); --toggle-input-bg-color-default: var(--color-air); --toggle-input-icon-color-value: var(--color-cave); --toggle-input-border-color-value: var(--color-clay); --toggle-input-bg-color-value: var(--color-air); --toggle-input-icon-color-hover: var(--color-cave); --toggle-input-border-color-hover: var(--color-sky); --toggle-input-bg-color-hover: var(--color-air); --toggle-input-icon-color-focus: var(--color-cave); --toggle-input-border-color-focus: var(--color-sky); --toggle-input-bg-color-focus: var(--color-air); --toggle-input-icon-color-disabled: var(--color-cave); --toggle-input-border-color-disabled: var(--color-clay); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-cave); --tag-border-color-default: var(--color-clay); --tag-bg-color-default: var(--color-transparent); --tag-text-color-hover: var(--color-air); --tag-border-color-hover: var(--color-ocean); --tag-bg-color-hover: var(--color-ocean); --p-tab-text-default: var(--color-cave); --p-tab-border-default: var(--color-clay); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cave); --p-tab-border-hover: var(--color-clay); --p-tab-bg-hover: var(--color-pebble); --p-tab-text-active: var(--color-air); --p-tab-border-active: var(--color-cave); --p-tab-bg-active: var(--color-cave); --p-tab-text-disabled: var(--color-cave); --p-tab-border-disabled: var(--color-clay); --p-tab-bg-disabled: var(--color-transparent); --p-logo-primary: var(--color-lake); --p-logo-secondary: var(--color-slate); --p-pagination-active: var(--color-cave); --p-pagination-inactive: var(--color-cave-50); --p-nav-dropdown-bg: var(--color-air); --p-statistic-ring: var(--color-stone); --p-progress-bar: var(--color-periwinkle); --p-article-nav-border: var(--color-slate); --p-table-header-bg: var(--color-cave); --p-table-header-text: var(--color-air); } .palette-tracker[data-palette-hero="2"] ~ :is(.masthead) { --p-bg: var(--color-cloud); --p-inset-bg: var(--color-air); --p-overlay-bg: var(--color-night-60); --p-text: var(--color-cave); --p-list-marker-1: var(--color-cave); --p-list-marker-2: var(--color-cave); --p-list-marker-3: var(--color-cave); --p-list-marker-ordered-1: var(--color-periwinkle); --p-list-marker-ordered-2: var(--color-periwinkle); --p-list-marker-ordered-3: var(--color-periwinkle); --p-selection-bg: var(--color-tangerine); --p-selection-text: var(--color-cave); --p-caption: var(--color-cave); --p-error: var(--color-cherry); --p-accent-1: var(--color-sky); --p-accent-2: var(--color-sand); --p-accent-3: var(--color-lime); --p-accent-4: var(--color-tangerine); --p-accent-5: var(--color-cherry); --p-line: var(--color-clay); --p-line-alt: var(--color-pebble); --p-icon: var(--color-sky); --p-icon-alt: var(--color-stone); --p-icon-alt-2: var(--color-steel); --p-image-bg: var(--color-cave-5); --link-text-color-default: var(--color-cave); --link-border-color-default: var(--color-cave); --link-bg-color-default: var(--color-rock); --link-text-color-hover: var(--color-cave); --link-border-color-hover: var(--color-cave); --link-bg-color-hover: var(--color-rock); --link-text-color-active: var(--color-cave); --link-border-color-active: var(--color-cave); --link-bg-color-active: var(--color-rock); --link-shy-text-color-default: var(--color-cave); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-transparent); --link-shy-text-color-hover: var(--color-cave); --link-shy-border-color-hover: var(--color-cave); --link-shy-bg-color-hover: var(--color-transparent); --p-btn-v1-text-default: var(--color-air); --p-btn-v1-border-default: var(--color-sky); --p-btn-v1-bg-default: var(--color-sky); --p-btn-v1-text-hover: var(--color-air); --p-btn-v1-border-hover: var(--color-ocean); --p-btn-v1-bg-hover: var(--color-ocean); --p-btn-v1-text-active: var(--color-air); --p-btn-v1-border-active: var(--color-ocean); --p-btn-v1-bg-active: var(--color-ocean); --p-btn-v1-text-disabled: var(--color-air); --p-btn-v1-border-disabled: var(--color-sky); --p-btn-v1-bg-disabled: var(--color-sky); --p-btn-v2-text-default: var(--color-ocean); --p-btn-v2-border-default: var(--color-ocean); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-air); --p-btn-v2-border-hover: var(--color-ocean); --p-btn-v2-bg-hover: var(--color-ocean); --p-btn-v2-text-active: var(--color-air); --p-btn-v2-border-active: var(--color-ocean); --p-btn-v2-bg-active: var(--color-ocean); --p-btn-v2-text-disabled: var(--color-ocean); --p-btn-v2-border-disabled: var(--color-ocean); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v1-media-text-default: var(--color-air); --p-btn-v1-media-border-default: var(--color-cave); --p-btn-v1-media-bg-default: var(--color-cave); --p-btn-v1-media-text-hover: var(--color-air); --p-btn-v1-media-border-hover: var(--color-sky); --p-btn-v1-media-bg-hover: var(--color-sky); --p-btn-v1-media-text-active: var(--color-air); --p-btn-v1-media-border-active: var(--color-sky); --p-btn-v1-media-bg-active: var(--color-sky); --p-btn-v1-media-text-disabled: var(--color-air); --p-btn-v1-media-border-disabled: var(--color-cave); --p-btn-v1-media-bg-disabled: var(--color-cave); --field-text-color-default: var(--color-cave-50); --field-border-color-default: var(--color-clay); --field-bg-color-default: var(--color-air); --field-text-color-value: var(--color-cave); --field-border-color-value: var(--color-clay); --field-bg-color-value: var(--color-air); --field-text-color-hover: var(--color-cave); --field-border-color-hover: var(--color-clay); --field-bg-color-hover: var(--color-air); --field-text-color-focus: var(--color-cave); --field-border-color-focus: var(--color-sky); --field-bg-color-focus: var(--color-air); --field-text-color-error: var(--color-cave); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-air); --field-text-color-disabled: var(--color-cave-50); --field-border-color-disabled: var(--color-clay); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-cave); --toggle-input-border-color-default: var(--color-clay); --toggle-input-bg-color-default: var(--color-air); --toggle-input-icon-color-value: var(--color-cave); --toggle-input-border-color-value: var(--color-clay); --toggle-input-bg-color-value: var(--color-air); --toggle-input-icon-color-hover: var(--color-cave); --toggle-input-border-color-hover: var(--color-sky); --toggle-input-bg-color-hover: var(--color-air); --toggle-input-icon-color-focus: var(--color-cave); --toggle-input-border-color-focus: var(--color-sky); --toggle-input-bg-color-focus: var(--color-air); --toggle-input-icon-color-disabled: var(--color-cave); --toggle-input-border-color-disabled: var(--color-clay); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-cave); --tag-border-color-default: var(--color-clay); --tag-bg-color-default: var(--color-transparent); --tag-text-color-hover: var(--color-air); --tag-border-color-hover: var(--color-ocean); --tag-bg-color-hover: var(--color-ocean); --p-tab-text-default: var(--color-cave); --p-tab-border-default: var(--color-clay); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cave); --p-tab-border-hover: var(--color-clay); --p-tab-bg-hover: var(--color-pebble); --p-tab-text-active: var(--color-air); --p-tab-border-active: var(--color-cave); --p-tab-bg-active: var(--color-cave); --p-tab-text-disabled: var(--color-cave); --p-tab-border-disabled: var(--color-clay); --p-tab-bg-disabled: var(--color-transparent); --p-logo-primary: var(--color-lake); --p-logo-secondary: var(--color-slate); --p-pagination-active: var(--color-cave); --p-pagination-inactive: var(--color-cave-50); --p-nav-dropdown-bg: var(--color-air); --p-statistic-ring: var(--color-stone); --p-progress-bar: var(--color-periwinkle); --p-article-nav-border: var(--color-slate); --p-table-header-bg: var(--color-cave); --p-table-header-text: var(--color-air); } .palette-tracker[data-palette-hero="3"] ~ :is(.masthead) { --p-bg: var(--color-fog); --p-inset-bg: var(--color-air); --p-overlay-bg: var(--color-night-60); --p-text: var(--color-cave); --p-list-marker-1: var(--color-cave); --p-list-marker-2: var(--color-cave); --p-list-marker-3: var(--color-cave); --p-list-marker-ordered-1: var(--color-periwinkle); --p-list-marker-ordered-2: var(--color-periwinkle); --p-list-marker-ordered-3: var(--color-periwinkle); --p-selection-bg: var(--color-tangerine); --p-selection-text: var(--color-cave); --p-caption: var(--color-cave); --p-error: var(--color-cherry); --p-accent-1: var(--color-sky); --p-accent-2: var(--color-sand); --p-accent-3: var(--color-lime); --p-accent-4: var(--color-tangerine); --p-accent-5: var(--color-cherry); --p-line: var(--color-clay); --p-line-alt: var(--color-pebble); --p-icon: var(--color-sky); --p-icon-alt: var(--color-stone); --p-icon-alt-2: var(--color-steel); --p-image-bg: var(--color-cave-5); --link-text-color-default: var(--color-cave); --link-border-color-default: var(--color-cave); --link-bg-color-default: var(--color-rock); --link-text-color-hover: var(--color-cave); --link-border-color-hover: var(--color-cave); --link-bg-color-hover: var(--color-rock); --link-text-color-active: var(--color-cave); --link-border-color-active: var(--color-cave); --link-bg-color-active: var(--color-rock); --link-shy-text-color-default: var(--color-cave); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-transparent); --link-shy-text-color-hover: var(--color-cave); --link-shy-border-color-hover: var(--color-cave); --link-shy-bg-color-hover: var(--color-transparent); --p-btn-v1-text-default: var(--color-air); --p-btn-v1-border-default: var(--color-sky); --p-btn-v1-bg-default: var(--color-sky); --p-btn-v1-text-hover: var(--color-air); --p-btn-v1-border-hover: var(--color-ocean); --p-btn-v1-bg-hover: var(--color-ocean); --p-btn-v1-text-active: var(--color-air); --p-btn-v1-border-active: var(--color-ocean); --p-btn-v1-bg-active: var(--color-ocean); --p-btn-v1-text-disabled: var(--color-air); --p-btn-v1-border-disabled: var(--color-sky); --p-btn-v1-bg-disabled: var(--color-sky); --p-btn-v2-text-default: var(--color-ocean); --p-btn-v2-border-default: var(--color-ocean); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-air); --p-btn-v2-border-hover: var(--color-ocean); --p-btn-v2-bg-hover: var(--color-ocean); --p-btn-v2-text-active: var(--color-air); --p-btn-v2-border-active: var(--color-ocean); --p-btn-v2-bg-active: var(--color-ocean); --p-btn-v2-text-disabled: var(--color-ocean); --p-btn-v2-border-disabled: var(--color-ocean); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v1-media-text-default: var(--color-air); --p-btn-v1-media-border-default: var(--color-cave); --p-btn-v1-media-bg-default: var(--color-cave); --p-btn-v1-media-text-hover: var(--color-air); --p-btn-v1-media-border-hover: var(--color-sky); --p-btn-v1-media-bg-hover: var(--color-sky); --p-btn-v1-media-text-active: var(--color-air); --p-btn-v1-media-border-active: var(--color-sky); --p-btn-v1-media-bg-active: var(--color-sky); --p-btn-v1-media-text-disabled: var(--color-air); --p-btn-v1-media-border-disabled: var(--color-cave); --p-btn-v1-media-bg-disabled: var(--color-cave); --field-text-color-default: var(--color-cave-50); --field-border-color-default: var(--color-clay); --field-bg-color-default: var(--color-air); --field-text-color-value: var(--color-cave); --field-border-color-value: var(--color-clay); --field-bg-color-value: var(--color-air); --field-text-color-hover: var(--color-cave); --field-border-color-hover: var(--color-clay); --field-bg-color-hover: var(--color-air); --field-text-color-focus: var(--color-cave); --field-border-color-focus: var(--color-sky); --field-bg-color-focus: var(--color-air); --field-text-color-error: var(--color-cave); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-air); --field-text-color-disabled: var(--color-cave-50); --field-border-color-disabled: var(--color-clay); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-cave); --toggle-input-border-color-default: var(--color-clay); --toggle-input-bg-color-default: var(--color-air); --toggle-input-icon-color-value: var(--color-cave); --toggle-input-border-color-value: var(--color-clay); --toggle-input-bg-color-value: var(--color-air); --toggle-input-icon-color-hover: var(--color-cave); --toggle-input-border-color-hover: var(--color-sky); --toggle-input-bg-color-hover: var(--color-air); --toggle-input-icon-color-focus: var(--color-cave); --toggle-input-border-color-focus: var(--color-sky); --toggle-input-bg-color-focus: var(--color-air); --toggle-input-icon-color-disabled: var(--color-cave); --toggle-input-border-color-disabled: var(--color-clay); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-cave); --tag-border-color-default: var(--color-clay); --tag-bg-color-default: var(--color-transparent); --tag-text-color-hover: var(--color-air); --tag-border-color-hover: var(--color-ocean); --tag-bg-color-hover: var(--color-ocean); --p-tab-text-default: var(--color-cave); --p-tab-border-default: var(--color-clay); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cave); --p-tab-border-hover: var(--color-clay); --p-tab-bg-hover: var(--color-pebble); --p-tab-text-active: var(--color-air); --p-tab-border-active: var(--color-cave); --p-tab-bg-active: var(--color-cave); --p-tab-text-disabled: var(--color-cave); --p-tab-border-disabled: var(--color-clay); --p-tab-bg-disabled: var(--color-transparent); --p-logo-primary: var(--color-lake); --p-logo-secondary: var(--color-slate); --p-pagination-active: var(--color-cave); --p-pagination-inactive: var(--color-cave-50); --p-nav-dropdown-bg: var(--color-air); --p-statistic-ring: var(--color-stone); --p-progress-bar: var(--color-periwinkle); --p-article-nav-border: var(--color-slate); --p-table-header-bg: var(--color-cave); --p-table-header-text: var(--color-air); } .palette-tracker[data-palette-hero="4"] ~ :is(.masthead) { --p-bg: var(--color-sky); --p-inset-bg: var(--color-lake); --p-overlay-bg: var(--color-night-60); --p-text: var(--color-air); --p-list-marker-1: var(--color-air); --p-list-marker-2: var(--color-air); --p-list-marker-3: var(--color-air); --p-list-marker-ordered-1: var(--color-periwinkle); --p-list-marker-ordered-2: var(--color-periwinkle); --p-list-marker-ordered-3: var(--color-periwinkle); --p-selection-bg: var(--color-river); --p-selection-text: var(--color-air); --p-caption: var(--color-cave); --p-error: var(--color-cherry); --p-accent-1: var(--color-sky); --p-accent-2: var(--color-sand); --p-accent-3: var(--color-lime); --p-accent-4: var(--color-tangerine); --p-accent-5: var(--color-cherry); --p-line: var(--color-clay); --p-line-alt: var(--color-pebble); --p-icon: var(--color-air); --p-icon-alt: var(--color-river); --p-icon-alt-2: var(--color-air); --p-image-bg: var(--color-cave-5); --link-text-color-default: var(--color-air); --link-border-color-default: var(--color-air); --link-bg-color-default: var(--color-river); --link-text-color-hover: var(--color-air); --link-border-color-hover: var(--color-air); --link-bg-color-hover: var(--color-river); --link-text-color-active: var(--color-air); --link-border-color-active: var(--color-air); --link-bg-color-active: var(--color-river); --link-shy-text-color-default: var(--color-air); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-river); --link-shy-text-color-hover: var(--color-air); --link-shy-border-color-hover: var(--color-air); --link-shy-bg-color-hover: var(--color-river); --p-btn-v1-text-default: var(--color-air); --p-btn-v1-border-default: var(--color-river); --p-btn-v1-bg-default: var(--color-river); --p-btn-v1-text-hover: var(--color-river); --p-btn-v1-border-hover: var(--color-air); --p-btn-v1-bg-hover: var(--color-air); --p-btn-v1-text-active: var(--color-river); --p-btn-v1-border-active: var(--color-air); --p-btn-v1-bg-active: var(--color-air); --p-btn-v1-text-disabled: var(--color-air); --p-btn-v1-border-disabled: var(--color-river); --p-btn-v1-bg-disabled: var(--color-river); --p-btn-v2-text-default: var(--color-air); --p-btn-v2-border-default: var(--color-air); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-air); --p-btn-v2-border-hover: var(--color-river); --p-btn-v2-bg-hover: var(--color-river); --p-btn-v2-text-active: var(--color-air); --p-btn-v2-border-active: var(--color-ocean); --p-btn-v2-bg-active: var(--color-ocean); --p-btn-v2-text-disabled: var(--color-ocean); --p-btn-v2-border-disabled: var(--color-ocean); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v1-media-text-default: var(--color-air); --p-btn-v1-media-border-default: var(--color-cave); --p-btn-v1-media-bg-default: var(--color-cave); --p-btn-v1-media-text-hover: var(--color-air); --p-btn-v1-media-border-hover: var(--color-sky); --p-btn-v1-media-bg-hover: var(--color-sky); --p-btn-v1-media-text-active: var(--color-air); --p-btn-v1-media-border-active: var(--color-sky); --p-btn-v1-media-bg-active: var(--color-sky); --p-btn-v1-media-text-disabled: var(--color-air); --p-btn-v1-media-border-disabled: var(--color-cave); --p-btn-v1-media-bg-disabled: var(--color-cave); --field-text-color-default: var(--color-cave-50); --field-border-color-default: var(--color-clay); --field-bg-color-default: var(--color-air); --field-text-color-value: var(--color-cave); --field-border-color-value: var(--color-clay); --field-bg-color-value: var(--color-air); --field-text-color-hover: var(--color-cave); --field-border-color-hover: var(--color-clay); --field-bg-color-hover: var(--color-air); --field-text-color-focus: var(--color-cave); --field-border-color-focus: var(--color-sky); --field-bg-color-focus: var(--color-air); --field-text-color-error: var(--color-cave); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-air); --field-text-color-disabled: var(--color-cave-50); --field-border-color-disabled: var(--color-clay); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-cave); --toggle-input-border-color-default: var(--color-clay); --toggle-input-bg-color-default: var(--color-air); --toggle-input-icon-color-value: var(--color-cave); --toggle-input-border-color-value: var(--color-clay); --toggle-input-bg-color-value: var(--color-air); --toggle-input-icon-color-hover: var(--color-cave); --toggle-input-border-color-hover: var(--color-sky); --toggle-input-bg-color-hover: var(--color-air); --toggle-input-icon-color-focus: var(--color-cave); --toggle-input-border-color-focus: var(--color-sky); --toggle-input-bg-color-focus: var(--color-air); --toggle-input-icon-color-disabled: var(--color-cave); --toggle-input-border-color-disabled: var(--color-clay); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-cave); --tag-border-color-default: var(--color-clay); --tag-bg-color-default: var(--color-transparent); --tag-text-color-hover: var(--color-air); --tag-border-color-hover: var(--color-ocean); --tag-bg-color-hover: var(--color-ocean); --p-tab-text-default: var(--color-cave); --p-tab-border-default: var(--color-clay); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cave); --p-tab-border-hover: var(--color-clay); --p-tab-bg-hover: var(--color-pebble); --p-tab-text-active: var(--color-air); --p-tab-border-active: var(--color-cave); --p-tab-bg-active: var(--color-cave); --p-tab-text-disabled: var(--color-cave); --p-tab-border-disabled: var(--color-clay); --p-tab-bg-disabled: var(--color-transparent); --p-logo-primary: var(--color-lake); --p-logo-secondary: var(--color-slate); --p-pagination-active: var(--color-cave); --p-pagination-inactive: var(--color-cave-50); --p-nav-dropdown-bg: var(--color-air); --p-statistic-ring: var(--color-lake); --p-progress-bar: var(--color-periwinkle); --p-article-nav-border: var(--color-slate); --p-table-header-bg: var(--color-cave); --p-table-header-text: var(--color-air); } .palette-tracker[data-palette-hero="5"] ~ :is(.masthead) { --p-bg: var(--color-lake); --p-inset-bg: var(--color-ocean); --p-overlay-bg: var(--color-night-60); --p-text: var(--color-air); --p-list-marker-1: var(--color-air); --p-list-marker-2: var(--color-air); --p-list-marker-3: var(--color-air); --p-list-marker-ordered-1: var(--color-periwinkle); --p-list-marker-ordered-2: var(--color-periwinkle); --p-list-marker-ordered-3: var(--color-periwinkle); --p-selection-bg: var(--color-sky); --p-selection-text: var(--color-air); --p-caption: var(--color-cave); --p-error: var(--color-cherry); --p-accent-1: var(--color-sky); --p-accent-2: var(--color-sand); --p-accent-3: var(--color-lime); --p-accent-4: var(--color-tangerine); --p-accent-5: var(--color-cherry); --p-line: var(--color-clay); --p-line-alt: var(--color-pebble); --p-icon: var(--color-air); --p-icon-alt: var(--color-river); --p-icon-alt-2: var(--color-air); --p-image-bg: var(--color-cave-5); --link-text-color-default: var(--color-air); --link-border-color-default: var(--color-air); --link-bg-color-default: var(--color-sky); --link-text-color-hover: var(--color-air); --link-border-color-hover: var(--color-air); --link-bg-color-hover: var(--color-sky); --link-text-color-active: var(--color-air); --link-border-color-active: var(--color-air); --link-bg-color-active: var(--color-sky); --link-shy-text-color-default: var(--color-air); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-sky); --link-shy-text-color-hover: var(--color-air); --link-shy-border-color-hover: var(--color-air); --link-shy-bg-color-hover: var(--color-sky); --p-btn-v1-text-default: var(--color-air); --p-btn-v1-border-default: var(--color-sky); --p-btn-v1-bg-default: var(--color-sky); --p-btn-v1-text-hover: var(--color-river); --p-btn-v1-border-hover: var(--color-air); --p-btn-v1-bg-hover: var(--color-air); --p-btn-v1-text-active: var(--color-river); --p-btn-v1-border-active: var(--color-air); --p-btn-v1-bg-active: var(--color-air); --p-btn-v1-text-disabled: var(--color-air); --p-btn-v1-border-disabled: var(--color-river); --p-btn-v1-bg-disabled: var(--color-river); --p-btn-v2-text-default: var(--color-air); --p-btn-v2-border-default: var(--color-air); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-river); --p-btn-v2-border-hover: var(--color-air); --p-btn-v2-bg-hover: var(--color-air); --p-btn-v2-text-active: var(--color-river); --p-btn-v2-border-active: var(--color-air); --p-btn-v2-bg-active: var(--color-air); --p-btn-v2-text-disabled: var(--color-ocean); --p-btn-v2-border-disabled: var(--color-ocean); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v1-media-text-default: var(--color-air); --p-btn-v1-media-border-default: var(--color-cave); --p-btn-v1-media-bg-default: var(--color-cave); --p-btn-v1-media-text-hover: var(--color-air); --p-btn-v1-media-border-hover: var(--color-sky); --p-btn-v1-media-bg-hover: var(--color-sky); --p-btn-v1-media-text-active: var(--color-air); --p-btn-v1-media-border-active: var(--color-sky); --p-btn-v1-media-bg-active: var(--color-sky); --p-btn-v1-media-text-disabled: var(--color-air); --p-btn-v1-media-border-disabled: var(--color-cave); --p-btn-v1-media-bg-disabled: var(--color-cave); --field-text-color-default: var(--color-cave-50); --field-border-color-default: var(--color-clay); --field-bg-color-default: var(--color-air); --field-text-color-value: var(--color-cave); --field-border-color-value: var(--color-clay); --field-bg-color-value: var(--color-air); --field-text-color-hover: var(--color-cave); --field-border-color-hover: var(--color-clay); --field-bg-color-hover: var(--color-air); --field-text-color-focus: var(--color-cave); --field-border-color-focus: var(--color-sky); --field-bg-color-focus: var(--color-air); --field-text-color-error: var(--color-cave); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-air); --field-text-color-disabled: var(--color-cave-50); --field-border-color-disabled: var(--color-clay); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-cave); --toggle-input-border-color-default: var(--color-clay); --toggle-input-bg-color-default: var(--color-air); --toggle-input-icon-color-value: var(--color-cave); --toggle-input-border-color-value: var(--color-clay); --toggle-input-bg-color-value: var(--color-air); --toggle-input-icon-color-hover: var(--color-cave); --toggle-input-border-color-hover: var(--color-sky); --toggle-input-bg-color-hover: var(--color-air); --toggle-input-icon-color-focus: var(--color-cave); --toggle-input-border-color-focus: var(--color-sky); --toggle-input-bg-color-focus: var(--color-air); --toggle-input-icon-color-disabled: var(--color-cave); --toggle-input-border-color-disabled: var(--color-clay); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-cave); --tag-border-color-default: var(--color-clay); --tag-bg-color-default: var(--color-transparent); --tag-text-color-hover: var(--color-air); --tag-border-color-hover: var(--color-ocean); --tag-bg-color-hover: var(--color-ocean); --p-tab-text-default: var(--color-cave); --p-tab-border-default: var(--color-clay); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cave); --p-tab-border-hover: var(--color-clay); --p-tab-bg-hover: var(--color-pebble); --p-tab-text-active: var(--color-air); --p-tab-border-active: var(--color-cave); --p-tab-bg-active: var(--color-cave); --p-tab-text-disabled: var(--color-cave); --p-tab-border-disabled: var(--color-clay); --p-tab-bg-disabled: var(--color-transparent); --p-logo-primary: var(--color-air); --p-logo-secondary: var(--color-slate); --p-pagination-active: var(--color-cave); --p-pagination-inactive: var(--color-cave-50); --p-nav-dropdown-bg: var(--color-air); --p-statistic-ring: var(--color-slate); --p-progress-bar: var(--color-periwinkle); --p-article-nav-border: var(--color-slate); --p-table-header-bg: var(--color-cave); --p-table-header-text: var(--color-air); } .palette-tracker[data-palette-hero="6"] ~ :is(.masthead) { --p-bg: var(--color-ocean); --p-inset-bg: var(--color-cave); --p-overlay-bg: var(--color-night-60); --p-text: var(--color-air); --p-list-marker-1: var(--color-air); --p-list-marker-2: var(--color-air); --p-list-marker-3: var(--color-air); --p-list-marker-ordered-1: var(--color-periwinkle); --p-list-marker-ordered-2: var(--color-periwinkle); --p-list-marker-ordered-3: var(--color-periwinkle); --p-selection-bg: var(--color-sky); --p-selection-text: var(--color-air); --p-caption: var(--color-cave); --p-error: var(--color-cherry); --p-accent-1: var(--color-sky); --p-accent-2: var(--color-sand); --p-accent-3: var(--color-lime); --p-accent-4: var(--color-tangerine); --p-accent-5: var(--color-cherry); --p-line: var(--color-clay); --p-line-alt: var(--color-pebble); --p-icon: var(--color-air); --p-icon-alt: var(--color-river); --p-icon-alt-2: var(--color-air); --p-image-bg: var(--color-cave-5); --link-text-color-default: var(--color-air); --link-border-color-default: var(--color-air); --link-bg-color-default: var(--color-sky); --link-text-color-hover: var(--color-air); --link-border-color-hover: var(--color-air); --link-bg-color-hover: var(--color-sky); --link-text-color-active: var(--color-air); --link-border-color-active: var(--color-air); --link-bg-color-active: var(--color-sky); --link-shy-text-color-default: var(--color-air); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-sky); --link-shy-text-color-hover: var(--color-air); --link-shy-border-color-hover: var(--color-air); --link-shy-bg-color-hover: var(--color-sky); --p-btn-v1-text-default: var(--color-air); --p-btn-v1-border-default: var(--color-sky); --p-btn-v1-bg-default: var(--color-sky); --p-btn-v1-text-hover: var(--color-river); --p-btn-v1-border-hover: var(--color-air); --p-btn-v1-bg-hover: var(--color-air); --p-btn-v1-text-active: var(--color-river); --p-btn-v1-border-active: var(--color-air); --p-btn-v1-bg-active: var(--color-air); --p-btn-v1-text-disabled: var(--color-air); --p-btn-v1-border-disabled: var(--color-river); --p-btn-v1-bg-disabled: var(--color-river); --p-btn-v2-text-default: var(--color-air); --p-btn-v2-border-default: var(--color-air); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-river); --p-btn-v2-border-hover: var(--color-air); --p-btn-v2-bg-hover: var(--color-air); --p-btn-v2-text-active: var(--color-river); --p-btn-v2-border-active: var(--color-air); --p-btn-v2-bg-active: var(--color-air); --p-btn-v2-text-disabled: var(--color-ocean); --p-btn-v2-border-disabled: var(--color-ocean); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v1-media-text-default: var(--color-air); --p-btn-v1-media-border-default: var(--color-cave); --p-btn-v1-media-bg-default: var(--color-cave); --p-btn-v1-media-text-hover: var(--color-air); --p-btn-v1-media-border-hover: var(--color-sky); --p-btn-v1-media-bg-hover: var(--color-sky); --p-btn-v1-media-text-active: var(--color-air); --p-btn-v1-media-border-active: var(--color-sky); --p-btn-v1-media-bg-active: var(--color-sky); --p-btn-v1-media-text-disabled: var(--color-air); --p-btn-v1-media-border-disabled: var(--color-cave); --p-btn-v1-media-bg-disabled: var(--color-cave); --field-text-color-default: var(--color-cave-50); --field-border-color-default: var(--color-clay); --field-bg-color-default: var(--color-air); --field-text-color-value: var(--color-cave); --field-border-color-value: var(--color-clay); --field-bg-color-value: var(--color-air); --field-text-color-hover: var(--color-cave); --field-border-color-hover: var(--color-clay); --field-bg-color-hover: var(--color-air); --field-text-color-focus: var(--color-cave); --field-border-color-focus: var(--color-sky); --field-bg-color-focus: var(--color-air); --field-text-color-error: var(--color-cave); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-air); --field-text-color-disabled: var(--color-cave-50); --field-border-color-disabled: var(--color-clay); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-cave); --toggle-input-border-color-default: var(--color-clay); --toggle-input-bg-color-default: var(--color-air); --toggle-input-icon-color-value: var(--color-cave); --toggle-input-border-color-value: var(--color-clay); --toggle-input-bg-color-value: var(--color-air); --toggle-input-icon-color-hover: var(--color-cave); --toggle-input-border-color-hover: var(--color-sky); --toggle-input-bg-color-hover: var(--color-air); --toggle-input-icon-color-focus: var(--color-cave); --toggle-input-border-color-focus: var(--color-sky); --toggle-input-bg-color-focus: var(--color-air); --toggle-input-icon-color-disabled: var(--color-cave); --toggle-input-border-color-disabled: var(--color-clay); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-cave); --tag-border-color-default: var(--color-clay); --tag-bg-color-default: var(--color-transparent); --tag-text-color-hover: var(--color-air); --tag-border-color-hover: var(--color-ocean); --tag-bg-color-hover: var(--color-ocean); --p-tab-text-default: var(--color-cave); --p-tab-border-default: var(--color-clay); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cave); --p-tab-border-hover: var(--color-clay); --p-tab-bg-hover: var(--color-pebble); --p-tab-text-active: var(--color-air); --p-tab-border-active: var(--color-cave); --p-tab-bg-active: var(--color-cave); --p-tab-text-disabled: var(--color-cave); --p-tab-border-disabled: var(--color-clay); --p-tab-bg-disabled: var(--color-transparent); --p-logo-primary: var(--color-air); --p-logo-secondary: var(--color-slate); --p-pagination-active: var(--color-cave); --p-pagination-inactive: var(--color-cave-50); --p-nav-dropdown-bg: var(--color-air); --p-statistic-ring: var(--color-slate); --p-progress-bar: var(--color-periwinkle); --p-article-nav-border: var(--color-slate); --p-table-header-bg: var(--color-cave); --p-table-header-text: var(--color-air); } .palette-tracker[data-palette-hero="7"] ~ :is(.masthead) { --p-bg: var(--color-steel); --p-inset-bg: var(--color-ocean); --p-overlay-bg: var(--color-night-60); --p-text: var(--color-air); --p-list-marker-1: var(--color-air); --p-list-marker-2: var(--color-air); --p-list-marker-3: var(--color-air); --p-list-marker-ordered-1: var(--color-periwinkle); --p-list-marker-ordered-2: var(--color-periwinkle); --p-list-marker-ordered-3: var(--color-periwinkle); --p-selection-bg: var(--color-sky); --p-selection-text: var(--color-air); --p-caption: var(--color-cave); --p-error: var(--color-cherry); --p-accent-1: var(--color-sky); --p-accent-2: var(--color-sand); --p-accent-3: var(--color-lime); --p-accent-4: var(--color-tangerine); --p-accent-5: var(--color-cherry); --p-line: var(--color-clay); --p-line-alt: var(--color-pebble); --p-icon: var(--color-air); --p-icon-alt: var(--color-river); --p-icon-alt-2: var(--color-air); --p-image-bg: var(--color-cave-5); --link-text-color-default: var(--color-air); --link-border-color-default: var(--color-air); --link-bg-color-default: var(--color-sky); --link-text-color-hover: var(--color-air); --link-border-color-hover: var(--color-air); --link-bg-color-hover: var(--color-sky); --link-text-color-active: var(--color-air); --link-border-color-active: var(--color-air); --link-bg-color-active: var(--color-sky); --link-shy-text-color-default: var(--color-air); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-sky); --link-shy-text-color-hover: var(--color-air); --link-shy-border-color-hover: var(--color-air); --link-shy-bg-color-hover: var(--color-sky); --p-btn-v1-text-default: var(--color-air); --p-btn-v1-border-default: var(--color-sky); --p-btn-v1-bg-default: var(--color-sky); --p-btn-v1-text-hover: var(--color-river); --p-btn-v1-border-hover: var(--color-air); --p-btn-v1-bg-hover: var(--color-air); --p-btn-v1-text-active: var(--color-river); --p-btn-v1-border-active: var(--color-air); --p-btn-v1-bg-active: var(--color-air); --p-btn-v1-text-disabled: var(--color-air); --p-btn-v1-border-disabled: var(--color-river); --p-btn-v1-bg-disabled: var(--color-river); --p-btn-v2-text-default: var(--color-air); --p-btn-v2-border-default: var(--color-air); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-river); --p-btn-v2-border-hover: var(--color-air); --p-btn-v2-bg-hover: var(--color-air); --p-btn-v2-text-active: var(--color-river); --p-btn-v2-border-active: var(--color-air); --p-btn-v2-bg-active: var(--color-air); --p-btn-v2-text-disabled: var(--color-ocean); --p-btn-v2-border-disabled: var(--color-ocean); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v1-media-text-default: var(--color-air); --p-btn-v1-media-border-default: var(--color-cave); --p-btn-v1-media-bg-default: var(--color-cave); --p-btn-v1-media-text-hover: var(--color-air); --p-btn-v1-media-border-hover: var(--color-sky); --p-btn-v1-media-bg-hover: var(--color-sky); --p-btn-v1-media-text-active: var(--color-air); --p-btn-v1-media-border-active: var(--color-sky); --p-btn-v1-media-bg-active: var(--color-sky); --p-btn-v1-media-text-disabled: var(--color-air); --p-btn-v1-media-border-disabled: var(--color-cave); --p-btn-v1-media-bg-disabled: var(--color-cave); --field-text-color-default: var(--color-cave-50); --field-border-color-default: var(--color-clay); --field-bg-color-default: var(--color-air); --field-text-color-value: var(--color-cave); --field-border-color-value: var(--color-clay); --field-bg-color-value: var(--color-air); --field-text-color-hover: var(--color-cave); --field-border-color-hover: var(--color-clay); --field-bg-color-hover: var(--color-air); --field-text-color-focus: var(--color-cave); --field-border-color-focus: var(--color-sky); --field-bg-color-focus: var(--color-air); --field-text-color-error: var(--color-cave); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-air); --field-text-color-disabled: var(--color-cave-50); --field-border-color-disabled: var(--color-clay); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-cave); --toggle-input-border-color-default: var(--color-clay); --toggle-input-bg-color-default: var(--color-air); --toggle-input-icon-color-value: var(--color-cave); --toggle-input-border-color-value: var(--color-clay); --toggle-input-bg-color-value: var(--color-air); --toggle-input-icon-color-hover: var(--color-cave); --toggle-input-border-color-hover: var(--color-sky); --toggle-input-bg-color-hover: var(--color-air); --toggle-input-icon-color-focus: var(--color-cave); --toggle-input-border-color-focus: var(--color-sky); --toggle-input-bg-color-focus: var(--color-air); --toggle-input-icon-color-disabled: var(--color-cave); --toggle-input-border-color-disabled: var(--color-clay); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-air); --tag-border-color-default: var(--color-air); --tag-bg-color-default: var(--color-transparent); --tag-text-color-hover: var(--color-air); --tag-border-color-hover: var(--color-ocean); --tag-bg-color-hover: var(--color-ocean); --p-tab-text-default: var(--color-cave); --p-tab-border-default: var(--color-clay); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cave); --p-tab-border-hover: var(--color-clay); --p-tab-bg-hover: var(--color-pebble); --p-tab-text-active: var(--color-air); --p-tab-border-active: var(--color-cave); --p-tab-bg-active: var(--color-cave); --p-tab-text-disabled: var(--color-cave); --p-tab-border-disabled: var(--color-clay); --p-tab-bg-disabled: var(--color-transparent); --p-logo-primary: var(--color-air); --p-logo-secondary: var(--color-slate); --p-pagination-active: var(--color-cave); --p-pagination-inactive: var(--color-cave-50); --p-nav-dropdown-bg: var(--color-air); --p-statistic-ring: var(--color-slate); --p-progress-bar: var(--color-periwinkle); --p-article-nav-border: var(--color-slate); --p-table-header-bg: var(--color-cave); --p-table-header-text: var(--color-air); } .palette-tracker[data-palette-hero="8"] ~ :is(.masthead) { --p-bg: var(--color-periwinkle); --p-inset-bg: var(--color-cloud); --p-overlay-bg: var(--color-night-60); --p-text: var(--color-cave); --p-list-marker-1: var(--color-cave); --p-list-marker-2: var(--color-cave); --p-list-marker-3: var(--color-cave); --p-list-marker-ordered-1: var(--color-periwinkle); --p-list-marker-ordered-2: var(--color-periwinkle); --p-list-marker-ordered-3: var(--color-periwinkle); --p-selection-bg: var(--color-tangerine); --p-selection-text: var(--color-cave); --p-caption: var(--color-cave); --p-error: var(--color-cherry); --p-accent-1: var(--color-sky); --p-accent-2: var(--color-sand); --p-accent-3: var(--color-lime); --p-accent-4: var(--color-tangerine); --p-accent-5: var(--color-cherry); --p-line: var(--color-cave); --p-line-alt: var(--color-pebble); --p-icon: var(--color-sky); --p-icon-alt: var(--color-stone); --p-icon-alt-2: var(--color-steel); --p-image-bg: var(--color-cave-5); --link-text-color-default: var(--color-cave); --link-border-color-default: var(--color-cave); --link-bg-color-default: var(--color-rock); --link-text-color-hover: var(--color-cave); --link-border-color-hover: var(--color-cave); --link-bg-color-hover: var(--color-rock); --link-text-color-active: var(--color-cave); --link-border-color-active: var(--color-cave); --link-bg-color-active: var(--color-rock); --link-shy-text-color-default: var(--color-cave); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-transparent); --link-shy-text-color-hover: var(--color-cave); --link-shy-border-color-hover: var(--color-cave); --link-shy-bg-color-hover: var(--color-transparent); --p-btn-v1-text-default: var(--color-air); --p-btn-v1-border-default: var(--color-sky); --p-btn-v1-bg-default: var(--color-sky); --p-btn-v1-text-hover: var(--color-air); --p-btn-v1-border-hover: var(--color-ocean); --p-btn-v1-bg-hover: var(--color-ocean); --p-btn-v1-text-active: var(--color-air); --p-btn-v1-border-active: var(--color-ocean); --p-btn-v1-bg-active: var(--color-ocean); --p-btn-v1-text-disabled: var(--color-air); --p-btn-v1-border-disabled: var(--color-sky); --p-btn-v1-bg-disabled: var(--color-sky); --p-btn-v2-text-default: var(--color-ocean); --p-btn-v2-border-default: var(--color-ocean); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-air); --p-btn-v2-border-hover: var(--color-ocean); --p-btn-v2-bg-hover: var(--color-ocean); --p-btn-v2-text-active: var(--color-air); --p-btn-v2-border-active: var(--color-ocean); --p-btn-v2-bg-active: var(--color-ocean); --p-btn-v2-text-disabled: var(--color-ocean); --p-btn-v2-border-disabled: var(--color-ocean); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v1-media-text-default: var(--color-air); --p-btn-v1-media-border-default: var(--color-cave); --p-btn-v1-media-bg-default: var(--color-cave); --p-btn-v1-media-text-hover: var(--color-air); --p-btn-v1-media-border-hover: var(--color-sky); --p-btn-v1-media-bg-hover: var(--color-sky); --p-btn-v1-media-text-active: var(--color-air); --p-btn-v1-media-border-active: var(--color-sky); --p-btn-v1-media-bg-active: var(--color-sky); --p-btn-v1-media-text-disabled: var(--color-air); --p-btn-v1-media-border-disabled: var(--color-cave); --p-btn-v1-media-bg-disabled: var(--color-cave); --field-text-color-default: var(--color-cave-50); --field-border-color-default: var(--color-clay); --field-bg-color-default: var(--color-air); --field-text-color-value: var(--color-cave); --field-border-color-value: var(--color-clay); --field-bg-color-value: var(--color-air); --field-text-color-hover: var(--color-cave); --field-border-color-hover: var(--color-clay); --field-bg-color-hover: var(--color-air); --field-text-color-focus: var(--color-cave); --field-border-color-focus: var(--color-sky); --field-bg-color-focus: var(--color-air); --field-text-color-error: var(--color-cave); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-air); --field-text-color-disabled: var(--color-cave-50); --field-border-color-disabled: var(--color-clay); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-cave); --toggle-input-border-color-default: var(--color-clay); --toggle-input-bg-color-default: var(--color-air); --toggle-input-icon-color-value: var(--color-cave); --toggle-input-border-color-value: var(--color-clay); --toggle-input-bg-color-value: var(--color-air); --toggle-input-icon-color-hover: var(--color-cave); --toggle-input-border-color-hover: var(--color-sky); --toggle-input-bg-color-hover: var(--color-air); --toggle-input-icon-color-focus: var(--color-cave); --toggle-input-border-color-focus: var(--color-sky); --toggle-input-bg-color-focus: var(--color-air); --toggle-input-icon-color-disabled: var(--color-cave); --toggle-input-border-color-disabled: var(--color-clay); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-cave); --tag-border-color-default: var(--color-cave); --tag-bg-color-default: var(--color-transparent); --tag-text-color-hover: var(--color-air); --tag-border-color-hover: var(--color-ocean); --tag-bg-color-hover: var(--color-ocean); --p-tab-text-default: var(--color-cave); --p-tab-border-default: var(--color-clay); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cave); --p-tab-border-hover: var(--color-clay); --p-tab-bg-hover: var(--color-pebble); --p-tab-text-active: var(--color-air); --p-tab-border-active: var(--color-cave); --p-tab-bg-active: var(--color-cave); --p-tab-text-disabled: var(--color-cave); --p-tab-border-disabled: var(--color-clay); --p-tab-bg-disabled: var(--color-transparent); --p-logo-primary: var(--color-lake); --p-logo-secondary: var(--color-slate); --p-pagination-active: var(--color-cave); --p-pagination-inactive: var(--color-cave-50); --p-nav-dropdown-bg: var(--color-air); --p-statistic-ring: var(--color-stone); --p-progress-bar: var(--color-periwinkle); --p-article-nav-border: var(--color-slate); --p-table-header-bg: var(--color-cave); --p-table-header-text: var(--color-air); } .palette-tracker[data-palette-masthead="1"] ~ :is(.masthead) { --p-bg: var(--color-air); --p-inset-bg: var(--color-cloud); --p-overlay-bg: var(--color-night-60); --p-text: var(--color-cave); --p-list-marker-1: var(--color-cave); --p-list-marker-2: var(--color-cave); --p-list-marker-3: var(--color-cave); --p-list-marker-ordered-1: var(--color-periwinkle); --p-list-marker-ordered-2: var(--color-periwinkle); --p-list-marker-ordered-3: var(--color-periwinkle); --p-selection-bg: var(--color-tangerine); --p-selection-text: var(--color-cave); --p-caption: var(--color-cave); --p-error: var(--color-cherry); --p-accent-1: var(--color-sky); --p-accent-2: var(--color-sand); --p-accent-3: var(--color-lime); --p-accent-4: var(--color-tangerine); --p-accent-5: var(--color-cherry); --p-line: var(--color-clay); --p-line-alt: var(--color-pebble); --p-icon: var(--color-sky); --p-icon-alt: var(--color-stone); --p-icon-alt-2: var(--color-steel); --p-image-bg: var(--color-cave-5); --link-text-color-default: var(--color-cave); --link-border-color-default: var(--color-cave); --link-bg-color-default: var(--color-rock); --link-text-color-hover: var(--color-cave); --link-border-color-hover: var(--color-cave); --link-bg-color-hover: var(--color-rock); --link-text-color-active: var(--color-cave); --link-border-color-active: var(--color-cave); --link-bg-color-active: var(--color-rock); --link-shy-text-color-default: var(--color-cave); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-transparent); --link-shy-text-color-hover: var(--color-cave); --link-shy-border-color-hover: var(--color-cave); --link-shy-bg-color-hover: var(--color-transparent); --p-btn-v1-text-default: var(--color-air); --p-btn-v1-border-default: var(--color-sky); --p-btn-v1-bg-default: var(--color-sky); --p-btn-v1-text-hover: var(--color-air); --p-btn-v1-border-hover: var(--color-ocean); --p-btn-v1-bg-hover: var(--color-ocean); --p-btn-v1-text-active: var(--color-air); --p-btn-v1-border-active: var(--color-ocean); --p-btn-v1-bg-active: var(--color-ocean); --p-btn-v1-text-disabled: var(--color-air); --p-btn-v1-border-disabled: var(--color-sky); --p-btn-v1-bg-disabled: var(--color-sky); --p-btn-v2-text-default: var(--color-ocean); --p-btn-v2-border-default: var(--color-ocean); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-air); --p-btn-v2-border-hover: var(--color-ocean); --p-btn-v2-bg-hover: var(--color-ocean); --p-btn-v2-text-active: var(--color-air); --p-btn-v2-border-active: var(--color-ocean); --p-btn-v2-bg-active: var(--color-ocean); --p-btn-v2-text-disabled: var(--color-ocean); --p-btn-v2-border-disabled: var(--color-ocean); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v1-media-text-default: var(--color-air); --p-btn-v1-media-border-default: var(--color-cave); --p-btn-v1-media-bg-default: var(--color-cave); --p-btn-v1-media-text-hover: var(--color-air); --p-btn-v1-media-border-hover: var(--color-sky); --p-btn-v1-media-bg-hover: var(--color-sky); --p-btn-v1-media-text-active: var(--color-air); --p-btn-v1-media-border-active: var(--color-sky); --p-btn-v1-media-bg-active: var(--color-sky); --p-btn-v1-media-text-disabled: var(--color-air); --p-btn-v1-media-border-disabled: var(--color-cave); --p-btn-v1-media-bg-disabled: var(--color-cave); --field-text-color-default: var(--color-cave-50); --field-border-color-default: var(--color-clay); --field-bg-color-default: var(--color-air); --field-text-color-value: var(--color-cave); --field-border-color-value: var(--color-clay); --field-bg-color-value: var(--color-air); --field-text-color-hover: var(--color-cave); --field-border-color-hover: var(--color-clay); --field-bg-color-hover: var(--color-air); --field-text-color-focus: var(--color-cave); --field-border-color-focus: var(--color-sky); --field-bg-color-focus: var(--color-air); --field-text-color-error: var(--color-cave); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-air); --field-text-color-disabled: var(--color-cave-50); --field-border-color-disabled: var(--color-clay); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-cave); --toggle-input-border-color-default: var(--color-clay); --toggle-input-bg-color-default: var(--color-air); --toggle-input-icon-color-value: var(--color-cave); --toggle-input-border-color-value: var(--color-clay); --toggle-input-bg-color-value: var(--color-air); --toggle-input-icon-color-hover: var(--color-cave); --toggle-input-border-color-hover: var(--color-sky); --toggle-input-bg-color-hover: var(--color-air); --toggle-input-icon-color-focus: var(--color-cave); --toggle-input-border-color-focus: var(--color-sky); --toggle-input-bg-color-focus: var(--color-air); --toggle-input-icon-color-disabled: var(--color-cave); --toggle-input-border-color-disabled: var(--color-clay); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-cave); --tag-border-color-default: var(--color-clay); --tag-bg-color-default: var(--color-transparent); --tag-text-color-hover: var(--color-air); --tag-border-color-hover: var(--color-ocean); --tag-bg-color-hover: var(--color-ocean); --p-tab-text-default: var(--color-cave); --p-tab-border-default: var(--color-clay); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cave); --p-tab-border-hover: var(--color-clay); --p-tab-bg-hover: var(--color-pebble); --p-tab-text-active: var(--color-air); --p-tab-border-active: var(--color-cave); --p-tab-bg-active: var(--color-cave); --p-tab-text-disabled: var(--color-cave); --p-tab-border-disabled: var(--color-clay); --p-tab-bg-disabled: var(--color-transparent); --p-logo-primary: var(--color-lake); --p-logo-secondary: var(--color-slate); --p-pagination-active: var(--color-cave); --p-pagination-inactive: var(--color-cave-50); --p-nav-dropdown-bg: var(--color-air); --p-statistic-ring: var(--color-stone); --p-progress-bar: var(--color-periwinkle); --p-article-nav-border: var(--color-slate); --p-table-header-bg: var(--color-cave); --p-table-header-text: var(--color-air); background-color: var(--p-bg); } .palette-tracker[data-palette-masthead="2"] ~ :is(.masthead) { --p-bg: var(--color-cloud); --p-inset-bg: var(--color-air); --p-overlay-bg: var(--color-night-60); --p-text: var(--color-cave); --p-list-marker-1: var(--color-cave); --p-list-marker-2: var(--color-cave); --p-list-marker-3: var(--color-cave); --p-list-marker-ordered-1: var(--color-periwinkle); --p-list-marker-ordered-2: var(--color-periwinkle); --p-list-marker-ordered-3: var(--color-periwinkle); --p-selection-bg: var(--color-tangerine); --p-selection-text: var(--color-cave); --p-caption: var(--color-cave); --p-error: var(--color-cherry); --p-accent-1: var(--color-sky); --p-accent-2: var(--color-sand); --p-accent-3: var(--color-lime); --p-accent-4: var(--color-tangerine); --p-accent-5: var(--color-cherry); --p-line: var(--color-clay); --p-line-alt: var(--color-pebble); --p-icon: var(--color-sky); --p-icon-alt: var(--color-stone); --p-icon-alt-2: var(--color-steel); --p-image-bg: var(--color-cave-5); --link-text-color-default: var(--color-cave); --link-border-color-default: var(--color-cave); --link-bg-color-default: var(--color-rock); --link-text-color-hover: var(--color-cave); --link-border-color-hover: var(--color-cave); --link-bg-color-hover: var(--color-rock); --link-text-color-active: var(--color-cave); --link-border-color-active: var(--color-cave); --link-bg-color-active: var(--color-rock); --link-shy-text-color-default: var(--color-cave); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-transparent); --link-shy-text-color-hover: var(--color-cave); --link-shy-border-color-hover: var(--color-cave); --link-shy-bg-color-hover: var(--color-transparent); --p-btn-v1-text-default: var(--color-air); --p-btn-v1-border-default: var(--color-sky); --p-btn-v1-bg-default: var(--color-sky); --p-btn-v1-text-hover: var(--color-air); --p-btn-v1-border-hover: var(--color-ocean); --p-btn-v1-bg-hover: var(--color-ocean); --p-btn-v1-text-active: var(--color-air); --p-btn-v1-border-active: var(--color-ocean); --p-btn-v1-bg-active: var(--color-ocean); --p-btn-v1-text-disabled: var(--color-air); --p-btn-v1-border-disabled: var(--color-sky); --p-btn-v1-bg-disabled: var(--color-sky); --p-btn-v2-text-default: var(--color-ocean); --p-btn-v2-border-default: var(--color-ocean); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-air); --p-btn-v2-border-hover: var(--color-ocean); --p-btn-v2-bg-hover: var(--color-ocean); --p-btn-v2-text-active: var(--color-air); --p-btn-v2-border-active: var(--color-ocean); --p-btn-v2-bg-active: var(--color-ocean); --p-btn-v2-text-disabled: var(--color-ocean); --p-btn-v2-border-disabled: var(--color-ocean); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v1-media-text-default: var(--color-air); --p-btn-v1-media-border-default: var(--color-cave); --p-btn-v1-media-bg-default: var(--color-cave); --p-btn-v1-media-text-hover: var(--color-air); --p-btn-v1-media-border-hover: var(--color-sky); --p-btn-v1-media-bg-hover: var(--color-sky); --p-btn-v1-media-text-active: var(--color-air); --p-btn-v1-media-border-active: var(--color-sky); --p-btn-v1-media-bg-active: var(--color-sky); --p-btn-v1-media-text-disabled: var(--color-air); --p-btn-v1-media-border-disabled: var(--color-cave); --p-btn-v1-media-bg-disabled: var(--color-cave); --field-text-color-default: var(--color-cave-50); --field-border-color-default: var(--color-clay); --field-bg-color-default: var(--color-air); --field-text-color-value: var(--color-cave); --field-border-color-value: var(--color-clay); --field-bg-color-value: var(--color-air); --field-text-color-hover: var(--color-cave); --field-border-color-hover: var(--color-clay); --field-bg-color-hover: var(--color-air); --field-text-color-focus: var(--color-cave); --field-border-color-focus: var(--color-sky); --field-bg-color-focus: var(--color-air); --field-text-color-error: var(--color-cave); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-air); --field-text-color-disabled: var(--color-cave-50); --field-border-color-disabled: var(--color-clay); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-cave); --toggle-input-border-color-default: var(--color-clay); --toggle-input-bg-color-default: var(--color-air); --toggle-input-icon-color-value: var(--color-cave); --toggle-input-border-color-value: var(--color-clay); --toggle-input-bg-color-value: var(--color-air); --toggle-input-icon-color-hover: var(--color-cave); --toggle-input-border-color-hover: var(--color-sky); --toggle-input-bg-color-hover: var(--color-air); --toggle-input-icon-color-focus: var(--color-cave); --toggle-input-border-color-focus: var(--color-sky); --toggle-input-bg-color-focus: var(--color-air); --toggle-input-icon-color-disabled: var(--color-cave); --toggle-input-border-color-disabled: var(--color-clay); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-cave); --tag-border-color-default: var(--color-clay); --tag-bg-color-default: var(--color-transparent); --tag-text-color-hover: var(--color-air); --tag-border-color-hover: var(--color-ocean); --tag-bg-color-hover: var(--color-ocean); --p-tab-text-default: var(--color-cave); --p-tab-border-default: var(--color-clay); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cave); --p-tab-border-hover: var(--color-clay); --p-tab-bg-hover: var(--color-pebble); --p-tab-text-active: var(--color-air); --p-tab-border-active: var(--color-cave); --p-tab-bg-active: var(--color-cave); --p-tab-text-disabled: var(--color-cave); --p-tab-border-disabled: var(--color-clay); --p-tab-bg-disabled: var(--color-transparent); --p-logo-primary: var(--color-lake); --p-logo-secondary: var(--color-slate); --p-pagination-active: var(--color-cave); --p-pagination-inactive: var(--color-cave-50); --p-nav-dropdown-bg: var(--color-air); --p-statistic-ring: var(--color-stone); --p-progress-bar: var(--color-periwinkle); --p-article-nav-border: var(--color-slate); --p-table-header-bg: var(--color-cave); --p-table-header-text: var(--color-air); background-color: var(--p-bg); } .palette-tracker[data-palette-masthead="3"] ~ :is(.masthead) { --p-bg: var(--color-fog); --p-inset-bg: var(--color-air); --p-overlay-bg: var(--color-night-60); --p-text: var(--color-cave); --p-list-marker-1: var(--color-cave); --p-list-marker-2: var(--color-cave); --p-list-marker-3: var(--color-cave); --p-list-marker-ordered-1: var(--color-periwinkle); --p-list-marker-ordered-2: var(--color-periwinkle); --p-list-marker-ordered-3: var(--color-periwinkle); --p-selection-bg: var(--color-tangerine); --p-selection-text: var(--color-cave); --p-caption: var(--color-cave); --p-error: var(--color-cherry); --p-accent-1: var(--color-sky); --p-accent-2: var(--color-sand); --p-accent-3: var(--color-lime); --p-accent-4: var(--color-tangerine); --p-accent-5: var(--color-cherry); --p-line: var(--color-clay); --p-line-alt: var(--color-pebble); --p-icon: var(--color-sky); --p-icon-alt: var(--color-stone); --p-icon-alt-2: var(--color-steel); --p-image-bg: var(--color-cave-5); --link-text-color-default: var(--color-cave); --link-border-color-default: var(--color-cave); --link-bg-color-default: var(--color-rock); --link-text-color-hover: var(--color-cave); --link-border-color-hover: var(--color-cave); --link-bg-color-hover: var(--color-rock); --link-text-color-active: var(--color-cave); --link-border-color-active: var(--color-cave); --link-bg-color-active: var(--color-rock); --link-shy-text-color-default: var(--color-cave); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-transparent); --link-shy-text-color-hover: var(--color-cave); --link-shy-border-color-hover: var(--color-cave); --link-shy-bg-color-hover: var(--color-transparent); --p-btn-v1-text-default: var(--color-air); --p-btn-v1-border-default: var(--color-sky); --p-btn-v1-bg-default: var(--color-sky); --p-btn-v1-text-hover: var(--color-air); --p-btn-v1-border-hover: var(--color-ocean); --p-btn-v1-bg-hover: var(--color-ocean); --p-btn-v1-text-active: var(--color-air); --p-btn-v1-border-active: var(--color-ocean); --p-btn-v1-bg-active: var(--color-ocean); --p-btn-v1-text-disabled: var(--color-air); --p-btn-v1-border-disabled: var(--color-sky); --p-btn-v1-bg-disabled: var(--color-sky); --p-btn-v2-text-default: var(--color-ocean); --p-btn-v2-border-default: var(--color-ocean); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-air); --p-btn-v2-border-hover: var(--color-ocean); --p-btn-v2-bg-hover: var(--color-ocean); --p-btn-v2-text-active: var(--color-air); --p-btn-v2-border-active: var(--color-ocean); --p-btn-v2-bg-active: var(--color-ocean); --p-btn-v2-text-disabled: var(--color-ocean); --p-btn-v2-border-disabled: var(--color-ocean); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v1-media-text-default: var(--color-air); --p-btn-v1-media-border-default: var(--color-cave); --p-btn-v1-media-bg-default: var(--color-cave); --p-btn-v1-media-text-hover: var(--color-air); --p-btn-v1-media-border-hover: var(--color-sky); --p-btn-v1-media-bg-hover: var(--color-sky); --p-btn-v1-media-text-active: var(--color-air); --p-btn-v1-media-border-active: var(--color-sky); --p-btn-v1-media-bg-active: var(--color-sky); --p-btn-v1-media-text-disabled: var(--color-air); --p-btn-v1-media-border-disabled: var(--color-cave); --p-btn-v1-media-bg-disabled: var(--color-cave); --field-text-color-default: var(--color-cave-50); --field-border-color-default: var(--color-clay); --field-bg-color-default: var(--color-air); --field-text-color-value: var(--color-cave); --field-border-color-value: var(--color-clay); --field-bg-color-value: var(--color-air); --field-text-color-hover: var(--color-cave); --field-border-color-hover: var(--color-clay); --field-bg-color-hover: var(--color-air); --field-text-color-focus: var(--color-cave); --field-border-color-focus: var(--color-sky); --field-bg-color-focus: var(--color-air); --field-text-color-error: var(--color-cave); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-air); --field-text-color-disabled: var(--color-cave-50); --field-border-color-disabled: var(--color-clay); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-cave); --toggle-input-border-color-default: var(--color-clay); --toggle-input-bg-color-default: var(--color-air); --toggle-input-icon-color-value: var(--color-cave); --toggle-input-border-color-value: var(--color-clay); --toggle-input-bg-color-value: var(--color-air); --toggle-input-icon-color-hover: var(--color-cave); --toggle-input-border-color-hover: var(--color-sky); --toggle-input-bg-color-hover: var(--color-air); --toggle-input-icon-color-focus: var(--color-cave); --toggle-input-border-color-focus: var(--color-sky); --toggle-input-bg-color-focus: var(--color-air); --toggle-input-icon-color-disabled: var(--color-cave); --toggle-input-border-color-disabled: var(--color-clay); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-cave); --tag-border-color-default: var(--color-clay); --tag-bg-color-default: var(--color-transparent); --tag-text-color-hover: var(--color-air); --tag-border-color-hover: var(--color-ocean); --tag-bg-color-hover: var(--color-ocean); --p-tab-text-default: var(--color-cave); --p-tab-border-default: var(--color-clay); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cave); --p-tab-border-hover: var(--color-clay); --p-tab-bg-hover: var(--color-pebble); --p-tab-text-active: var(--color-air); --p-tab-border-active: var(--color-cave); --p-tab-bg-active: var(--color-cave); --p-tab-text-disabled: var(--color-cave); --p-tab-border-disabled: var(--color-clay); --p-tab-bg-disabled: var(--color-transparent); --p-logo-primary: var(--color-lake); --p-logo-secondary: var(--color-slate); --p-pagination-active: var(--color-cave); --p-pagination-inactive: var(--color-cave-50); --p-nav-dropdown-bg: var(--color-air); --p-statistic-ring: var(--color-stone); --p-progress-bar: var(--color-periwinkle); --p-article-nav-border: var(--color-slate); --p-table-header-bg: var(--color-cave); --p-table-header-text: var(--color-air); background-color: var(--p-bg); } .palette-tracker[data-palette-masthead="4"] ~ :is(.masthead) { --p-bg: var(--color-sky); --p-inset-bg: var(--color-lake); --p-overlay-bg: var(--color-night-60); --p-text: var(--color-air); --p-list-marker-1: var(--color-air); --p-list-marker-2: var(--color-air); --p-list-marker-3: var(--color-air); --p-list-marker-ordered-1: var(--color-periwinkle); --p-list-marker-ordered-2: var(--color-periwinkle); --p-list-marker-ordered-3: var(--color-periwinkle); --p-selection-bg: var(--color-river); --p-selection-text: var(--color-air); --p-caption: var(--color-cave); --p-error: var(--color-cherry); --p-accent-1: var(--color-sky); --p-accent-2: var(--color-sand); --p-accent-3: var(--color-lime); --p-accent-4: var(--color-tangerine); --p-accent-5: var(--color-cherry); --p-line: var(--color-clay); --p-line-alt: var(--color-pebble); --p-icon: var(--color-air); --p-icon-alt: var(--color-river); --p-icon-alt-2: var(--color-air); --p-image-bg: var(--color-cave-5); --link-text-color-default: var(--color-air); --link-border-color-default: var(--color-air); --link-bg-color-default: var(--color-river); --link-text-color-hover: var(--color-air); --link-border-color-hover: var(--color-air); --link-bg-color-hover: var(--color-river); --link-text-color-active: var(--color-air); --link-border-color-active: var(--color-air); --link-bg-color-active: var(--color-river); --link-shy-text-color-default: var(--color-air); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-river); --link-shy-text-color-hover: var(--color-air); --link-shy-border-color-hover: var(--color-air); --link-shy-bg-color-hover: var(--color-river); --p-btn-v1-text-default: var(--color-air); --p-btn-v1-border-default: var(--color-river); --p-btn-v1-bg-default: var(--color-river); --p-btn-v1-text-hover: var(--color-river); --p-btn-v1-border-hover: var(--color-air); --p-btn-v1-bg-hover: var(--color-air); --p-btn-v1-text-active: var(--color-river); --p-btn-v1-border-active: var(--color-air); --p-btn-v1-bg-active: var(--color-air); --p-btn-v1-text-disabled: var(--color-air); --p-btn-v1-border-disabled: var(--color-river); --p-btn-v1-bg-disabled: var(--color-river); --p-btn-v2-text-default: var(--color-air); --p-btn-v2-border-default: var(--color-air); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-air); --p-btn-v2-border-hover: var(--color-river); --p-btn-v2-bg-hover: var(--color-river); --p-btn-v2-text-active: var(--color-air); --p-btn-v2-border-active: var(--color-ocean); --p-btn-v2-bg-active: var(--color-ocean); --p-btn-v2-text-disabled: var(--color-ocean); --p-btn-v2-border-disabled: var(--color-ocean); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v1-media-text-default: var(--color-air); --p-btn-v1-media-border-default: var(--color-cave); --p-btn-v1-media-bg-default: var(--color-cave); --p-btn-v1-media-text-hover: var(--color-air); --p-btn-v1-media-border-hover: var(--color-sky); --p-btn-v1-media-bg-hover: var(--color-sky); --p-btn-v1-media-text-active: var(--color-air); --p-btn-v1-media-border-active: var(--color-sky); --p-btn-v1-media-bg-active: var(--color-sky); --p-btn-v1-media-text-disabled: var(--color-air); --p-btn-v1-media-border-disabled: var(--color-cave); --p-btn-v1-media-bg-disabled: var(--color-cave); --field-text-color-default: var(--color-cave-50); --field-border-color-default: var(--color-clay); --field-bg-color-default: var(--color-air); --field-text-color-value: var(--color-cave); --field-border-color-value: var(--color-clay); --field-bg-color-value: var(--color-air); --field-text-color-hover: var(--color-cave); --field-border-color-hover: var(--color-clay); --field-bg-color-hover: var(--color-air); --field-text-color-focus: var(--color-cave); --field-border-color-focus: var(--color-sky); --field-bg-color-focus: var(--color-air); --field-text-color-error: var(--color-cave); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-air); --field-text-color-disabled: var(--color-cave-50); --field-border-color-disabled: var(--color-clay); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-cave); --toggle-input-border-color-default: var(--color-clay); --toggle-input-bg-color-default: var(--color-air); --toggle-input-icon-color-value: var(--color-cave); --toggle-input-border-color-value: var(--color-clay); --toggle-input-bg-color-value: var(--color-air); --toggle-input-icon-color-hover: var(--color-cave); --toggle-input-border-color-hover: var(--color-sky); --toggle-input-bg-color-hover: var(--color-air); --toggle-input-icon-color-focus: var(--color-cave); --toggle-input-border-color-focus: var(--color-sky); --toggle-input-bg-color-focus: var(--color-air); --toggle-input-icon-color-disabled: var(--color-cave); --toggle-input-border-color-disabled: var(--color-clay); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-cave); --tag-border-color-default: var(--color-clay); --tag-bg-color-default: var(--color-transparent); --tag-text-color-hover: var(--color-air); --tag-border-color-hover: var(--color-ocean); --tag-bg-color-hover: var(--color-ocean); --p-tab-text-default: var(--color-cave); --p-tab-border-default: var(--color-clay); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cave); --p-tab-border-hover: var(--color-clay); --p-tab-bg-hover: var(--color-pebble); --p-tab-text-active: var(--color-air); --p-tab-border-active: var(--color-cave); --p-tab-bg-active: var(--color-cave); --p-tab-text-disabled: var(--color-cave); --p-tab-border-disabled: var(--color-clay); --p-tab-bg-disabled: var(--color-transparent); --p-logo-primary: var(--color-lake); --p-logo-secondary: var(--color-slate); --p-pagination-active: var(--color-cave); --p-pagination-inactive: var(--color-cave-50); --p-nav-dropdown-bg: var(--color-air); --p-statistic-ring: var(--color-lake); --p-progress-bar: var(--color-periwinkle); --p-article-nav-border: var(--color-slate); --p-table-header-bg: var(--color-cave); --p-table-header-text: var(--color-air); background-color: var(--p-bg); } .palette-tracker[data-palette-masthead="5"] ~ :is(.masthead) { --p-bg: var(--color-lake); --p-inset-bg: var(--color-ocean); --p-overlay-bg: var(--color-night-60); --p-text: var(--color-air); --p-list-marker-1: var(--color-air); --p-list-marker-2: var(--color-air); --p-list-marker-3: var(--color-air); --p-list-marker-ordered-1: var(--color-periwinkle); --p-list-marker-ordered-2: var(--color-periwinkle); --p-list-marker-ordered-3: var(--color-periwinkle); --p-selection-bg: var(--color-sky); --p-selection-text: var(--color-air); --p-caption: var(--color-cave); --p-error: var(--color-cherry); --p-accent-1: var(--color-sky); --p-accent-2: var(--color-sand); --p-accent-3: var(--color-lime); --p-accent-4: var(--color-tangerine); --p-accent-5: var(--color-cherry); --p-line: var(--color-clay); --p-line-alt: var(--color-pebble); --p-icon: var(--color-air); --p-icon-alt: var(--color-river); --p-icon-alt-2: var(--color-air); --p-image-bg: var(--color-cave-5); --link-text-color-default: var(--color-air); --link-border-color-default: var(--color-air); --link-bg-color-default: var(--color-sky); --link-text-color-hover: var(--color-air); --link-border-color-hover: var(--color-air); --link-bg-color-hover: var(--color-sky); --link-text-color-active: var(--color-air); --link-border-color-active: var(--color-air); --link-bg-color-active: var(--color-sky); --link-shy-text-color-default: var(--color-air); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-sky); --link-shy-text-color-hover: var(--color-air); --link-shy-border-color-hover: var(--color-air); --link-shy-bg-color-hover: var(--color-sky); --p-btn-v1-text-default: var(--color-air); --p-btn-v1-border-default: var(--color-sky); --p-btn-v1-bg-default: var(--color-sky); --p-btn-v1-text-hover: var(--color-river); --p-btn-v1-border-hover: var(--color-air); --p-btn-v1-bg-hover: var(--color-air); --p-btn-v1-text-active: var(--color-river); --p-btn-v1-border-active: var(--color-air); --p-btn-v1-bg-active: var(--color-air); --p-btn-v1-text-disabled: var(--color-air); --p-btn-v1-border-disabled: var(--color-river); --p-btn-v1-bg-disabled: var(--color-river); --p-btn-v2-text-default: var(--color-air); --p-btn-v2-border-default: var(--color-air); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-river); --p-btn-v2-border-hover: var(--color-air); --p-btn-v2-bg-hover: var(--color-air); --p-btn-v2-text-active: var(--color-river); --p-btn-v2-border-active: var(--color-air); --p-btn-v2-bg-active: var(--color-air); --p-btn-v2-text-disabled: var(--color-ocean); --p-btn-v2-border-disabled: var(--color-ocean); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v1-media-text-default: var(--color-air); --p-btn-v1-media-border-default: var(--color-cave); --p-btn-v1-media-bg-default: var(--color-cave); --p-btn-v1-media-text-hover: var(--color-air); --p-btn-v1-media-border-hover: var(--color-sky); --p-btn-v1-media-bg-hover: var(--color-sky); --p-btn-v1-media-text-active: var(--color-air); --p-btn-v1-media-border-active: var(--color-sky); --p-btn-v1-media-bg-active: var(--color-sky); --p-btn-v1-media-text-disabled: var(--color-air); --p-btn-v1-media-border-disabled: var(--color-cave); --p-btn-v1-media-bg-disabled: var(--color-cave); --field-text-color-default: var(--color-cave-50); --field-border-color-default: var(--color-clay); --field-bg-color-default: var(--color-air); --field-text-color-value: var(--color-cave); --field-border-color-value: var(--color-clay); --field-bg-color-value: var(--color-air); --field-text-color-hover: var(--color-cave); --field-border-color-hover: var(--color-clay); --field-bg-color-hover: var(--color-air); --field-text-color-focus: var(--color-cave); --field-border-color-focus: var(--color-sky); --field-bg-color-focus: var(--color-air); --field-text-color-error: var(--color-cave); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-air); --field-text-color-disabled: var(--color-cave-50); --field-border-color-disabled: var(--color-clay); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-cave); --toggle-input-border-color-default: var(--color-clay); --toggle-input-bg-color-default: var(--color-air); --toggle-input-icon-color-value: var(--color-cave); --toggle-input-border-color-value: var(--color-clay); --toggle-input-bg-color-value: var(--color-air); --toggle-input-icon-color-hover: var(--color-cave); --toggle-input-border-color-hover: var(--color-sky); --toggle-input-bg-color-hover: var(--color-air); --toggle-input-icon-color-focus: var(--color-cave); --toggle-input-border-color-focus: var(--color-sky); --toggle-input-bg-color-focus: var(--color-air); --toggle-input-icon-color-disabled: var(--color-cave); --toggle-input-border-color-disabled: var(--color-clay); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-cave); --tag-border-color-default: var(--color-clay); --tag-bg-color-default: var(--color-transparent); --tag-text-color-hover: var(--color-air); --tag-border-color-hover: var(--color-ocean); --tag-bg-color-hover: var(--color-ocean); --p-tab-text-default: var(--color-cave); --p-tab-border-default: var(--color-clay); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cave); --p-tab-border-hover: var(--color-clay); --p-tab-bg-hover: var(--color-pebble); --p-tab-text-active: var(--color-air); --p-tab-border-active: var(--color-cave); --p-tab-bg-active: var(--color-cave); --p-tab-text-disabled: var(--color-cave); --p-tab-border-disabled: var(--color-clay); --p-tab-bg-disabled: var(--color-transparent); --p-logo-primary: var(--color-air); --p-logo-secondary: var(--color-slate); --p-pagination-active: var(--color-cave); --p-pagination-inactive: var(--color-cave-50); --p-nav-dropdown-bg: var(--color-air); --p-statistic-ring: var(--color-slate); --p-progress-bar: var(--color-periwinkle); --p-article-nav-border: var(--color-slate); --p-table-header-bg: var(--color-cave); --p-table-header-text: var(--color-air); background-color: var(--p-bg); } .palette-tracker[data-palette-masthead="6"] ~ :is(.masthead) { --p-bg: var(--color-ocean); --p-inset-bg: var(--color-cave); --p-overlay-bg: var(--color-night-60); --p-text: var(--color-air); --p-list-marker-1: var(--color-air); --p-list-marker-2: var(--color-air); --p-list-marker-3: var(--color-air); --p-list-marker-ordered-1: var(--color-periwinkle); --p-list-marker-ordered-2: var(--color-periwinkle); --p-list-marker-ordered-3: var(--color-periwinkle); --p-selection-bg: var(--color-sky); --p-selection-text: var(--color-air); --p-caption: var(--color-cave); --p-error: var(--color-cherry); --p-accent-1: var(--color-sky); --p-accent-2: var(--color-sand); --p-accent-3: var(--color-lime); --p-accent-4: var(--color-tangerine); --p-accent-5: var(--color-cherry); --p-line: var(--color-clay); --p-line-alt: var(--color-pebble); --p-icon: var(--color-air); --p-icon-alt: var(--color-river); --p-icon-alt-2: var(--color-air); --p-image-bg: var(--color-cave-5); --link-text-color-default: var(--color-air); --link-border-color-default: var(--color-air); --link-bg-color-default: var(--color-sky); --link-text-color-hover: var(--color-air); --link-border-color-hover: var(--color-air); --link-bg-color-hover: var(--color-sky); --link-text-color-active: var(--color-air); --link-border-color-active: var(--color-air); --link-bg-color-active: var(--color-sky); --link-shy-text-color-default: var(--color-air); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-sky); --link-shy-text-color-hover: var(--color-air); --link-shy-border-color-hover: var(--color-air); --link-shy-bg-color-hover: var(--color-sky); --p-btn-v1-text-default: var(--color-air); --p-btn-v1-border-default: var(--color-sky); --p-btn-v1-bg-default: var(--color-sky); --p-btn-v1-text-hover: var(--color-river); --p-btn-v1-border-hover: var(--color-air); --p-btn-v1-bg-hover: var(--color-air); --p-btn-v1-text-active: var(--color-river); --p-btn-v1-border-active: var(--color-air); --p-btn-v1-bg-active: var(--color-air); --p-btn-v1-text-disabled: var(--color-air); --p-btn-v1-border-disabled: var(--color-river); --p-btn-v1-bg-disabled: var(--color-river); --p-btn-v2-text-default: var(--color-air); --p-btn-v2-border-default: var(--color-air); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-river); --p-btn-v2-border-hover: var(--color-air); --p-btn-v2-bg-hover: var(--color-air); --p-btn-v2-text-active: var(--color-river); --p-btn-v2-border-active: var(--color-air); --p-btn-v2-bg-active: var(--color-air); --p-btn-v2-text-disabled: var(--color-ocean); --p-btn-v2-border-disabled: var(--color-ocean); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v1-media-text-default: var(--color-air); --p-btn-v1-media-border-default: var(--color-cave); --p-btn-v1-media-bg-default: var(--color-cave); --p-btn-v1-media-text-hover: var(--color-air); --p-btn-v1-media-border-hover: var(--color-sky); --p-btn-v1-media-bg-hover: var(--color-sky); --p-btn-v1-media-text-active: var(--color-air); --p-btn-v1-media-border-active: var(--color-sky); --p-btn-v1-media-bg-active: var(--color-sky); --p-btn-v1-media-text-disabled: var(--color-air); --p-btn-v1-media-border-disabled: var(--color-cave); --p-btn-v1-media-bg-disabled: var(--color-cave); --field-text-color-default: var(--color-cave-50); --field-border-color-default: var(--color-clay); --field-bg-color-default: var(--color-air); --field-text-color-value: var(--color-cave); --field-border-color-value: var(--color-clay); --field-bg-color-value: var(--color-air); --field-text-color-hover: var(--color-cave); --field-border-color-hover: var(--color-clay); --field-bg-color-hover: var(--color-air); --field-text-color-focus: var(--color-cave); --field-border-color-focus: var(--color-sky); --field-bg-color-focus: var(--color-air); --field-text-color-error: var(--color-cave); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-air); --field-text-color-disabled: var(--color-cave-50); --field-border-color-disabled: var(--color-clay); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-cave); --toggle-input-border-color-default: var(--color-clay); --toggle-input-bg-color-default: var(--color-air); --toggle-input-icon-color-value: var(--color-cave); --toggle-input-border-color-value: var(--color-clay); --toggle-input-bg-color-value: var(--color-air); --toggle-input-icon-color-hover: var(--color-cave); --toggle-input-border-color-hover: var(--color-sky); --toggle-input-bg-color-hover: var(--color-air); --toggle-input-icon-color-focus: var(--color-cave); --toggle-input-border-color-focus: var(--color-sky); --toggle-input-bg-color-focus: var(--color-air); --toggle-input-icon-color-disabled: var(--color-cave); --toggle-input-border-color-disabled: var(--color-clay); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-cave); --tag-border-color-default: var(--color-clay); --tag-bg-color-default: var(--color-transparent); --tag-text-color-hover: var(--color-air); --tag-border-color-hover: var(--color-ocean); --tag-bg-color-hover: var(--color-ocean); --p-tab-text-default: var(--color-cave); --p-tab-border-default: var(--color-clay); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cave); --p-tab-border-hover: var(--color-clay); --p-tab-bg-hover: var(--color-pebble); --p-tab-text-active: var(--color-air); --p-tab-border-active: var(--color-cave); --p-tab-bg-active: var(--color-cave); --p-tab-text-disabled: var(--color-cave); --p-tab-border-disabled: var(--color-clay); --p-tab-bg-disabled: var(--color-transparent); --p-logo-primary: var(--color-air); --p-logo-secondary: var(--color-slate); --p-pagination-active: var(--color-cave); --p-pagination-inactive: var(--color-cave-50); --p-nav-dropdown-bg: var(--color-air); --p-statistic-ring: var(--color-slate); --p-progress-bar: var(--color-periwinkle); --p-article-nav-border: var(--color-slate); --p-table-header-bg: var(--color-cave); --p-table-header-text: var(--color-air); background-color: var(--p-bg); } .palette-tracker[data-palette-masthead="7"] ~ :is(.masthead) { --p-bg: var(--color-steel); --p-inset-bg: var(--color-ocean); --p-overlay-bg: var(--color-night-60); --p-text: var(--color-air); --p-list-marker-1: var(--color-air); --p-list-marker-2: var(--color-air); --p-list-marker-3: var(--color-air); --p-list-marker-ordered-1: var(--color-periwinkle); --p-list-marker-ordered-2: var(--color-periwinkle); --p-list-marker-ordered-3: var(--color-periwinkle); --p-selection-bg: var(--color-sky); --p-selection-text: var(--color-air); --p-caption: var(--color-cave); --p-error: var(--color-cherry); --p-accent-1: var(--color-sky); --p-accent-2: var(--color-sand); --p-accent-3: var(--color-lime); --p-accent-4: var(--color-tangerine); --p-accent-5: var(--color-cherry); --p-line: var(--color-clay); --p-line-alt: var(--color-pebble); --p-icon: var(--color-air); --p-icon-alt: var(--color-river); --p-icon-alt-2: var(--color-air); --p-image-bg: var(--color-cave-5); --link-text-color-default: var(--color-air); --link-border-color-default: var(--color-air); --link-bg-color-default: var(--color-sky); --link-text-color-hover: var(--color-air); --link-border-color-hover: var(--color-air); --link-bg-color-hover: var(--color-sky); --link-text-color-active: var(--color-air); --link-border-color-active: var(--color-air); --link-bg-color-active: var(--color-sky); --link-shy-text-color-default: var(--color-air); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-sky); --link-shy-text-color-hover: var(--color-air); --link-shy-border-color-hover: var(--color-air); --link-shy-bg-color-hover: var(--color-sky); --p-btn-v1-text-default: var(--color-air); --p-btn-v1-border-default: var(--color-sky); --p-btn-v1-bg-default: var(--color-sky); --p-btn-v1-text-hover: var(--color-river); --p-btn-v1-border-hover: var(--color-air); --p-btn-v1-bg-hover: var(--color-air); --p-btn-v1-text-active: var(--color-river); --p-btn-v1-border-active: var(--color-air); --p-btn-v1-bg-active: var(--color-air); --p-btn-v1-text-disabled: var(--color-air); --p-btn-v1-border-disabled: var(--color-river); --p-btn-v1-bg-disabled: var(--color-river); --p-btn-v2-text-default: var(--color-air); --p-btn-v2-border-default: var(--color-air); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-river); --p-btn-v2-border-hover: var(--color-air); --p-btn-v2-bg-hover: var(--color-air); --p-btn-v2-text-active: var(--color-river); --p-btn-v2-border-active: var(--color-air); --p-btn-v2-bg-active: var(--color-air); --p-btn-v2-text-disabled: var(--color-ocean); --p-btn-v2-border-disabled: var(--color-ocean); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v1-media-text-default: var(--color-air); --p-btn-v1-media-border-default: var(--color-cave); --p-btn-v1-media-bg-default: var(--color-cave); --p-btn-v1-media-text-hover: var(--color-air); --p-btn-v1-media-border-hover: var(--color-sky); --p-btn-v1-media-bg-hover: var(--color-sky); --p-btn-v1-media-text-active: var(--color-air); --p-btn-v1-media-border-active: var(--color-sky); --p-btn-v1-media-bg-active: var(--color-sky); --p-btn-v1-media-text-disabled: var(--color-air); --p-btn-v1-media-border-disabled: var(--color-cave); --p-btn-v1-media-bg-disabled: var(--color-cave); --field-text-color-default: var(--color-cave-50); --field-border-color-default: var(--color-clay); --field-bg-color-default: var(--color-air); --field-text-color-value: var(--color-cave); --field-border-color-value: var(--color-clay); --field-bg-color-value: var(--color-air); --field-text-color-hover: var(--color-cave); --field-border-color-hover: var(--color-clay); --field-bg-color-hover: var(--color-air); --field-text-color-focus: var(--color-cave); --field-border-color-focus: var(--color-sky); --field-bg-color-focus: var(--color-air); --field-text-color-error: var(--color-cave); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-air); --field-text-color-disabled: var(--color-cave-50); --field-border-color-disabled: var(--color-clay); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-cave); --toggle-input-border-color-default: var(--color-clay); --toggle-input-bg-color-default: var(--color-air); --toggle-input-icon-color-value: var(--color-cave); --toggle-input-border-color-value: var(--color-clay); --toggle-input-bg-color-value: var(--color-air); --toggle-input-icon-color-hover: var(--color-cave); --toggle-input-border-color-hover: var(--color-sky); --toggle-input-bg-color-hover: var(--color-air); --toggle-input-icon-color-focus: var(--color-cave); --toggle-input-border-color-focus: var(--color-sky); --toggle-input-bg-color-focus: var(--color-air); --toggle-input-icon-color-disabled: var(--color-cave); --toggle-input-border-color-disabled: var(--color-clay); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-air); --tag-border-color-default: var(--color-air); --tag-bg-color-default: var(--color-transparent); --tag-text-color-hover: var(--color-air); --tag-border-color-hover: var(--color-ocean); --tag-bg-color-hover: var(--color-ocean); --p-tab-text-default: var(--color-cave); --p-tab-border-default: var(--color-clay); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cave); --p-tab-border-hover: var(--color-clay); --p-tab-bg-hover: var(--color-pebble); --p-tab-text-active: var(--color-air); --p-tab-border-active: var(--color-cave); --p-tab-bg-active: var(--color-cave); --p-tab-text-disabled: var(--color-cave); --p-tab-border-disabled: var(--color-clay); --p-tab-bg-disabled: var(--color-transparent); --p-logo-primary: var(--color-air); --p-logo-secondary: var(--color-slate); --p-pagination-active: var(--color-cave); --p-pagination-inactive: var(--color-cave-50); --p-nav-dropdown-bg: var(--color-air); --p-statistic-ring: var(--color-slate); --p-progress-bar: var(--color-periwinkle); --p-article-nav-border: var(--color-slate); --p-table-header-bg: var(--color-cave); --p-table-header-text: var(--color-air); background-color: var(--p-bg); } .palette-tracker[data-palette-masthead="8"] ~ :is(.masthead) { --p-bg: var(--color-periwinkle); --p-inset-bg: var(--color-cloud); --p-overlay-bg: var(--color-night-60); --p-text: var(--color-cave); --p-list-marker-1: var(--color-cave); --p-list-marker-2: var(--color-cave); --p-list-marker-3: var(--color-cave); --p-list-marker-ordered-1: var(--color-periwinkle); --p-list-marker-ordered-2: var(--color-periwinkle); --p-list-marker-ordered-3: var(--color-periwinkle); --p-selection-bg: var(--color-tangerine); --p-selection-text: var(--color-cave); --p-caption: var(--color-cave); --p-error: var(--color-cherry); --p-accent-1: var(--color-sky); --p-accent-2: var(--color-sand); --p-accent-3: var(--color-lime); --p-accent-4: var(--color-tangerine); --p-accent-5: var(--color-cherry); --p-line: var(--color-cave); --p-line-alt: var(--color-pebble); --p-icon: var(--color-sky); --p-icon-alt: var(--color-stone); --p-icon-alt-2: var(--color-steel); --p-image-bg: var(--color-cave-5); --link-text-color-default: var(--color-cave); --link-border-color-default: var(--color-cave); --link-bg-color-default: var(--color-rock); --link-text-color-hover: var(--color-cave); --link-border-color-hover: var(--color-cave); --link-bg-color-hover: var(--color-rock); --link-text-color-active: var(--color-cave); --link-border-color-active: var(--color-cave); --link-bg-color-active: var(--color-rock); --link-shy-text-color-default: var(--color-cave); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-transparent); --link-shy-text-color-hover: var(--color-cave); --link-shy-border-color-hover: var(--color-cave); --link-shy-bg-color-hover: var(--color-transparent); --p-btn-v1-text-default: var(--color-air); --p-btn-v1-border-default: var(--color-sky); --p-btn-v1-bg-default: var(--color-sky); --p-btn-v1-text-hover: var(--color-air); --p-btn-v1-border-hover: var(--color-ocean); --p-btn-v1-bg-hover: var(--color-ocean); --p-btn-v1-text-active: var(--color-air); --p-btn-v1-border-active: var(--color-ocean); --p-btn-v1-bg-active: var(--color-ocean); --p-btn-v1-text-disabled: var(--color-air); --p-btn-v1-border-disabled: var(--color-sky); --p-btn-v1-bg-disabled: var(--color-sky); --p-btn-v2-text-default: var(--color-ocean); --p-btn-v2-border-default: var(--color-ocean); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-air); --p-btn-v2-border-hover: var(--color-ocean); --p-btn-v2-bg-hover: var(--color-ocean); --p-btn-v2-text-active: var(--color-air); --p-btn-v2-border-active: var(--color-ocean); --p-btn-v2-bg-active: var(--color-ocean); --p-btn-v2-text-disabled: var(--color-ocean); --p-btn-v2-border-disabled: var(--color-ocean); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v1-media-text-default: var(--color-air); --p-btn-v1-media-border-default: var(--color-cave); --p-btn-v1-media-bg-default: var(--color-cave); --p-btn-v1-media-text-hover: var(--color-air); --p-btn-v1-media-border-hover: var(--color-sky); --p-btn-v1-media-bg-hover: var(--color-sky); --p-btn-v1-media-text-active: var(--color-air); --p-btn-v1-media-border-active: var(--color-sky); --p-btn-v1-media-bg-active: var(--color-sky); --p-btn-v1-media-text-disabled: var(--color-air); --p-btn-v1-media-border-disabled: var(--color-cave); --p-btn-v1-media-bg-disabled: var(--color-cave); --field-text-color-default: var(--color-cave-50); --field-border-color-default: var(--color-clay); --field-bg-color-default: var(--color-air); --field-text-color-value: var(--color-cave); --field-border-color-value: var(--color-clay); --field-bg-color-value: var(--color-air); --field-text-color-hover: var(--color-cave); --field-border-color-hover: var(--color-clay); --field-bg-color-hover: var(--color-air); --field-text-color-focus: var(--color-cave); --field-border-color-focus: var(--color-sky); --field-bg-color-focus: var(--color-air); --field-text-color-error: var(--color-cave); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-air); --field-text-color-disabled: var(--color-cave-50); --field-border-color-disabled: var(--color-clay); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-cave); --toggle-input-border-color-default: var(--color-clay); --toggle-input-bg-color-default: var(--color-air); --toggle-input-icon-color-value: var(--color-cave); --toggle-input-border-color-value: var(--color-clay); --toggle-input-bg-color-value: var(--color-air); --toggle-input-icon-color-hover: var(--color-cave); --toggle-input-border-color-hover: var(--color-sky); --toggle-input-bg-color-hover: var(--color-air); --toggle-input-icon-color-focus: var(--color-cave); --toggle-input-border-color-focus: var(--color-sky); --toggle-input-bg-color-focus: var(--color-air); --toggle-input-icon-color-disabled: var(--color-cave); --toggle-input-border-color-disabled: var(--color-clay); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-cave); --tag-border-color-default: var(--color-cave); --tag-bg-color-default: var(--color-transparent); --tag-text-color-hover: var(--color-air); --tag-border-color-hover: var(--color-ocean); --tag-bg-color-hover: var(--color-ocean); --p-tab-text-default: var(--color-cave); --p-tab-border-default: var(--color-clay); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cave); --p-tab-border-hover: var(--color-clay); --p-tab-bg-hover: var(--color-pebble); --p-tab-text-active: var(--color-air); --p-tab-border-active: var(--color-cave); --p-tab-bg-active: var(--color-cave); --p-tab-text-disabled: var(--color-cave); --p-tab-border-disabled: var(--color-clay); --p-tab-bg-disabled: var(--color-transparent); --p-logo-primary: var(--color-lake); --p-logo-secondary: var(--color-slate); --p-pagination-active: var(--color-cave); --p-pagination-inactive: var(--color-cave-50); --p-nav-dropdown-bg: var(--color-air); --p-statistic-ring: var(--color-stone); --p-progress-bar: var(--color-periwinkle); --p-article-nav-border: var(--color-slate); --p-table-header-bg: var(--color-cave); --p-table-header-text: var(--color-air); background-color: var(--p-bg); } .palette-tracker[data-palette-panel="1"] ~ :is(.masthead) { --p-bg: var(--color-air); --p-inset-bg: var(--color-cloud); --p-overlay-bg: var(--color-night-60); --p-text: var(--color-cave); --p-list-marker-1: var(--color-cave); --p-list-marker-2: var(--color-cave); --p-list-marker-3: var(--color-cave); --p-list-marker-ordered-1: var(--color-periwinkle); --p-list-marker-ordered-2: var(--color-periwinkle); --p-list-marker-ordered-3: var(--color-periwinkle); --p-selection-bg: var(--color-tangerine); --p-selection-text: var(--color-cave); --p-caption: var(--color-cave); --p-error: var(--color-cherry); --p-accent-1: var(--color-sky); --p-accent-2: var(--color-sand); --p-accent-3: var(--color-lime); --p-accent-4: var(--color-tangerine); --p-accent-5: var(--color-cherry); --p-line: var(--color-clay); --p-line-alt: var(--color-pebble); --p-icon: var(--color-sky); --p-icon-alt: var(--color-stone); --p-icon-alt-2: var(--color-steel); --p-image-bg: var(--color-cave-5); --link-text-color-default: var(--color-cave); --link-border-color-default: var(--color-cave); --link-bg-color-default: var(--color-rock); --link-text-color-hover: var(--color-cave); --link-border-color-hover: var(--color-cave); --link-bg-color-hover: var(--color-rock); --link-text-color-active: var(--color-cave); --link-border-color-active: var(--color-cave); --link-bg-color-active: var(--color-rock); --link-shy-text-color-default: var(--color-cave); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-transparent); --link-shy-text-color-hover: var(--color-cave); --link-shy-border-color-hover: var(--color-cave); --link-shy-bg-color-hover: var(--color-transparent); --p-btn-v1-text-default: var(--color-air); --p-btn-v1-border-default: var(--color-sky); --p-btn-v1-bg-default: var(--color-sky); --p-btn-v1-text-hover: var(--color-air); --p-btn-v1-border-hover: var(--color-ocean); --p-btn-v1-bg-hover: var(--color-ocean); --p-btn-v1-text-active: var(--color-air); --p-btn-v1-border-active: var(--color-ocean); --p-btn-v1-bg-active: var(--color-ocean); --p-btn-v1-text-disabled: var(--color-air); --p-btn-v1-border-disabled: var(--color-sky); --p-btn-v1-bg-disabled: var(--color-sky); --p-btn-v2-text-default: var(--color-ocean); --p-btn-v2-border-default: var(--color-ocean); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-air); --p-btn-v2-border-hover: var(--color-ocean); --p-btn-v2-bg-hover: var(--color-ocean); --p-btn-v2-text-active: var(--color-air); --p-btn-v2-border-active: var(--color-ocean); --p-btn-v2-bg-active: var(--color-ocean); --p-btn-v2-text-disabled: var(--color-ocean); --p-btn-v2-border-disabled: var(--color-ocean); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v1-media-text-default: var(--color-air); --p-btn-v1-media-border-default: var(--color-cave); --p-btn-v1-media-bg-default: var(--color-cave); --p-btn-v1-media-text-hover: var(--color-air); --p-btn-v1-media-border-hover: var(--color-sky); --p-btn-v1-media-bg-hover: var(--color-sky); --p-btn-v1-media-text-active: var(--color-air); --p-btn-v1-media-border-active: var(--color-sky); --p-btn-v1-media-bg-active: var(--color-sky); --p-btn-v1-media-text-disabled: var(--color-air); --p-btn-v1-media-border-disabled: var(--color-cave); --p-btn-v1-media-bg-disabled: var(--color-cave); --field-text-color-default: var(--color-cave-50); --field-border-color-default: var(--color-clay); --field-bg-color-default: var(--color-air); --field-text-color-value: var(--color-cave); --field-border-color-value: var(--color-clay); --field-bg-color-value: var(--color-air); --field-text-color-hover: var(--color-cave); --field-border-color-hover: var(--color-clay); --field-bg-color-hover: var(--color-air); --field-text-color-focus: var(--color-cave); --field-border-color-focus: var(--color-sky); --field-bg-color-focus: var(--color-air); --field-text-color-error: var(--color-cave); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-air); --field-text-color-disabled: var(--color-cave-50); --field-border-color-disabled: var(--color-clay); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-cave); --toggle-input-border-color-default: var(--color-clay); --toggle-input-bg-color-default: var(--color-air); --toggle-input-icon-color-value: var(--color-cave); --toggle-input-border-color-value: var(--color-clay); --toggle-input-bg-color-value: var(--color-air); --toggle-input-icon-color-hover: var(--color-cave); --toggle-input-border-color-hover: var(--color-sky); --toggle-input-bg-color-hover: var(--color-air); --toggle-input-icon-color-focus: var(--color-cave); --toggle-input-border-color-focus: var(--color-sky); --toggle-input-bg-color-focus: var(--color-air); --toggle-input-icon-color-disabled: var(--color-cave); --toggle-input-border-color-disabled: var(--color-clay); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-cave); --tag-border-color-default: var(--color-clay); --tag-bg-color-default: var(--color-transparent); --tag-text-color-hover: var(--color-air); --tag-border-color-hover: var(--color-ocean); --tag-bg-color-hover: var(--color-ocean); --p-tab-text-default: var(--color-cave); --p-tab-border-default: var(--color-clay); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cave); --p-tab-border-hover: var(--color-clay); --p-tab-bg-hover: var(--color-pebble); --p-tab-text-active: var(--color-air); --p-tab-border-active: var(--color-cave); --p-tab-bg-active: var(--color-cave); --p-tab-text-disabled: var(--color-cave); --p-tab-border-disabled: var(--color-clay); --p-tab-bg-disabled: var(--color-transparent); --p-logo-primary: var(--color-lake); --p-logo-secondary: var(--color-slate); --p-pagination-active: var(--color-cave); --p-pagination-inactive: var(--color-cave-50); --p-nav-dropdown-bg: var(--color-air); --p-statistic-ring: var(--color-stone); --p-progress-bar: var(--color-periwinkle); --p-article-nav-border: var(--color-slate); --p-table-header-bg: var(--color-cave); --p-table-header-text: var(--color-air); } .palette-tracker[data-palette-panel="2"] ~ :is(.masthead) { --p-bg: var(--color-cloud); --p-inset-bg: var(--color-air); --p-overlay-bg: var(--color-night-60); --p-text: var(--color-cave); --p-list-marker-1: var(--color-cave); --p-list-marker-2: var(--color-cave); --p-list-marker-3: var(--color-cave); --p-list-marker-ordered-1: var(--color-periwinkle); --p-list-marker-ordered-2: var(--color-periwinkle); --p-list-marker-ordered-3: var(--color-periwinkle); --p-selection-bg: var(--color-tangerine); --p-selection-text: var(--color-cave); --p-caption: var(--color-cave); --p-error: var(--color-cherry); --p-accent-1: var(--color-sky); --p-accent-2: var(--color-sand); --p-accent-3: var(--color-lime); --p-accent-4: var(--color-tangerine); --p-accent-5: var(--color-cherry); --p-line: var(--color-clay); --p-line-alt: var(--color-pebble); --p-icon: var(--color-sky); --p-icon-alt: var(--color-stone); --p-icon-alt-2: var(--color-steel); --p-image-bg: var(--color-cave-5); --link-text-color-default: var(--color-cave); --link-border-color-default: var(--color-cave); --link-bg-color-default: var(--color-rock); --link-text-color-hover: var(--color-cave); --link-border-color-hover: var(--color-cave); --link-bg-color-hover: var(--color-rock); --link-text-color-active: var(--color-cave); --link-border-color-active: var(--color-cave); --link-bg-color-active: var(--color-rock); --link-shy-text-color-default: var(--color-cave); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-transparent); --link-shy-text-color-hover: var(--color-cave); --link-shy-border-color-hover: var(--color-cave); --link-shy-bg-color-hover: var(--color-transparent); --p-btn-v1-text-default: var(--color-air); --p-btn-v1-border-default: var(--color-sky); --p-btn-v1-bg-default: var(--color-sky); --p-btn-v1-text-hover: var(--color-air); --p-btn-v1-border-hover: var(--color-ocean); --p-btn-v1-bg-hover: var(--color-ocean); --p-btn-v1-text-active: var(--color-air); --p-btn-v1-border-active: var(--color-ocean); --p-btn-v1-bg-active: var(--color-ocean); --p-btn-v1-text-disabled: var(--color-air); --p-btn-v1-border-disabled: var(--color-sky); --p-btn-v1-bg-disabled: var(--color-sky); --p-btn-v2-text-default: var(--color-ocean); --p-btn-v2-border-default: var(--color-ocean); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-air); --p-btn-v2-border-hover: var(--color-ocean); --p-btn-v2-bg-hover: var(--color-ocean); --p-btn-v2-text-active: var(--color-air); --p-btn-v2-border-active: var(--color-ocean); --p-btn-v2-bg-active: var(--color-ocean); --p-btn-v2-text-disabled: var(--color-ocean); --p-btn-v2-border-disabled: var(--color-ocean); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v1-media-text-default: var(--color-air); --p-btn-v1-media-border-default: var(--color-cave); --p-btn-v1-media-bg-default: var(--color-cave); --p-btn-v1-media-text-hover: var(--color-air); --p-btn-v1-media-border-hover: var(--color-sky); --p-btn-v1-media-bg-hover: var(--color-sky); --p-btn-v1-media-text-active: var(--color-air); --p-btn-v1-media-border-active: var(--color-sky); --p-btn-v1-media-bg-active: var(--color-sky); --p-btn-v1-media-text-disabled: var(--color-air); --p-btn-v1-media-border-disabled: var(--color-cave); --p-btn-v1-media-bg-disabled: var(--color-cave); --field-text-color-default: var(--color-cave-50); --field-border-color-default: var(--color-clay); --field-bg-color-default: var(--color-air); --field-text-color-value: var(--color-cave); --field-border-color-value: var(--color-clay); --field-bg-color-value: var(--color-air); --field-text-color-hover: var(--color-cave); --field-border-color-hover: var(--color-clay); --field-bg-color-hover: var(--color-air); --field-text-color-focus: var(--color-cave); --field-border-color-focus: var(--color-sky); --field-bg-color-focus: var(--color-air); --field-text-color-error: var(--color-cave); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-air); --field-text-color-disabled: var(--color-cave-50); --field-border-color-disabled: var(--color-clay); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-cave); --toggle-input-border-color-default: var(--color-clay); --toggle-input-bg-color-default: var(--color-air); --toggle-input-icon-color-value: var(--color-cave); --toggle-input-border-color-value: var(--color-clay); --toggle-input-bg-color-value: var(--color-air); --toggle-input-icon-color-hover: var(--color-cave); --toggle-input-border-color-hover: var(--color-sky); --toggle-input-bg-color-hover: var(--color-air); --toggle-input-icon-color-focus: var(--color-cave); --toggle-input-border-color-focus: var(--color-sky); --toggle-input-bg-color-focus: var(--color-air); --toggle-input-icon-color-disabled: var(--color-cave); --toggle-input-border-color-disabled: var(--color-clay); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-cave); --tag-border-color-default: var(--color-clay); --tag-bg-color-default: var(--color-transparent); --tag-text-color-hover: var(--color-air); --tag-border-color-hover: var(--color-ocean); --tag-bg-color-hover: var(--color-ocean); --p-tab-text-default: var(--color-cave); --p-tab-border-default: var(--color-clay); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cave); --p-tab-border-hover: var(--color-clay); --p-tab-bg-hover: var(--color-pebble); --p-tab-text-active: var(--color-air); --p-tab-border-active: var(--color-cave); --p-tab-bg-active: var(--color-cave); --p-tab-text-disabled: var(--color-cave); --p-tab-border-disabled: var(--color-clay); --p-tab-bg-disabled: var(--color-transparent); --p-logo-primary: var(--color-lake); --p-logo-secondary: var(--color-slate); --p-pagination-active: var(--color-cave); --p-pagination-inactive: var(--color-cave-50); --p-nav-dropdown-bg: var(--color-air); --p-statistic-ring: var(--color-stone); --p-progress-bar: var(--color-periwinkle); --p-article-nav-border: var(--color-slate); --p-table-header-bg: var(--color-cave); --p-table-header-text: var(--color-air); } .palette-tracker[data-palette-panel="3"] ~ :is(.masthead) { --p-bg: var(--color-fog); --p-inset-bg: var(--color-air); --p-overlay-bg: var(--color-night-60); --p-text: var(--color-cave); --p-list-marker-1: var(--color-cave); --p-list-marker-2: var(--color-cave); --p-list-marker-3: var(--color-cave); --p-list-marker-ordered-1: var(--color-periwinkle); --p-list-marker-ordered-2: var(--color-periwinkle); --p-list-marker-ordered-3: var(--color-periwinkle); --p-selection-bg: var(--color-tangerine); --p-selection-text: var(--color-cave); --p-caption: var(--color-cave); --p-error: var(--color-cherry); --p-accent-1: var(--color-sky); --p-accent-2: var(--color-sand); --p-accent-3: var(--color-lime); --p-accent-4: var(--color-tangerine); --p-accent-5: var(--color-cherry); --p-line: var(--color-clay); --p-line-alt: var(--color-pebble); --p-icon: var(--color-sky); --p-icon-alt: var(--color-stone); --p-icon-alt-2: var(--color-steel); --p-image-bg: var(--color-cave-5); --link-text-color-default: var(--color-cave); --link-border-color-default: var(--color-cave); --link-bg-color-default: var(--color-rock); --link-text-color-hover: var(--color-cave); --link-border-color-hover: var(--color-cave); --link-bg-color-hover: var(--color-rock); --link-text-color-active: var(--color-cave); --link-border-color-active: var(--color-cave); --link-bg-color-active: var(--color-rock); --link-shy-text-color-default: var(--color-cave); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-transparent); --link-shy-text-color-hover: var(--color-cave); --link-shy-border-color-hover: var(--color-cave); --link-shy-bg-color-hover: var(--color-transparent); --p-btn-v1-text-default: var(--color-air); --p-btn-v1-border-default: var(--color-sky); --p-btn-v1-bg-default: var(--color-sky); --p-btn-v1-text-hover: var(--color-air); --p-btn-v1-border-hover: var(--color-ocean); --p-btn-v1-bg-hover: var(--color-ocean); --p-btn-v1-text-active: var(--color-air); --p-btn-v1-border-active: var(--color-ocean); --p-btn-v1-bg-active: var(--color-ocean); --p-btn-v1-text-disabled: var(--color-air); --p-btn-v1-border-disabled: var(--color-sky); --p-btn-v1-bg-disabled: var(--color-sky); --p-btn-v2-text-default: var(--color-ocean); --p-btn-v2-border-default: var(--color-ocean); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-air); --p-btn-v2-border-hover: var(--color-ocean); --p-btn-v2-bg-hover: var(--color-ocean); --p-btn-v2-text-active: var(--color-air); --p-btn-v2-border-active: var(--color-ocean); --p-btn-v2-bg-active: var(--color-ocean); --p-btn-v2-text-disabled: var(--color-ocean); --p-btn-v2-border-disabled: var(--color-ocean); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v1-media-text-default: var(--color-air); --p-btn-v1-media-border-default: var(--color-cave); --p-btn-v1-media-bg-default: var(--color-cave); --p-btn-v1-media-text-hover: var(--color-air); --p-btn-v1-media-border-hover: var(--color-sky); --p-btn-v1-media-bg-hover: var(--color-sky); --p-btn-v1-media-text-active: var(--color-air); --p-btn-v1-media-border-active: var(--color-sky); --p-btn-v1-media-bg-active: var(--color-sky); --p-btn-v1-media-text-disabled: var(--color-air); --p-btn-v1-media-border-disabled: var(--color-cave); --p-btn-v1-media-bg-disabled: var(--color-cave); --field-text-color-default: var(--color-cave-50); --field-border-color-default: var(--color-clay); --field-bg-color-default: var(--color-air); --field-text-color-value: var(--color-cave); --field-border-color-value: var(--color-clay); --field-bg-color-value: var(--color-air); --field-text-color-hover: var(--color-cave); --field-border-color-hover: var(--color-clay); --field-bg-color-hover: var(--color-air); --field-text-color-focus: var(--color-cave); --field-border-color-focus: var(--color-sky); --field-bg-color-focus: var(--color-air); --field-text-color-error: var(--color-cave); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-air); --field-text-color-disabled: var(--color-cave-50); --field-border-color-disabled: var(--color-clay); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-cave); --toggle-input-border-color-default: var(--color-clay); --toggle-input-bg-color-default: var(--color-air); --toggle-input-icon-color-value: var(--color-cave); --toggle-input-border-color-value: var(--color-clay); --toggle-input-bg-color-value: var(--color-air); --toggle-input-icon-color-hover: var(--color-cave); --toggle-input-border-color-hover: var(--color-sky); --toggle-input-bg-color-hover: var(--color-air); --toggle-input-icon-color-focus: var(--color-cave); --toggle-input-border-color-focus: var(--color-sky); --toggle-input-bg-color-focus: var(--color-air); --toggle-input-icon-color-disabled: var(--color-cave); --toggle-input-border-color-disabled: var(--color-clay); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-cave); --tag-border-color-default: var(--color-clay); --tag-bg-color-default: var(--color-transparent); --tag-text-color-hover: var(--color-air); --tag-border-color-hover: var(--color-ocean); --tag-bg-color-hover: var(--color-ocean); --p-tab-text-default: var(--color-cave); --p-tab-border-default: var(--color-clay); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cave); --p-tab-border-hover: var(--color-clay); --p-tab-bg-hover: var(--color-pebble); --p-tab-text-active: var(--color-air); --p-tab-border-active: var(--color-cave); --p-tab-bg-active: var(--color-cave); --p-tab-text-disabled: var(--color-cave); --p-tab-border-disabled: var(--color-clay); --p-tab-bg-disabled: var(--color-transparent); --p-logo-primary: var(--color-lake); --p-logo-secondary: var(--color-slate); --p-pagination-active: var(--color-cave); --p-pagination-inactive: var(--color-cave-50); --p-nav-dropdown-bg: var(--color-air); --p-statistic-ring: var(--color-stone); --p-progress-bar: var(--color-periwinkle); --p-article-nav-border: var(--color-slate); --p-table-header-bg: var(--color-cave); --p-table-header-text: var(--color-air); } .palette-tracker[data-palette-panel="4"] ~ :is(.masthead) { --p-bg: var(--color-sky); --p-inset-bg: var(--color-lake); --p-overlay-bg: var(--color-night-60); --p-text: var(--color-air); --p-list-marker-1: var(--color-air); --p-list-marker-2: var(--color-air); --p-list-marker-3: var(--color-air); --p-list-marker-ordered-1: var(--color-periwinkle); --p-list-marker-ordered-2: var(--color-periwinkle); --p-list-marker-ordered-3: var(--color-periwinkle); --p-selection-bg: var(--color-river); --p-selection-text: var(--color-air); --p-caption: var(--color-cave); --p-error: var(--color-cherry); --p-accent-1: var(--color-sky); --p-accent-2: var(--color-sand); --p-accent-3: var(--color-lime); --p-accent-4: var(--color-tangerine); --p-accent-5: var(--color-cherry); --p-line: var(--color-clay); --p-line-alt: var(--color-pebble); --p-icon: var(--color-air); --p-icon-alt: var(--color-river); --p-icon-alt-2: var(--color-air); --p-image-bg: var(--color-cave-5); --link-text-color-default: var(--color-air); --link-border-color-default: var(--color-air); --link-bg-color-default: var(--color-river); --link-text-color-hover: var(--color-air); --link-border-color-hover: var(--color-air); --link-bg-color-hover: var(--color-river); --link-text-color-active: var(--color-air); --link-border-color-active: var(--color-air); --link-bg-color-active: var(--color-river); --link-shy-text-color-default: var(--color-air); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-river); --link-shy-text-color-hover: var(--color-air); --link-shy-border-color-hover: var(--color-air); --link-shy-bg-color-hover: var(--color-river); --p-btn-v1-text-default: var(--color-air); --p-btn-v1-border-default: var(--color-river); --p-btn-v1-bg-default: var(--color-river); --p-btn-v1-text-hover: var(--color-river); --p-btn-v1-border-hover: var(--color-air); --p-btn-v1-bg-hover: var(--color-air); --p-btn-v1-text-active: var(--color-river); --p-btn-v1-border-active: var(--color-air); --p-btn-v1-bg-active: var(--color-air); --p-btn-v1-text-disabled: var(--color-air); --p-btn-v1-border-disabled: var(--color-river); --p-btn-v1-bg-disabled: var(--color-river); --p-btn-v2-text-default: var(--color-air); --p-btn-v2-border-default: var(--color-air); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-air); --p-btn-v2-border-hover: var(--color-river); --p-btn-v2-bg-hover: var(--color-river); --p-btn-v2-text-active: var(--color-air); --p-btn-v2-border-active: var(--color-ocean); --p-btn-v2-bg-active: var(--color-ocean); --p-btn-v2-text-disabled: var(--color-ocean); --p-btn-v2-border-disabled: var(--color-ocean); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v1-media-text-default: var(--color-air); --p-btn-v1-media-border-default: var(--color-cave); --p-btn-v1-media-bg-default: var(--color-cave); --p-btn-v1-media-text-hover: var(--color-air); --p-btn-v1-media-border-hover: var(--color-sky); --p-btn-v1-media-bg-hover: var(--color-sky); --p-btn-v1-media-text-active: var(--color-air); --p-btn-v1-media-border-active: var(--color-sky); --p-btn-v1-media-bg-active: var(--color-sky); --p-btn-v1-media-text-disabled: var(--color-air); --p-btn-v1-media-border-disabled: var(--color-cave); --p-btn-v1-media-bg-disabled: var(--color-cave); --field-text-color-default: var(--color-cave-50); --field-border-color-default: var(--color-clay); --field-bg-color-default: var(--color-air); --field-text-color-value: var(--color-cave); --field-border-color-value: var(--color-clay); --field-bg-color-value: var(--color-air); --field-text-color-hover: var(--color-cave); --field-border-color-hover: var(--color-clay); --field-bg-color-hover: var(--color-air); --field-text-color-focus: var(--color-cave); --field-border-color-focus: var(--color-sky); --field-bg-color-focus: var(--color-air); --field-text-color-error: var(--color-cave); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-air); --field-text-color-disabled: var(--color-cave-50); --field-border-color-disabled: var(--color-clay); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-cave); --toggle-input-border-color-default: var(--color-clay); --toggle-input-bg-color-default: var(--color-air); --toggle-input-icon-color-value: var(--color-cave); --toggle-input-border-color-value: var(--color-clay); --toggle-input-bg-color-value: var(--color-air); --toggle-input-icon-color-hover: var(--color-cave); --toggle-input-border-color-hover: var(--color-sky); --toggle-input-bg-color-hover: var(--color-air); --toggle-input-icon-color-focus: var(--color-cave); --toggle-input-border-color-focus: var(--color-sky); --toggle-input-bg-color-focus: var(--color-air); --toggle-input-icon-color-disabled: var(--color-cave); --toggle-input-border-color-disabled: var(--color-clay); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-cave); --tag-border-color-default: var(--color-clay); --tag-bg-color-default: var(--color-transparent); --tag-text-color-hover: var(--color-air); --tag-border-color-hover: var(--color-ocean); --tag-bg-color-hover: var(--color-ocean); --p-tab-text-default: var(--color-cave); --p-tab-border-default: var(--color-clay); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cave); --p-tab-border-hover: var(--color-clay); --p-tab-bg-hover: var(--color-pebble); --p-tab-text-active: var(--color-air); --p-tab-border-active: var(--color-cave); --p-tab-bg-active: var(--color-cave); --p-tab-text-disabled: var(--color-cave); --p-tab-border-disabled: var(--color-clay); --p-tab-bg-disabled: var(--color-transparent); --p-logo-primary: var(--color-lake); --p-logo-secondary: var(--color-slate); --p-pagination-active: var(--color-cave); --p-pagination-inactive: var(--color-cave-50); --p-nav-dropdown-bg: var(--color-air); --p-statistic-ring: var(--color-lake); --p-progress-bar: var(--color-periwinkle); --p-article-nav-border: var(--color-slate); --p-table-header-bg: var(--color-cave); --p-table-header-text: var(--color-air); } .palette-tracker[data-palette-panel="5"] ~ :is(.masthead) { --p-bg: var(--color-lake); --p-inset-bg: var(--color-ocean); --p-overlay-bg: var(--color-night-60); --p-text: var(--color-air); --p-list-marker-1: var(--color-air); --p-list-marker-2: var(--color-air); --p-list-marker-3: var(--color-air); --p-list-marker-ordered-1: var(--color-periwinkle); --p-list-marker-ordered-2: var(--color-periwinkle); --p-list-marker-ordered-3: var(--color-periwinkle); --p-selection-bg: var(--color-sky); --p-selection-text: var(--color-air); --p-caption: var(--color-cave); --p-error: var(--color-cherry); --p-accent-1: var(--color-sky); --p-accent-2: var(--color-sand); --p-accent-3: var(--color-lime); --p-accent-4: var(--color-tangerine); --p-accent-5: var(--color-cherry); --p-line: var(--color-clay); --p-line-alt: var(--color-pebble); --p-icon: var(--color-air); --p-icon-alt: var(--color-river); --p-icon-alt-2: var(--color-air); --p-image-bg: var(--color-cave-5); --link-text-color-default: var(--color-air); --link-border-color-default: var(--color-air); --link-bg-color-default: var(--color-sky); --link-text-color-hover: var(--color-air); --link-border-color-hover: var(--color-air); --link-bg-color-hover: var(--color-sky); --link-text-color-active: var(--color-air); --link-border-color-active: var(--color-air); --link-bg-color-active: var(--color-sky); --link-shy-text-color-default: var(--color-air); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-sky); --link-shy-text-color-hover: var(--color-air); --link-shy-border-color-hover: var(--color-air); --link-shy-bg-color-hover: var(--color-sky); --p-btn-v1-text-default: var(--color-air); --p-btn-v1-border-default: var(--color-sky); --p-btn-v1-bg-default: var(--color-sky); --p-btn-v1-text-hover: var(--color-river); --p-btn-v1-border-hover: var(--color-air); --p-btn-v1-bg-hover: var(--color-air); --p-btn-v1-text-active: var(--color-river); --p-btn-v1-border-active: var(--color-air); --p-btn-v1-bg-active: var(--color-air); --p-btn-v1-text-disabled: var(--color-air); --p-btn-v1-border-disabled: var(--color-river); --p-btn-v1-bg-disabled: var(--color-river); --p-btn-v2-text-default: var(--color-air); --p-btn-v2-border-default: var(--color-air); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-river); --p-btn-v2-border-hover: var(--color-air); --p-btn-v2-bg-hover: var(--color-air); --p-btn-v2-text-active: var(--color-river); --p-btn-v2-border-active: var(--color-air); --p-btn-v2-bg-active: var(--color-air); --p-btn-v2-text-disabled: var(--color-ocean); --p-btn-v2-border-disabled: var(--color-ocean); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v1-media-text-default: var(--color-air); --p-btn-v1-media-border-default: var(--color-cave); --p-btn-v1-media-bg-default: var(--color-cave); --p-btn-v1-media-text-hover: var(--color-air); --p-btn-v1-media-border-hover: var(--color-sky); --p-btn-v1-media-bg-hover: var(--color-sky); --p-btn-v1-media-text-active: var(--color-air); --p-btn-v1-media-border-active: var(--color-sky); --p-btn-v1-media-bg-active: var(--color-sky); --p-btn-v1-media-text-disabled: var(--color-air); --p-btn-v1-media-border-disabled: var(--color-cave); --p-btn-v1-media-bg-disabled: var(--color-cave); --field-text-color-default: var(--color-cave-50); --field-border-color-default: var(--color-clay); --field-bg-color-default: var(--color-air); --field-text-color-value: var(--color-cave); --field-border-color-value: var(--color-clay); --field-bg-color-value: var(--color-air); --field-text-color-hover: var(--color-cave); --field-border-color-hover: var(--color-clay); --field-bg-color-hover: var(--color-air); --field-text-color-focus: var(--color-cave); --field-border-color-focus: var(--color-sky); --field-bg-color-focus: var(--color-air); --field-text-color-error: var(--color-cave); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-air); --field-text-color-disabled: var(--color-cave-50); --field-border-color-disabled: var(--color-clay); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-cave); --toggle-input-border-color-default: var(--color-clay); --toggle-input-bg-color-default: var(--color-air); --toggle-input-icon-color-value: var(--color-cave); --toggle-input-border-color-value: var(--color-clay); --toggle-input-bg-color-value: var(--color-air); --toggle-input-icon-color-hover: var(--color-cave); --toggle-input-border-color-hover: var(--color-sky); --toggle-input-bg-color-hover: var(--color-air); --toggle-input-icon-color-focus: var(--color-cave); --toggle-input-border-color-focus: var(--color-sky); --toggle-input-bg-color-focus: var(--color-air); --toggle-input-icon-color-disabled: var(--color-cave); --toggle-input-border-color-disabled: var(--color-clay); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-cave); --tag-border-color-default: var(--color-clay); --tag-bg-color-default: var(--color-transparent); --tag-text-color-hover: var(--color-air); --tag-border-color-hover: var(--color-ocean); --tag-bg-color-hover: var(--color-ocean); --p-tab-text-default: var(--color-cave); --p-tab-border-default: var(--color-clay); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cave); --p-tab-border-hover: var(--color-clay); --p-tab-bg-hover: var(--color-pebble); --p-tab-text-active: var(--color-air); --p-tab-border-active: var(--color-cave); --p-tab-bg-active: var(--color-cave); --p-tab-text-disabled: var(--color-cave); --p-tab-border-disabled: var(--color-clay); --p-tab-bg-disabled: var(--color-transparent); --p-logo-primary: var(--color-air); --p-logo-secondary: var(--color-slate); --p-pagination-active: var(--color-cave); --p-pagination-inactive: var(--color-cave-50); --p-nav-dropdown-bg: var(--color-air); --p-statistic-ring: var(--color-slate); --p-progress-bar: var(--color-periwinkle); --p-article-nav-border: var(--color-slate); --p-table-header-bg: var(--color-cave); --p-table-header-text: var(--color-air); } .palette-tracker[data-palette-panel="6"] ~ :is(.masthead) { --p-bg: var(--color-ocean); --p-inset-bg: var(--color-cave); --p-overlay-bg: var(--color-night-60); --p-text: var(--color-air); --p-list-marker-1: var(--color-air); --p-list-marker-2: var(--color-air); --p-list-marker-3: var(--color-air); --p-list-marker-ordered-1: var(--color-periwinkle); --p-list-marker-ordered-2: var(--color-periwinkle); --p-list-marker-ordered-3: var(--color-periwinkle); --p-selection-bg: var(--color-sky); --p-selection-text: var(--color-air); --p-caption: var(--color-cave); --p-error: var(--color-cherry); --p-accent-1: var(--color-sky); --p-accent-2: var(--color-sand); --p-accent-3: var(--color-lime); --p-accent-4: var(--color-tangerine); --p-accent-5: var(--color-cherry); --p-line: var(--color-clay); --p-line-alt: var(--color-pebble); --p-icon: var(--color-air); --p-icon-alt: var(--color-river); --p-icon-alt-2: var(--color-air); --p-image-bg: var(--color-cave-5); --link-text-color-default: var(--color-air); --link-border-color-default: var(--color-air); --link-bg-color-default: var(--color-sky); --link-text-color-hover: var(--color-air); --link-border-color-hover: var(--color-air); --link-bg-color-hover: var(--color-sky); --link-text-color-active: var(--color-air); --link-border-color-active: var(--color-air); --link-bg-color-active: var(--color-sky); --link-shy-text-color-default: var(--color-air); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-sky); --link-shy-text-color-hover: var(--color-air); --link-shy-border-color-hover: var(--color-air); --link-shy-bg-color-hover: var(--color-sky); --p-btn-v1-text-default: var(--color-air); --p-btn-v1-border-default: var(--color-sky); --p-btn-v1-bg-default: var(--color-sky); --p-btn-v1-text-hover: var(--color-river); --p-btn-v1-border-hover: var(--color-air); --p-btn-v1-bg-hover: var(--color-air); --p-btn-v1-text-active: var(--color-river); --p-btn-v1-border-active: var(--color-air); --p-btn-v1-bg-active: var(--color-air); --p-btn-v1-text-disabled: var(--color-air); --p-btn-v1-border-disabled: var(--color-river); --p-btn-v1-bg-disabled: var(--color-river); --p-btn-v2-text-default: var(--color-air); --p-btn-v2-border-default: var(--color-air); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-river); --p-btn-v2-border-hover: var(--color-air); --p-btn-v2-bg-hover: var(--color-air); --p-btn-v2-text-active: var(--color-river); --p-btn-v2-border-active: var(--color-air); --p-btn-v2-bg-active: var(--color-air); --p-btn-v2-text-disabled: var(--color-ocean); --p-btn-v2-border-disabled: var(--color-ocean); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v1-media-text-default: var(--color-air); --p-btn-v1-media-border-default: var(--color-cave); --p-btn-v1-media-bg-default: var(--color-cave); --p-btn-v1-media-text-hover: var(--color-air); --p-btn-v1-media-border-hover: var(--color-sky); --p-btn-v1-media-bg-hover: var(--color-sky); --p-btn-v1-media-text-active: var(--color-air); --p-btn-v1-media-border-active: var(--color-sky); --p-btn-v1-media-bg-active: var(--color-sky); --p-btn-v1-media-text-disabled: var(--color-air); --p-btn-v1-media-border-disabled: var(--color-cave); --p-btn-v1-media-bg-disabled: var(--color-cave); --field-text-color-default: var(--color-cave-50); --field-border-color-default: var(--color-clay); --field-bg-color-default: var(--color-air); --field-text-color-value: var(--color-cave); --field-border-color-value: var(--color-clay); --field-bg-color-value: var(--color-air); --field-text-color-hover: var(--color-cave); --field-border-color-hover: var(--color-clay); --field-bg-color-hover: var(--color-air); --field-text-color-focus: var(--color-cave); --field-border-color-focus: var(--color-sky); --field-bg-color-focus: var(--color-air); --field-text-color-error: var(--color-cave); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-air); --field-text-color-disabled: var(--color-cave-50); --field-border-color-disabled: var(--color-clay); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-cave); --toggle-input-border-color-default: var(--color-clay); --toggle-input-bg-color-default: var(--color-air); --toggle-input-icon-color-value: var(--color-cave); --toggle-input-border-color-value: var(--color-clay); --toggle-input-bg-color-value: var(--color-air); --toggle-input-icon-color-hover: var(--color-cave); --toggle-input-border-color-hover: var(--color-sky); --toggle-input-bg-color-hover: var(--color-air); --toggle-input-icon-color-focus: var(--color-cave); --toggle-input-border-color-focus: var(--color-sky); --toggle-input-bg-color-focus: var(--color-air); --toggle-input-icon-color-disabled: var(--color-cave); --toggle-input-border-color-disabled: var(--color-clay); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-cave); --tag-border-color-default: var(--color-clay); --tag-bg-color-default: var(--color-transparent); --tag-text-color-hover: var(--color-air); --tag-border-color-hover: var(--color-ocean); --tag-bg-color-hover: var(--color-ocean); --p-tab-text-default: var(--color-cave); --p-tab-border-default: var(--color-clay); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cave); --p-tab-border-hover: var(--color-clay); --p-tab-bg-hover: var(--color-pebble); --p-tab-text-active: var(--color-air); --p-tab-border-active: var(--color-cave); --p-tab-bg-active: var(--color-cave); --p-tab-text-disabled: var(--color-cave); --p-tab-border-disabled: var(--color-clay); --p-tab-bg-disabled: var(--color-transparent); --p-logo-primary: var(--color-air); --p-logo-secondary: var(--color-slate); --p-pagination-active: var(--color-cave); --p-pagination-inactive: var(--color-cave-50); --p-nav-dropdown-bg: var(--color-air); --p-statistic-ring: var(--color-slate); --p-progress-bar: var(--color-periwinkle); --p-article-nav-border: var(--color-slate); --p-table-header-bg: var(--color-cave); --p-table-header-text: var(--color-air); } .palette-tracker[data-palette-panel="7"] ~ :is(.masthead) { --p-bg: var(--color-steel); --p-inset-bg: var(--color-ocean); --p-overlay-bg: var(--color-night-60); --p-text: var(--color-air); --p-list-marker-1: var(--color-air); --p-list-marker-2: var(--color-air); --p-list-marker-3: var(--color-air); --p-list-marker-ordered-1: var(--color-periwinkle); --p-list-marker-ordered-2: var(--color-periwinkle); --p-list-marker-ordered-3: var(--color-periwinkle); --p-selection-bg: var(--color-sky); --p-selection-text: var(--color-air); --p-caption: var(--color-cave); --p-error: var(--color-cherry); --p-accent-1: var(--color-sky); --p-accent-2: var(--color-sand); --p-accent-3: var(--color-lime); --p-accent-4: var(--color-tangerine); --p-accent-5: var(--color-cherry); --p-line: var(--color-clay); --p-line-alt: var(--color-pebble); --p-icon: var(--color-air); --p-icon-alt: var(--color-river); --p-icon-alt-2: var(--color-air); --p-image-bg: var(--color-cave-5); --link-text-color-default: var(--color-air); --link-border-color-default: var(--color-air); --link-bg-color-default: var(--color-sky); --link-text-color-hover: var(--color-air); --link-border-color-hover: var(--color-air); --link-bg-color-hover: var(--color-sky); --link-text-color-active: var(--color-air); --link-border-color-active: var(--color-air); --link-bg-color-active: var(--color-sky); --link-shy-text-color-default: var(--color-air); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-sky); --link-shy-text-color-hover: var(--color-air); --link-shy-border-color-hover: var(--color-air); --link-shy-bg-color-hover: var(--color-sky); --p-btn-v1-text-default: var(--color-air); --p-btn-v1-border-default: var(--color-sky); --p-btn-v1-bg-default: var(--color-sky); --p-btn-v1-text-hover: var(--color-river); --p-btn-v1-border-hover: var(--color-air); --p-btn-v1-bg-hover: var(--color-air); --p-btn-v1-text-active: var(--color-river); --p-btn-v1-border-active: var(--color-air); --p-btn-v1-bg-active: var(--color-air); --p-btn-v1-text-disabled: var(--color-air); --p-btn-v1-border-disabled: var(--color-river); --p-btn-v1-bg-disabled: var(--color-river); --p-btn-v2-text-default: var(--color-air); --p-btn-v2-border-default: var(--color-air); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-river); --p-btn-v2-border-hover: var(--color-air); --p-btn-v2-bg-hover: var(--color-air); --p-btn-v2-text-active: var(--color-river); --p-btn-v2-border-active: var(--color-air); --p-btn-v2-bg-active: var(--color-air); --p-btn-v2-text-disabled: var(--color-ocean); --p-btn-v2-border-disabled: var(--color-ocean); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v1-media-text-default: var(--color-air); --p-btn-v1-media-border-default: var(--color-cave); --p-btn-v1-media-bg-default: var(--color-cave); --p-btn-v1-media-text-hover: var(--color-air); --p-btn-v1-media-border-hover: var(--color-sky); --p-btn-v1-media-bg-hover: var(--color-sky); --p-btn-v1-media-text-active: var(--color-air); --p-btn-v1-media-border-active: var(--color-sky); --p-btn-v1-media-bg-active: var(--color-sky); --p-btn-v1-media-text-disabled: var(--color-air); --p-btn-v1-media-border-disabled: var(--color-cave); --p-btn-v1-media-bg-disabled: var(--color-cave); --field-text-color-default: var(--color-cave-50); --field-border-color-default: var(--color-clay); --field-bg-color-default: var(--color-air); --field-text-color-value: var(--color-cave); --field-border-color-value: var(--color-clay); --field-bg-color-value: var(--color-air); --field-text-color-hover: var(--color-cave); --field-border-color-hover: var(--color-clay); --field-bg-color-hover: var(--color-air); --field-text-color-focus: var(--color-cave); --field-border-color-focus: var(--color-sky); --field-bg-color-focus: var(--color-air); --field-text-color-error: var(--color-cave); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-air); --field-text-color-disabled: var(--color-cave-50); --field-border-color-disabled: var(--color-clay); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-cave); --toggle-input-border-color-default: var(--color-clay); --toggle-input-bg-color-default: var(--color-air); --toggle-input-icon-color-value: var(--color-cave); --toggle-input-border-color-value: var(--color-clay); --toggle-input-bg-color-value: var(--color-air); --toggle-input-icon-color-hover: var(--color-cave); --toggle-input-border-color-hover: var(--color-sky); --toggle-input-bg-color-hover: var(--color-air); --toggle-input-icon-color-focus: var(--color-cave); --toggle-input-border-color-focus: var(--color-sky); --toggle-input-bg-color-focus: var(--color-air); --toggle-input-icon-color-disabled: var(--color-cave); --toggle-input-border-color-disabled: var(--color-clay); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-air); --tag-border-color-default: var(--color-air); --tag-bg-color-default: var(--color-transparent); --tag-text-color-hover: var(--color-air); --tag-border-color-hover: var(--color-ocean); --tag-bg-color-hover: var(--color-ocean); --p-tab-text-default: var(--color-cave); --p-tab-border-default: var(--color-clay); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cave); --p-tab-border-hover: var(--color-clay); --p-tab-bg-hover: var(--color-pebble); --p-tab-text-active: var(--color-air); --p-tab-border-active: var(--color-cave); --p-tab-bg-active: var(--color-cave); --p-tab-text-disabled: var(--color-cave); --p-tab-border-disabled: var(--color-clay); --p-tab-bg-disabled: var(--color-transparent); --p-logo-primary: var(--color-air); --p-logo-secondary: var(--color-slate); --p-pagination-active: var(--color-cave); --p-pagination-inactive: var(--color-cave-50); --p-nav-dropdown-bg: var(--color-air); --p-statistic-ring: var(--color-slate); --p-progress-bar: var(--color-periwinkle); --p-article-nav-border: var(--color-slate); --p-table-header-bg: var(--color-cave); --p-table-header-text: var(--color-air); } .palette-tracker[data-palette-panel="8"] ~ :is(.masthead) { --p-bg: var(--color-periwinkle); --p-inset-bg: var(--color-cloud); --p-overlay-bg: var(--color-night-60); --p-text: var(--color-cave); --p-list-marker-1: var(--color-cave); --p-list-marker-2: var(--color-cave); --p-list-marker-3: var(--color-cave); --p-list-marker-ordered-1: var(--color-periwinkle); --p-list-marker-ordered-2: var(--color-periwinkle); --p-list-marker-ordered-3: var(--color-periwinkle); --p-selection-bg: var(--color-tangerine); --p-selection-text: var(--color-cave); --p-caption: var(--color-cave); --p-error: var(--color-cherry); --p-accent-1: var(--color-sky); --p-accent-2: var(--color-sand); --p-accent-3: var(--color-lime); --p-accent-4: var(--color-tangerine); --p-accent-5: var(--color-cherry); --p-line: var(--color-cave); --p-line-alt: var(--color-pebble); --p-icon: var(--color-sky); --p-icon-alt: var(--color-stone); --p-icon-alt-2: var(--color-steel); --p-image-bg: var(--color-cave-5); --link-text-color-default: var(--color-cave); --link-border-color-default: var(--color-cave); --link-bg-color-default: var(--color-rock); --link-text-color-hover: var(--color-cave); --link-border-color-hover: var(--color-cave); --link-bg-color-hover: var(--color-rock); --link-text-color-active: var(--color-cave); --link-border-color-active: var(--color-cave); --link-bg-color-active: var(--color-rock); --link-shy-text-color-default: var(--color-cave); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-transparent); --link-shy-text-color-hover: var(--color-cave); --link-shy-border-color-hover: var(--color-cave); --link-shy-bg-color-hover: var(--color-transparent); --p-btn-v1-text-default: var(--color-air); --p-btn-v1-border-default: var(--color-sky); --p-btn-v1-bg-default: var(--color-sky); --p-btn-v1-text-hover: var(--color-air); --p-btn-v1-border-hover: var(--color-ocean); --p-btn-v1-bg-hover: var(--color-ocean); --p-btn-v1-text-active: var(--color-air); --p-btn-v1-border-active: var(--color-ocean); --p-btn-v1-bg-active: var(--color-ocean); --p-btn-v1-text-disabled: var(--color-air); --p-btn-v1-border-disabled: var(--color-sky); --p-btn-v1-bg-disabled: var(--color-sky); --p-btn-v2-text-default: var(--color-ocean); --p-btn-v2-border-default: var(--color-ocean); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-air); --p-btn-v2-border-hover: var(--color-ocean); --p-btn-v2-bg-hover: var(--color-ocean); --p-btn-v2-text-active: var(--color-air); --p-btn-v2-border-active: var(--color-ocean); --p-btn-v2-bg-active: var(--color-ocean); --p-btn-v2-text-disabled: var(--color-ocean); --p-btn-v2-border-disabled: var(--color-ocean); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v1-media-text-default: var(--color-air); --p-btn-v1-media-border-default: var(--color-cave); --p-btn-v1-media-bg-default: var(--color-cave); --p-btn-v1-media-text-hover: var(--color-air); --p-btn-v1-media-border-hover: var(--color-sky); --p-btn-v1-media-bg-hover: var(--color-sky); --p-btn-v1-media-text-active: var(--color-air); --p-btn-v1-media-border-active: var(--color-sky); --p-btn-v1-media-bg-active: var(--color-sky); --p-btn-v1-media-text-disabled: var(--color-air); --p-btn-v1-media-border-disabled: var(--color-cave); --p-btn-v1-media-bg-disabled: var(--color-cave); --field-text-color-default: var(--color-cave-50); --field-border-color-default: var(--color-clay); --field-bg-color-default: var(--color-air); --field-text-color-value: var(--color-cave); --field-border-color-value: var(--color-clay); --field-bg-color-value: var(--color-air); --field-text-color-hover: var(--color-cave); --field-border-color-hover: var(--color-clay); --field-bg-color-hover: var(--color-air); --field-text-color-focus: var(--color-cave); --field-border-color-focus: var(--color-sky); --field-bg-color-focus: var(--color-air); --field-text-color-error: var(--color-cave); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-air); --field-text-color-disabled: var(--color-cave-50); --field-border-color-disabled: var(--color-clay); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-cave); --toggle-input-border-color-default: var(--color-clay); --toggle-input-bg-color-default: var(--color-air); --toggle-input-icon-color-value: var(--color-cave); --toggle-input-border-color-value: var(--color-clay); --toggle-input-bg-color-value: var(--color-air); --toggle-input-icon-color-hover: var(--color-cave); --toggle-input-border-color-hover: var(--color-sky); --toggle-input-bg-color-hover: var(--color-air); --toggle-input-icon-color-focus: var(--color-cave); --toggle-input-border-color-focus: var(--color-sky); --toggle-input-bg-color-focus: var(--color-air); --toggle-input-icon-color-disabled: var(--color-cave); --toggle-input-border-color-disabled: var(--color-clay); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-cave); --tag-border-color-default: var(--color-cave); --tag-bg-color-default: var(--color-transparent); --tag-text-color-hover: var(--color-air); --tag-border-color-hover: var(--color-ocean); --tag-bg-color-hover: var(--color-ocean); --p-tab-text-default: var(--color-cave); --p-tab-border-default: var(--color-clay); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cave); --p-tab-border-hover: var(--color-clay); --p-tab-bg-hover: var(--color-pebble); --p-tab-text-active: var(--color-air); --p-tab-border-active: var(--color-cave); --p-tab-bg-active: var(--color-cave); --p-tab-text-disabled: var(--color-cave); --p-tab-border-disabled: var(--color-clay); --p-tab-bg-disabled: var(--color-transparent); --p-logo-primary: var(--color-lake); --p-logo-secondary: var(--color-slate); --p-pagination-active: var(--color-cave); --p-pagination-inactive: var(--color-cave-50); --p-nav-dropdown-bg: var(--color-air); --p-statistic-ring: var(--color-stone); --p-progress-bar: var(--color-periwinkle); --p-article-nav-border: var(--color-slate); --p-table-header-bg: var(--color-cave); --p-table-header-text: var(--color-air); } .nav-masthead-primary-desktop > .nav-item > :is(.nctqshared-anchor, .nav-item__nctqshared-expandable-button) { height: 100%; font-size: 16px; font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 600; line-height: 1.2; letter-spacing: 0px; text-transform: none; font-variant-numeric: oldstyle-nums; } .nav-masthead-primary-desktop > .nav-item > .nctqshared-anchor { --link-bg-color: transparent; align-items: stretch; } .nav-masthead-primary-desktop > .nav-item > .nctqshared-anchor .nctqshared-anchor__text { translate: 0 var(--btn-text-offset-y); } .nav-masthead-primary-desktop .nctqshared-anchor__link .nctqshared-anchor__link__text.shy { text-decoration-line: underline; text-decoration-color: var(--link-shy-border-color, var(--link-shy-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, text-decoration-color, text-underline-offset, border-color; } @media (hover: hover) { .nav-masthead-primary-desktop .nctqshared-anchor__link:hover .nctqshared-anchor__link__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)); text-decoration-thickness: var(--link-border-size, var(--link-border-size-hover)); text-underline-offset: var(--link-border-offset, var(--link-border-offset-hover)); } } .nav-megamenu .nctqshared-feed { margin-block: 0; padding-block: clamp(28px, 1.0273vw + 24.3013px, 40px); } .nav-megamenu .nctqshared-feed .nctqshared-section-header { margin-bottom: clamp(16px, 0.6849vw + 13.5342px, 24px); } } @layer component_custom { .nav-masthead-cta-desktop { margin-block: 0; } .nav-masthead-cta-desktop .nctqshared-button { --btn-padding-x: 16px; --btn-padding-y: 8px; font-size: 16px; font-weight: 600; line-height: 1.2; letter-spacing: 0.0625em; font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; } } @layer component_default { .page-footer { margin-top: auto; } .page-footer menu { list-style: none; margin: 0; padding: 0; } } @layer component_base { .page-footer { --p-bg: var(--color-air); --p-inset-bg: var(--color-cloud); --p-overlay-bg: var(--color-night-60); --p-text: var(--color-cave); --p-list-marker-1: var(--color-cave); --p-list-marker-2: var(--color-cave); --p-list-marker-3: var(--color-cave); --p-list-marker-ordered-1: var(--color-periwinkle); --p-list-marker-ordered-2: var(--color-periwinkle); --p-list-marker-ordered-3: var(--color-periwinkle); --p-selection-bg: var(--color-tangerine); --p-selection-text: var(--color-cave); --p-caption: var(--color-cave); --p-error: var(--color-cherry); --p-accent-1: var(--color-sky); --p-accent-2: var(--color-sand); --p-accent-3: var(--color-lime); --p-accent-4: var(--color-tangerine); --p-accent-5: var(--color-cherry); --p-line: var(--color-clay); --p-line-alt: var(--color-pebble); --p-icon: var(--color-sky); --p-icon-alt: var(--color-stone); --p-icon-alt-2: var(--color-steel); --p-image-bg: var(--color-cave-5); --link-text-color-default: var(--color-cave); --link-border-color-default: var(--color-cave); --link-bg-color-default: var(--color-rock); --link-text-color-hover: var(--color-cave); --link-border-color-hover: var(--color-cave); --link-bg-color-hover: var(--color-rock); --link-text-color-active: var(--color-cave); --link-border-color-active: var(--color-cave); --link-bg-color-active: var(--color-rock); --link-shy-text-color-default: var(--color-cave); --link-shy-border-color-default: var(--color-transparent); --link-shy-bg-color-default: var(--color-transparent); --link-shy-text-color-hover: var(--color-cave); --link-shy-border-color-hover: var(--color-cave); --link-shy-bg-color-hover: var(--color-transparent); --p-btn-v1-text-default: var(--color-air); --p-btn-v1-border-default: var(--color-sky); --p-btn-v1-bg-default: var(--color-sky); --p-btn-v1-text-hover: var(--color-air); --p-btn-v1-border-hover: var(--color-ocean); --p-btn-v1-bg-hover: var(--color-ocean); --p-btn-v1-text-active: var(--color-air); --p-btn-v1-border-active: var(--color-ocean); --p-btn-v1-bg-active: var(--color-ocean); --p-btn-v1-text-disabled: var(--color-air); --p-btn-v1-border-disabled: var(--color-sky); --p-btn-v1-bg-disabled: var(--color-sky); --p-btn-v2-text-default: var(--color-ocean); --p-btn-v2-border-default: var(--color-ocean); --p-btn-v2-bg-default: var(--color-transparent); --p-btn-v2-text-hover: var(--color-air); --p-btn-v2-border-hover: var(--color-ocean); --p-btn-v2-bg-hover: var(--color-ocean); --p-btn-v2-text-active: var(--color-air); --p-btn-v2-border-active: var(--color-ocean); --p-btn-v2-bg-active: var(--color-ocean); --p-btn-v2-text-disabled: var(--color-ocean); --p-btn-v2-border-disabled: var(--color-ocean); --p-btn-v2-bg-disabled: var(--color-transparent); --p-btn-v1-media-text-default: var(--color-air); --p-btn-v1-media-border-default: var(--color-cave); --p-btn-v1-media-bg-default: var(--color-cave); --p-btn-v1-media-text-hover: var(--color-air); --p-btn-v1-media-border-hover: var(--color-sky); --p-btn-v1-media-bg-hover: var(--color-sky); --p-btn-v1-media-text-active: var(--color-air); --p-btn-v1-media-border-active: var(--color-sky); --p-btn-v1-media-bg-active: var(--color-sky); --p-btn-v1-media-text-disabled: var(--color-air); --p-btn-v1-media-border-disabled: var(--color-cave); --p-btn-v1-media-bg-disabled: var(--color-cave); --field-text-color-default: var(--color-cave-50); --field-border-color-default: var(--color-clay); --field-bg-color-default: var(--color-air); --field-text-color-value: var(--color-cave); --field-border-color-value: var(--color-clay); --field-bg-color-value: var(--color-air); --field-text-color-hover: var(--color-cave); --field-border-color-hover: var(--color-clay); --field-bg-color-hover: var(--color-air); --field-text-color-focus: var(--color-cave); --field-border-color-focus: var(--color-sky); --field-bg-color-focus: var(--color-air); --field-text-color-error: var(--color-cave); --field-border-color-error: var(--color-cherry); --field-bg-color-error: var(--color-air); --field-text-color-disabled: var(--color-cave-50); --field-border-color-disabled: var(--color-clay); --field-bg-color-disabled: var(--color-transparent); --toggle-input-icon-color-default: var(--color-cave); --toggle-input-border-color-default: var(--color-clay); --toggle-input-bg-color-default: var(--color-air); --toggle-input-icon-color-value: var(--color-cave); --toggle-input-border-color-value: var(--color-clay); --toggle-input-bg-color-value: var(--color-air); --toggle-input-icon-color-hover: var(--color-cave); --toggle-input-border-color-hover: var(--color-sky); --toggle-input-bg-color-hover: var(--color-air); --toggle-input-icon-color-focus: var(--color-cave); --toggle-input-border-color-focus: var(--color-sky); --toggle-input-bg-color-focus: var(--color-air); --toggle-input-icon-color-disabled: var(--color-cave); --toggle-input-border-color-disabled: var(--color-clay); --toggle-input-bg-color-disabled: var(--color-transparent); --tag-text-color-default: var(--color-cave); --tag-border-color-default: var(--color-clay); --tag-bg-color-default: var(--color-transparent); --tag-text-color-hover: var(--color-air); --tag-border-color-hover: var(--color-ocean); --tag-bg-color-hover: var(--color-ocean); --p-tab-text-default: var(--color-cave); --p-tab-border-default: var(--color-clay); --p-tab-bg-default: var(--color-transparent); --p-tab-text-hover: var(--color-cave); --p-tab-border-hover: var(--color-clay); --p-tab-bg-hover: var(--color-pebble); --p-tab-text-active: var(--color-air); --p-tab-border-active: var(--color-cave); --p-tab-bg-active: var(--color-cave); --p-tab-text-disabled: var(--color-cave); --p-tab-border-disabled: var(--color-clay); --p-tab-bg-disabled: var(--color-transparent); --p-logo-primary: var(--color-lake); --p-logo-secondary: var(--color-slate); --p-pagination-active: var(--color-cave); --p-pagination-inactive: var(--color-cave-50); --p-nav-dropdown-bg: var(--color-air); --p-statistic-ring: var(--color-stone); --p-progress-bar: var(--color-periwinkle); --p-article-nav-border: var(--color-slate); --p-table-header-bg: var(--color-cave); --p-table-header-text: var(--color-air); background-color: var(--p-bg); color: var(--p-text); } .page-footer svg { display: block; width: var(--icon-size); height: var(--icon-size); } .page-footer__inner { row-gap: clamp(32px, 2.7397vw + 22.1369px, 64px); padding-top: clamp(40px, 3.4246vw + 27.6712px, 80px); } .page-footer__logo { grid-column: 1/-1; } @media (min-width: 900px) { .page-footer__logo { grid-column: 1/span 4; } } .page-footer__nav { grid-column: 1/-1; } @media (min-width: 900px) { .page-footer__nav { grid-column: span 5/-1; } } @media (min-width: 468px) { .page-footer__nav .nav-container { columns: 2; } } .page-footer__social { grid-column: 1/-1; } .page-footer__social .social-anchor-group__items { display: flex; flex-wrap: wrap; gap: 16px; } .page-footer__social .social-anchor { --icon-size: 24px; --btn-padding-x: 4px; --btn-padding-y: 4px; --btn-text-color-default: var(--p-btn-v2-text-default); --btn-bg-color-default: var(--p-btn-v2-bg-default); --btn-text-color-hover: var(--p-btn-v2-text-hover); --btn-bg-color-hover: var(--p-btn-v2-bg-hover); padding-inline: var(--btn-padding, var(--btn-padding-x)); padding-block: var(--btn-padding, var(--btn-padding-y)); border: none; border-radius: 50%; background-color: var(--btn-bg-color, var(--btn-bg-color-default)) !important; color: var(--btn-text-color, var(--btn-text-color-default)); --p-icon: var(--btn-text-color, var(--btn-text-color-default)); } .page-footer__social .social-anchor::before { display: none; } .page-footer__social .social-anchor .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; } .page-footer__social .social-anchor .button__icon { flex: 0 0 var(--icon-size); width: var(--icon-size); height: var(--icon-size); } @media (hover: hover) { .page-footer__social .social-anchor:hover { background-color: var(--btn-bg-color, var(--btn-bg-color-hover)) !important; color: var(--btn-text-color, var(--btn-text-color-hover)); --p-icon: var(--btn-text-color, var(--btn-text-color-hover)); } } .page-footer__footer { grid-column: 1/-1; margin-inline: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) * -1); padding-block: 16px; border-top: 1px solid var(--p-line-alt); font-size: 13px; font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 400; line-height: 1.2; } @media (min-width: 1528px) { .page-footer__footer { margin-inline: calc((100vw - 1440px) / -2); } } .page-footer__footer__inner { display: flex; flex-wrap: wrap; gap: clamp(16px, 0.6849vw + 13.5342px, 24px); } .nav-footer-primary { --link-bg-color: transparent; --link-shy-text-color: var(--link-shy-text-color-default); --link-shy-bg-color: transparent; grid-column: 1/-1; font-size: 16px; font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 600; line-height: 1.2; letter-spacing: 0px; text-transform: none; font-variant-numeric: oldstyle-nums; } .nav-footer-primary .nctqshared-anchor__link__text { padding-block: 8px; } .nav-footer-primary .nctqshared-anchor__link { 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; } @media (hover: hover) { .nav-footer-primary .nctqshared-anchor__link: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)); } } @media (min-width: 468px) { .nav-footer-primary { grid-column: 1/span 5; } } @media (min-width: 900px) { .nav-footer-primary { grid-column: 6/span 3; } } @media (min-width: 1084px) { .nav-footer-primary { grid-column: 7/span 3; } } .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; --p-icon: var(--p-text); } .page-footer__credit .icon { display: inline-block; translate: 0 0.15em; } } @layer component_local { .page-footer .nctqshared-anchor__link .nctqshared-anchor__link__text.shy { text-decoration-line: underline; text-decoration-color: var(--link-shy-border-color, var(--link-shy-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, text-decoration-color, text-underline-offset, border-color; } @media (hover: hover) { .page-footer .nctqshared-anchor__link:hover .nctqshared-anchor__link__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)); text-decoration-thickness: var(--link-border-size, var(--link-border-size-hover)); text-underline-offset: var(--link-border-offset, var(--link-border-offset-hover)); } } } @layer element_base { .nav-item--dropdown { display: flex; column-gap: var(--btn-s1-icon-gap); } } @layer element_local { .nav-item__nctqshared-expandable-button { --icon-size: 20px; --icon-stroke: 1.5; --btn-icon-gap: 6px; padding-inline: 0; } :is(.nav-item__nctqshared-expandable-button, .nav-item__toggle__nctqshared-expandable-button) { --btn-text-color: var(--p-text); --btn-icon-color: var(--p-text); --btn-bg-color: transparent; --btn-padding-x: 0; --btn-padding-y: 0; --btn-border-radius: 0; --btn-bg-color: transparent; } :is(.nav-item__nctqshared-expandable-button, .nav-item__toggle__nctqshared-expandable-button)::before { display: none; } :is(.nav-item__nctqshared-expandable-button, .nav-item__toggle__nctqshared-expandable-button) .icon { pointer-events: none; } :is(.nav-item__nctqshared-expandable-button, .nav-item__toggle__nctqshared-expandable-button) svg { rotate: 90deg; transition: all 240ms cubic-bezier(0.42, 0, 0.32, 1); } :is(.nav-item__nctqshared-expandable-button, .nav-item__toggle__nctqshared-expandable-button)[aria-expanded=true] svg { rotate: -90deg; } } @layer element_base { .search-panel__nctqshared-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: clamp(40px, 3.4246vw + 27.6712px, 80px); padding-bottom: clamp(40px, 3.4246vw + 27.6712px, 80px); } .search-panel__field { flex-grow: 1; } @media (min-width: 596px) { .search-panel__field { flex: 0 0 clamp(320px, 34.2465vw + 196.7123px, 720px); } } } @layer element_base { .site-logo { --logo-width: clamp(170px, 7.7054vw + 142.2602px, 260px); --logo-ratio: 5.3; display: flex; align-items: center; } .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; } .logo-primary { fill: var(--p-logo-primary); } .logo-secondary { fill: var(--p-logo-secondary); } } @layer element_local { .site-logo .media-figure__source { object-fit: contain; } .site-logo svg { width: 100%; height: 104%; } } @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 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); } svg .fill-stroke { fill: var(--p-icon); stroke: var(--p-icon); stroke-width: var(--icon-stroke, 1.5); transition-property: fill, stroke; transition-duration: 240ms; transition-timing-function: cubic-bezier(0.42, 0, 0.32, 1); } svg .fill-bg { fill: var(--p-bg); } svg .fill-inset-bg { fill: var(--p-inset-bg); } svg .stroke-half { stroke-width: calc(var(--icon-stroke, 1.5) / 2); } }