@layer reset,
	
	site_default,
	element_default,
	component_default,
	page_default,
	
	site_base,
	element_base,
	component_base,
	page_base,
	
	site_local,
	element_local,
	component_local,
	page_local,
	
	site_custom,
	element_custom,
	component_custom,
	page_custom,
	
	utility,
	override;
@layer component_base {
  /* ========================================================================
     Component: Modal
   ========================================================================== */
  /*
   * 1. Hide by default
   * 2. Set position
   * 3. Allow scrolling for the modal dialog
   * 4. Horizontal padding
   * 5. Mask the background page
   * 6. Fade-in transition
   */
  .uk-modal {
    /* 1 */
    display: none;
    /* 2 */
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1010;
    /* 3 */
    overflow-y: auto;
    /* 4 */
    padding: 15px 15px;
    /* 5 */
    background: rgba(0, 0, 0, 0.6);
    /* 6 */
    opacity: 0;
    transition: opacity 0.15s linear;
  }
  /* Phone landscape and bigger */
  @media (min-width: 640px) {
    .uk-modal {
      padding: 50px 30px;
    }
  }
  /* Tablet landscape and bigger */
  @media (min-width: 960px) {
    .uk-modal {
      padding-left: 40px;
      padding-right: 40px;
    }
  }
  /*
   * Open
   */
  .uk-modal.uk-open {
    opacity: 1;
  }
  /* Page
   ========================================================================== */
  /*
   * Prevent scrollbars
   */
  .uk-modal-page {
    overflow: hidden;
  }
  /* Dialog
   ========================================================================== */
  /*
   * 1. Create position context for spinner and close button
   * 2. Dimensions
   * 3. `!important` is needed to overwrite `uk-width-auto`. See `#modal-media-image` in tests
   * 4. Style
   * 5. Slide-in transition
   */
  .uk-modal-dialog {
    /* 1 */
    position: relative;
    /* 2 */
    box-sizing: border-box;
    margin: 0 auto;
    width: 600px;
    /* 3 */
    max-width: 100% !important;
    /* 4 */
    background: #fff;
    /* 5 */
    opacity: 0;
    transform: translateY(-100px);
    transition: 0.3s linear;
    transition-property: opacity, transform;
  }
  /*
   * Open
   */
  .uk-open > .uk-modal-dialog {
    opacity: 1;
    transform: translateY(0);
  }
  /* Size modifier
   ========================================================================== */
  /*
   * Container size
   * Take the same size as the Container component
   */
  .uk-modal-container .uk-modal-dialog {
    width: 1200px;
  }
  /*
   * Full size
   * 1. Remove padding and background from modal
   * 2. Reset all default declarations from modal dialog
   */
  /* 1 */
  .uk-modal-full {
    padding: 0;
    background: none;
  }
  /* 2 */
  .uk-modal-full .uk-modal-dialog {
    margin: 0;
    width: 100%;
    max-width: 100%;
    transform: translateY(0);
  }
  /* Sections
   ========================================================================== */
  .uk-modal-body {
    display: flow-root;
    padding: 20px 20px;
  }
  .uk-modal-header {
    display: flow-root;
    padding: 10px 20px;
    background: #f8f8f8;
  }
  .uk-modal-footer {
    display: flow-root;
    padding: 10px 20px;
    background: #f8f8f8;
  }
  /* Phone landscape and bigger */
  @media (min-width: 640px) {
    .uk-modal-body {
      padding: 30px 30px;
    }
    .uk-modal-header {
      padding: 15px 30px;
    }
    .uk-modal-footer {
      padding: 15px 30px;
    }
  }
  /*
   * Remove margin from the last-child
   */
  .uk-modal-body > :last-child,
  .uk-modal-header > :last-child,
  .uk-modal-footer > :last-child {
    margin-bottom: 0;
  }
  /* Title
   ========================================================================== */
  .uk-modal-title {
    font-size: 2rem;
    line-height: 1.3;
  }
  /* Close
   * Adopts `uk-close`
   ========================================================================== */
  [class*=uk-modal-close-] {
    position: absolute;
    z-index: 1010;
    top: 10px;
    right: 10px;
    padding: 5px;
  }
  /*
   * Remove margin from adjacent element
   */
  [class*=uk-modal-close-]:first-child + * {
    margin-top: 0;
  }
  /*
   * Hover
   */
  /*
   * Default
   */
  /*
   * Outside
   * 1. Prevent scrollbar on small devices
   */
  .uk-modal-close-outside {
    top: 0;
    /* 1 */
    right: -5px;
    transform: translate(0, -100%);
    color: white;
  }
  .uk-modal-close-outside:hover {
    color: #fff;
  }
  /* Tablet landscape and bigger */
  @media (min-width: 960px) {
    /* 1 */
    .uk-modal-close-outside {
      right: 0;
      transform: translate(100%, -100%);
    }
  }
  /*
   * Full
   */
  /* ========================================================================
     Component: Slider
   ========================================================================== */
  /*
   * 1. Prevent tab highlighting on iOS.
   */
  .uk-slider {
    /* 1 */
    -webkit-tap-highlight-color: transparent;
  }
  /* Container
   ========================================================================== */
  /*
   * Clip child elements
   */
  .uk-slider-container {
    overflow: hidden;
  }
  /*
   * Widen container to prevent box-shadows from clipping, `large-box-shadow`
   */
  .uk-slider-container-offset {
    margin: -11px -25px -39px -25px;
    padding: 11px 25px 39px 25px;
  }
  /* Items
   ========================================================================== */
  /*
   * 1. Optimize animation
   * 2. Create a containing block. In Safari it's neither created by `transform` nor `will-change`.
   * 3. Disable horizontal panning gestures
   */
  .uk-slider-items {
    /* 1 */
    will-change: transform;
    /* 2 */
    position: relative;
    /* 3 */
    touch-action: pan-y;
  }
  /*
   * 1. Reset list style without interfering with grid
   * 2. Prevent displaying the callout information on iOS.
   */
  .uk-slider-items:not(.uk-grid) {
    display: flex;
    /* 1 */
    margin: 0;
    padding: 0;
    list-style: none;
    /* 2 */
    -webkit-touch-callout: none;
  }
  .uk-slider-items.uk-grid {
    flex-wrap: nowrap;
  }
  /* Item
   ========================================================================== */
  /*
   * 1. Let items take content dimensions (0 0 auto)
   *    `max-width` needed to keep image responsiveness and prevent content overflow
   * 2. Create position context
   */
  .uk-slider-items > * {
    /* 1 */
    flex: none;
    box-sizing: border-box;
    max-width: 100%;
    /* 2 */
    position: relative;
  }
  /* ========================================================================
     Component: Lightbox
   ========================================================================== */
  /*
   * 1. Hide by default
   * 2. Set position
   * 3. Allow scrolling for the modal dialog
   * 4. Horizontal padding
   * 5. Mask the background page
   * 6. Fade-in transition
   * 7. Prevent cancellation of pointer events while dragging
   */
  .uk-lightbox {
    /* 1 */
    display: none;
    /* 2 */
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1010;
    /* 5 */
    background: #000;
    /* 6 */
    opacity: 0;
    transition: opacity 0.15s linear;
    /* 7 */
    touch-action: pinch-zoom;
  }
  /*
   * Open
   * 1. Center child
   * 2. Fade-in
   */
  .uk-lightbox.uk-open {
    display: block;
    /* 2 */
    opacity: 1;
  }
  /*
   * Focus
   */
  .uk-lightbox :focus-visible {
    outline-color: rgba(255, 255, 255, 0.7);
  }
  /* Page
   ========================================================================== */
  /*
   * Prevent scrollbars
   */
  .uk-lightbox-page {
    overflow: hidden;
  }
  /* Item
   ========================================================================== */
  /*
   * 1. Center child within the viewport
   * 2. Not visible by default
   * 3. Color needed for spinner icon
   * 4. Optimize animation
   * 5. Responsiveness
   *    Using `vh` for `max-height` to fix image proportions after resize in Safari and Opera
   */
  .uk-lightbox-items > * {
    /* 1 */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* 2 */
    display: none;
    justify-content: center;
    align-items: center;
    /* 3 */
    color: rgba(255, 255, 255, 0.7);
    /* 4 */
    will-change: transform, opacity;
  }
  /* 5 */
  .uk-lightbox-items > * > * {
    max-width: 100vw;
    max-height: 100vh;
  }
  .uk-lightbox-items > * > :not(iframe) {
    width: auto;
    height: auto;
  }
  .uk-lightbox-items > .uk-active {
    display: flex;
  }
  /* Toolbar
   ========================================================================== */
  .uk-lightbox-toolbar {
    padding: 10px 10px;
    background: rgba(0, 0, 0, 0.3);
    color: rgba(255, 255, 255, 0.7);
  }
  .uk-lightbox-toolbar > * {
    color: rgba(255, 255, 255, 0.7);
  }
  /* Toolbar Icon (Close)
   ========================================================================== */
  .uk-lightbox-toolbar-icon {
    padding: 5px;
    color: rgba(255, 255, 255, 0.7);
  }
  /*
   * Hover
   */
  .uk-lightbox-toolbar-icon:hover {
    color: #fff;
  }
  /* Button (Slidenav)
   ========================================================================== */
  /*
   * 1. Center icon vertically and horizontally
   */
  .uk-lightbox-button {
    box-sizing: border-box;
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, 0.3);
    color: rgba(255, 255, 255, 0.7);
    /* 1 */
    display: inline-flex;
    justify-content: center;
    align-items: center;
  }
  /* Hover */
  .uk-lightbox-button:hover {
    color: #fff;
  }
  /* OnClick */
  /* Caption
   ========================================================================== */
  .uk-lightbox-caption:empty {
    display: none;
  }
  /* Iframe
   ========================================================================== */
  .uk-lightbox-iframe {
    width: 80%;
    height: 80%;
  }
}
@layer site_default {
  :root {
    --link-border-size-default: 1px;
    --link-border-offset-default: 0.28em;
    --link-bg-size-default: 0%;
    --link-bg-offset-default: 100%;
    --link-border-size-hover: 1px;
    --link-border-offset-hover: 0.28em;
    --link-bg-size-hover: 100%;
    --link-bg-offset-hover: 100%;
  }
  body,
  h1, h2, h3, h4, h5, h6,
  p, li, blockquote,
  legend, label, input, textarea, select, button,
  th, td, caption,
  details, summary,
  dt, dd,
  pre,
  div {
    color: var(--p-text);
    transition-property: color, border-color, background-color;
    transition-duration: 240ms;
    transition-timing-function: cubic-bezier(0.42, 0, 0.32, 1);
  }
  .screen-reader-only:not(.show-on-focus),
  .show-on-focus:not(:active, :focus, :focus-visible) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip-path: rect(0 0 0 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
  .show-on-focus:is(:active,
  :focus,
  :focus-visible) {
    position: static !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    clip-path: none !important;
    white-space: normal !important;
  }
  .skip-to-content {
    display: block;
    padding-block: var(--rhythm-tiny);
  }
  @media screen and (prefers-reduced-motion: reduce) {
    :is(:root, body) {
      scroll-behavior: auto;
    }
  }
  :root {
    height: 100%;
    font-size: clamp(16px, 0.3424vw + 14.7671px, 20px);
    font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 400;
    line-height: 1.36;
    letter-spacing: 0;
    text-transform: none;
    font-variant-numeric: oldstyle-nums;
    -mos-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    transition: background-color 480ms linear(0, 1);
  }
  body {
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 0;
    overflow-x: clip;
    overflow-wrap: break-word;
    color: var(--p-text);
    font-synthesis: none;
    text-wrap: pretty;
    accent-color: var(--p-accent-1);
    transition: background-color 480ms linear(0, 1);
  }
  body[data-allow-scroll=false] {
    overflow: hidden;
  }
  .w-page {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
    --tw-bg-opacity: 1;
    background-color: rgb(20 20 16 / var(--tw-bg-opacity));
  }
  [data-jump-target]{
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
  }
  main {
    flex: 1 0 auto;
  }
  *::-moz-selection {
    color: var(--p-selection-text);
    background: var(--p-selection-bg);
  }
  *::selection {
    color: var(--p-selection-text);
    background: var(--p-selection-bg);
  }
  :is(h1, h2, h3, h4, h5, h6) {
    clear: both;
  }
  :is(h1, h2, h3, h4, h5, h6):first-child {
    margin-top: 0;
  }
  :is(h1, h2, h3, h4, h5, h6):last-child {
    margin-bottom: 0;
  }
  :is(h1, h2, h3, h4, h5, h6):has(+ :is(p, [data-content])) {
    margin-bottom: 0.4em;
  }
  :is(h1, h2, h3, h4) {
    margin-left: -0.035em;
    margin-top: 1.25em;
  }
  :is(h1, h2, h3, h4):last-child {
    margin-bottom: 0;
  }
  :is(h1, h2) {
    margin-bottom: 0.45em;
  }
  :is(h3, h4) {
    margin-bottom: 0.65em;
  }
  :is(h5, h6) {
    margin-top: 1.5em;
    margin-bottom: 0.55em;
  }
  h1 {
    font-size: clamp(34px, 4.7945vw + 16.7397px, 90px);
    font-family: "Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 900;
    line-height: 1.1;
    text-transform: uppercase;
    font-variant-numeric: oldstyle-nums;
    letter-spacing: clamp(-0.34px, -0.4271vw + 1.0984px, -0.9px);
  }
  h2 {
    font-size: clamp(29px, 2.6541vw + 19.4452px, 60px);
    font-family: "Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 900;
    line-height: 1.1;
    text-transform: uppercase;
    font-variant-numeric: oldstyle-nums;
    letter-spacing: clamp(-0.29px, -0.4271vw + 1.0984px, -0.6px);
  }
  h3 {
    font-size: clamp(27px, 1.113vw + 22.9931px, 40px);
    font-family: "Grotesk Compact", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 900;
    line-height: 1;
    font-variant-numeric: oldstyle-nums;
  }
  h4 {
    font-size: 24px;
    font-family: "Grotesk Compact", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 900;
    line-height: 1;
    font-variant-numeric: oldstyle-nums;
  }
  h5 {
    font-size: 18px;
    font-family: "Grotesk Compact", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 900;
    line-height: 1;
    font-variant-numeric: oldstyle-nums;
  }
  h6 {
    font-size: 13px;
    font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 800;
    line-height: 1.28;
    letter-spacing: 0;
    text-transform: uppercase;
    font-variant-numeric: oldstyle-nums;
  }
  :is(p, [data-content]) {
    margin-block: 0.85em;
  }
  :is(p, [data-content]):first-child {
    margin-top: 0;
  }
  :is(p, [data-content]):last-child {
    margin-bottom: 0;
  }
  b,
  strong {
    font-weight: 700;
  }
  .type-label {
    font-size: 12px;
    font-family: "Instrument Condensed Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 1.44px;
    text-transform: uppercase;
  }
  :is(a, .shy:not(a)):where(:not(.btn)) {
    color: var(--link-text-color, var(--link-text-color-default));
    text-decoration-line: underline;
    text-decoration-color: var(--link-border-color, var(--link-border-color-default));
    text-decoration-thickness: var(--link-border-size, var(--link-border-size-default));
    text-underline-offset: var(--link-border-offset, var(--link-border-offset-default));
    transition-property: color, background-color, background-size, background-position, text-decoration-color, text-underline-offset, border-color;
    background-image: linear-gradient(var(--link-bg-color, var(--link-bg-color-hover)), var(--link-bg-color, var(--link-bg-color-hover)));
    background-repeat: no-repeat;
    background-size: 100% var(--link-bg-size, var(--link-bg-size-default));
    background-position: 0 var(--link-bg-offset, var(--link-bg-offset-default));
    transition-duration: 240ms;
    transition-timing-function: cubic-bezier(0.42, 0, 0.32, 1);
  }
  :is(a, .shy:not(a)):where(:not(.btn)).\:icon {
    display: inline-flex;
    align-items: center;
    gap: 1.25em;
  }
  @media (hover: hover) {
    :is(a, .shy:not(a)):where(:not(.btn)):hover {
      color: var(--link-text-color, var(--link-text-color-hover));
      text-decoration-color: var(--link-border-color, var(--link-border-color-hover));
      text-decoration-thickness: var(--link-border-size, var(--link-border-size-hover));
      text-underline-offset: var(--link-border-offset, var(--link-border-offset-hover));
      background-size: 100% var(--link-bg-size, var(--link-bg-size-hover));
      background-position: 0 var(--link-bg-offset, var(--link-bg-offset-hover));
    }
  }
  a.\+secret {
    --link-border-color: transparent;
    --link-bg-color: transparent;
  }
  .shy.shy {
    color: var(--link-shy-text-color, var(--link-shy-text-color-default));
    text-decoration-color: var(--link-shy-border-color, var(--link-shy-border-color-default));
    background-image: linear-gradient(var(--link-shy-bg-color, var(--link-shy-bg-color-hover)), var(--link-shy-bg-color, var(--link-shy-bg-color-hover)));
  }
  sup {
    font-weight: 700;
  }
  sup a {
    --link-border-color: transparent;
    padding-inline: 0.15em;
  }
  hr {
    margin-block: var(--rhythm-flow);
    border-color: var(--p-line);
  }
  table {
    margin-block: 2em;
    width: 100%;
    font-size: 13px;
    line-height: 1.4;
  }
  table th {
    padding: 0.5em 0.6em;
    background: var(--p-inset-bg);
    font-weight: 700;
    text-align: left;
  }
  table td {
    padding: 0.8em 0.6em;
    border-bottom: 1px solid var(--p-line);
    text-align: left;
  }
  table:first-child {
    margin-top: 0;
  }
  table:last-child {
    margin-bottom: 0;
  }
  #wpadminbar {
    z-index: 999999 !important;
  }
  @media (max-width: 739.98px) {
    #wpadminbar {
      display: none;
    }
  }
  svg {
    max-width: 100%;
    height: auto;
  }
  [hidden][aria-busy=true] {
    display: revert;
  }
  [class*=":palette-"] {
    background-color: var(--p-bg);
  }
  :root {
    background-color: var(--p-bg);
    color: var(--p-text);
  }
  body {
    background-color: var(--p-bg);
  }
  :root:where(:has([data-palette-static="1"])) {
    --p-bg: var(--color-white);
    --p-inset-bg: var(--color-sand);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-coal);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-sky);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-sky);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-coal-16);
    --p-line-alt: var(--color-coal);
    --p-icon: var(--color-coal);
    --p-icon-alt: var(--color-sand);
    --p-image-bg: var(--color-coal-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-coal);
    --link-bg-color-default: var(--color-sky);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-sky);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-coal);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-sky);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-sky);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-white);
    --p-btn-v1-border-active: var(--color-night);
    --p-btn-v1-bg-active: var(--color-night);
    --p-btn-v1-text-disabled: var(--color-white);
    --p-btn-v1-border-disabled: var(--color-ocean);
    --p-btn-v1-bg-disabled: var(--color-ocean);
    --p-btn-v2-text-default: var(--color-coal);
    --p-btn-v2-border-default: var(--color-coal);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-white);
    --p-btn-v2-border-active: var(--color-coal);
    --p-btn-v2-bg-active: var(--color-night);
    --p-btn-v2-text-disabled: var(--color-coal);
    --p-btn-v2-border-disabled: var(--color-coal);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-coal-16);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-coal);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-coal-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-sky);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
  }
  @media (prefers-color-scheme: dark) {
    :root:where(:has([data-palette-static="1"])) :root:not([data-palette-mode]) {
      --p-bg: var(--color-night);
      --p-inset-bg: var(--color-ocean);
      --p-overlay-bg: var(--color-night-40);
      --p-text: var(--color-white);
      --p-list-marker-1: var(--color-hhc-orange);
      --p-list-marker-2: var(--color-white);
      --p-list-marker-3: var(--color-white);
      --p-selection-bg: var(--color-orange);
      --p-selection-text: var(--color-coal);
      --p-highlight-bg: var(--color-aqua);
      --p-highlight-text: var(--color-coal);
      --p-lowlight-bg: var(--color-night);
      --p-lowlight-text: var(--color-white);
      --p-caption: var(--color-white);
      --p-error: var(--color-cherry);
      --p-accent-1: var(--color-aqua);
      --p-accent-2: var(--color-white);
      --p-accent-3: var(--color-orange);
      --p-accent-4: var(--color-crimson);
      --p-accent-5: var(--color-pink);
      --p-line: var(--color-white-16);
      --p-line-alt: var(--color-white);
      --p-icon: var(--color-white);
      --p-icon-alt: var(--color-ocean);
      --p-image-bg: var(--color-white-5);
      --link-text-color-default: var(--color-white);
      --link-border-color-default: var(--color-white);
      --link-bg-color-default: var(--color-sky);
      --link-text-color-hover: var(--color-coal);
      --link-border-color-hover: var(--color-aqua);
      --link-bg-color-hover: var(--color-sky);
      --link-text-color-active: var(--color-coal);
      --link-border-color-active: var(--color-aqua);
      --link-bg-color-active: var(--color-sky);
      --link-shy-text-color-default: var(--color-white);
      --link-shy-border-color-default: var(--color-transparent);
      --link-shy-bg-color-default: var(--color-sky);
      --link-shy-text-color-hover: var(--color-coal);
      --link-shy-border-color-hover: var(--color-aqua);
      --link-shy-bg-color-hover: var(--color-sky);
      --p-btn-v1-text-default: var(--color-coal);
      --p-btn-v1-border-default: var(--color-aqua);
      --p-btn-v1-bg-default: var(--color-hhc-orange);
      --p-btn-v1-text-hover: var(--color-white);
      --p-btn-v1-border-hover: var(--color-pink);
      --p-btn-v1-bg-hover: var(--color-pink);
      --p-btn-v1-text-active: var(--color-coal);
      --p-btn-v1-border-active: var(--color-white);
      --p-btn-v1-bg-active: var(--color-white);
      --p-btn-v1-text-disabled: var(--color-coal);
      --p-btn-v1-border-disabled: var(--color-aqua);
      --p-btn-v1-bg-disabled: var(--color-aqua);
      --p-btn-v2-text-default: var(--color-white);
      --p-btn-v2-border-default: var(--color-white);
      --p-btn-v2-bg-default: var(--color-transparent);
      --p-btn-v2-text-hover: var(--color-white);
      --p-btn-v2-border-hover: var(--color-pink);
      --p-btn-v2-bg-hover: var(--color-pink);
      --p-btn-v2-text-active: var(--color-coal);
      --p-btn-v2-border-active: var(--color-white);
      --p-btn-v2-bg-active: var(--color-white);
      --p-btn-v2-text-disabled: var(--color-white);
      --p-btn-v2-border-disabled: var(--color-white);
      --p-btn-v2-bg-disabled: var(--color-transparent);
      --p-btn-v1-media-text-default: var(--color-white);
      --p-btn-v1-media-border-default: var(--color-coal);
      --p-btn-v1-media-bg-default: var(--color-coal);
      --p-btn-v1-media-text-hover: var(--color-white);
      --p-btn-v1-media-border-hover: var(--color-pink);
      --p-btn-v1-media-bg-hover: var(--color-pink);
      --p-btn-v1-media-text-active: var(--color-white);
      --p-btn-v1-media-border-active: var(--color-pink);
      --p-btn-v1-media-bg-active: var(--color-pink);
      --p-btn-v1-media-text-disabled: var(--color-white-48);
      --p-btn-v1-media-border-disabled: var(--color-coal);
      --p-btn-v1-media-bg-disabled: var(--color-coal);
      --field-text-color-default: var(--color-stone-48);
      --field-border-color-default: var(--color-transparent);
      --field-bg-color-default: var(--color-white);
      --field-text-color-value: var(--color-coal);
      --field-border-color-value: var(--color-transparent);
      --field-bg-color-value: var(--color-white);
      --field-text-color-hover: var(--color-coal);
      --field-border-color-hover: var(--color-coal);
      --field-bg-color-hover: var(--color-white);
      --field-text-color-focus: var(--color-coal);
      --field-border-color-focus: var(--color-aqua);
      --field-bg-color-focus: var(--color-white);
      --field-text-color-error: var(--color-coal);
      --field-border-color-error: var(--color-crimson);
      --field-bg-color-error: var(--color-white);
      --field-text-color-disabled: var(--color-stone-48);
      --field-border-color-disabled: var(--color-white-16);
      --field-bg-color-disabled: var(--color-transparent);
      --toggle-input-icon-color-default: var(--color-stone-48);
      --toggle-input-border-color-default: var(--color-concrete);
      --toggle-input-bg-color-default: var(--color-white);
      --toggle-input-icon-color-value: var(--color-coal);
      --toggle-input-border-color-value: var(--color-concrete);
      --toggle-input-bg-color-value: var(--color-white);
      --toggle-input-icon-color-hover: var(--color-coal);
      --toggle-input-border-color-hover: var(--color-aqua);
      --toggle-input-bg-color-hover: var(--color-white);
      --toggle-input-icon-color-focus: var(--color-coal);
      --toggle-input-border-color-focus: var(--color-aqua);
      --toggle-input-bg-color-focus: var(--color-white);
      --toggle-input-icon-color-disabled: var(--color-stone-48);
      --toggle-input-border-color-disabled: var(--color-concrete);
      --toggle-input-bg-color-disabled: var(--color-transparent);
      --tag-text-color-default: var(--color-coal);
      --tag-border-color-default: var(--color-transparent);
      --tag-bg-color-default: var(--color-sky);
      --tag-text-color-hover: var(--color-white);
      --tag-border-color-hover: var(--color-transparent);
      --tag-bg-color-hover: var(--color-pink);
      --p-tab-text-default: var(--color-coal);
      --p-tab-border-default: var(--color-transparent);
      --p-tab-bg-default: var(--color-transparent);
      --p-tab-text-hover: var(--color-coal);
      --p-tab-border-hover: var(--color-transparent);
      --p-tab-bg-hover: var(--color-aqua);
      --p-tab-text-active: var(--color-white);
      --p-tab-border-active: var(--color-transparent);
      --p-tab-bg-active: var(--color-coal);
      --p-tab-text-disabled: var(--color-stone-48);
      --p-tab-border-disabled: var(--color-transparent);
      --p-tab-bg-disabled: var(--color-transparent);
      --p-pagination-active: var(--color-white);
      --p-pagination-inactive: var(--color-white-48);
      --p-nav-dropdown-bg: var(--color-white);
    }
  }
  :root:where(:has([data-palette-static="2"])) {
    --p-bg: var(--color-sand);
    --p-inset-bg: var(--color-white);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-coal);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-sky);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-sky);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-coal-16);
    --p-line-alt: var(--color-coal);
    --p-icon: var(--color-coal);
    --p-icon-alt: var(--color-white);
    --p-image-bg: var(--color-coal-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-coal);
    --link-bg-color-default: var(--color-sky);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-sky);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-coal);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-sky);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-sky);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-white);
    --p-btn-v1-border-active: var(--color-night);
    --p-btn-v1-bg-active: var(--color-night);
    --p-btn-v1-text-disabled: var(--color-white);
    --p-btn-v1-border-disabled: var(--color-ocean);
    --p-btn-v1-bg-disabled: var(--color-ocean);
    --p-btn-v2-text-default: var(--color-coal);
    --p-btn-v2-border-default: var(--color-coal);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-white);
    --p-btn-v2-border-active: var(--color-coal);
    --p-btn-v2-bg-active: var(--color-night);
    --p-btn-v2-text-disabled: var(--color-coal);
    --p-btn-v2-border-disabled: var(--color-coal);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-coal-16);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-coal);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-coal-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-white);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
  }
  @media (prefers-color-scheme: dark) {
    :root:where(:has([data-palette-static="2"])) :root:not([data-palette-mode]) {
      --p-bg: var(--color-carbon);
      --p-inset-bg: var(--color-ocean);
      --p-overlay-bg: var(--color-night-40);
      --p-text: var(--color-white);
      --p-list-marker-1: var(--color-hhc-orange);
      --p-list-marker-2: var(--color-white);
      --p-list-marker-3: var(--color-white);
      --p-selection-bg: var(--color-orange);
      --p-selection-text: var(--color-coal);
      --p-highlight-bg: var(--color-aqua);
      --p-highlight-text: var(--color-coal);
      --p-lowlight-bg: var(--color-night);
      --p-lowlight-text: var(--color-white);
      --p-caption: var(--color-white);
      --p-error: var(--color-cherry);
      --p-accent-1: var(--color-aqua);
      --p-accent-2: var(--color-white);
      --p-accent-3: var(--color-orange);
      --p-accent-4: var(--color-crimson);
      --p-accent-5: var(--color-pink);
      --p-line: var(--color-white-16);
      --p-line-alt: var(--color-white);
      --p-icon: var(--color-white);
      --p-icon-alt: var(--color-ocean);
      --p-image-bg: var(--color-white-5);
      --link-text-color-default: var(--color-white);
      --link-border-color-default: var(--color-white);
      --link-bg-color-default: var(--color-sky);
      --link-text-color-hover: var(--color-coal);
      --link-border-color-hover: var(--color-aqua);
      --link-bg-color-hover: var(--color-sky);
      --link-text-color-active: var(--color-coal);
      --link-border-color-active: var(--color-aqua);
      --link-bg-color-active: var(--color-sky);
      --link-shy-text-color-default: var(--color-white);
      --link-shy-border-color-default: var(--color-transparent);
      --link-shy-bg-color-default: var(--color-sky);
      --link-shy-text-color-hover: var(--color-coal);
      --link-shy-border-color-hover: var(--color-aqua);
      --link-shy-bg-color-hover: var(--color-sky);
      --p-btn-v1-text-default: var(--color-coal);
      --p-btn-v1-border-default: var(--color-aqua);
      --p-btn-v1-bg-default: var(--color-hhc-orange);
      --p-btn-v1-text-hover: var(--color-white);
      --p-btn-v1-border-hover: var(--color-pink);
      --p-btn-v1-bg-hover: var(--color-pink);
      --p-btn-v1-text-active: var(--color-coal);
      --p-btn-v1-border-active: var(--color-white);
      --p-btn-v1-bg-active: var(--color-white);
      --p-btn-v1-text-disabled: var(--color-coal);
      --p-btn-v1-border-disabled: var(--color-aqua);
      --p-btn-v1-bg-disabled: var(--color-aqua);
      --p-btn-v2-text-default: var(--color-white);
      --p-btn-v2-border-default: var(--color-white);
      --p-btn-v2-bg-default: var(--color-transparent);
      --p-btn-v2-text-hover: var(--color-white);
      --p-btn-v2-border-hover: var(--color-pink);
      --p-btn-v2-bg-hover: var(--color-pink);
      --p-btn-v2-text-active: var(--color-coal);
      --p-btn-v2-border-active: var(--color-white);
      --p-btn-v2-bg-active: var(--color-white);
      --p-btn-v2-text-disabled: var(--color-white);
      --p-btn-v2-border-disabled: var(--color-white);
      --p-btn-v2-bg-disabled: var(--color-transparent);
      --p-btn-v1-media-text-default: var(--color-white);
      --p-btn-v1-media-border-default: var(--color-coal);
      --p-btn-v1-media-bg-default: var(--color-coal);
      --p-btn-v1-media-text-hover: var(--color-white);
      --p-btn-v1-media-border-hover: var(--color-pink);
      --p-btn-v1-media-bg-hover: var(--color-pink);
      --p-btn-v1-media-text-active: var(--color-white);
      --p-btn-v1-media-border-active: var(--color-pink);
      --p-btn-v1-media-bg-active: var(--color-pink);
      --p-btn-v1-media-text-disabled: var(--color-white-48);
      --p-btn-v1-media-border-disabled: var(--color-coal);
      --p-btn-v1-media-bg-disabled: var(--color-coal);
      --field-text-color-default: var(--color-stone-48);
      --field-border-color-default: var(--color-transparent);
      --field-bg-color-default: var(--color-white);
      --field-text-color-value: var(--color-coal);
      --field-border-color-value: var(--color-transparent);
      --field-bg-color-value: var(--color-white);
      --field-text-color-hover: var(--color-coal);
      --field-border-color-hover: var(--color-coal);
      --field-bg-color-hover: var(--color-white);
      --field-text-color-focus: var(--color-coal);
      --field-border-color-focus: var(--color-aqua);
      --field-bg-color-focus: var(--color-white);
      --field-text-color-error: var(--color-coal);
      --field-border-color-error: var(--color-crimson);
      --field-bg-color-error: var(--color-white);
      --field-text-color-disabled: var(--color-stone-48);
      --field-border-color-disabled: var(--color-white-16);
      --field-bg-color-disabled: var(--color-transparent);
      --toggle-input-icon-color-default: var(--color-stone-48);
      --toggle-input-border-color-default: var(--color-concrete);
      --toggle-input-bg-color-default: var(--color-white);
      --toggle-input-icon-color-value: var(--color-coal);
      --toggle-input-border-color-value: var(--color-concrete);
      --toggle-input-bg-color-value: var(--color-white);
      --toggle-input-icon-color-hover: var(--color-coal);
      --toggle-input-border-color-hover: var(--color-aqua);
      --toggle-input-bg-color-hover: var(--color-white);
      --toggle-input-icon-color-focus: var(--color-coal);
      --toggle-input-border-color-focus: var(--color-aqua);
      --toggle-input-bg-color-focus: var(--color-white);
      --toggle-input-icon-color-disabled: var(--color-stone-48);
      --toggle-input-border-color-disabled: var(--color-concrete);
      --toggle-input-bg-color-disabled: var(--color-transparent);
      --tag-text-color-default: var(--color-coal);
      --tag-border-color-default: var(--color-transparent);
      --tag-bg-color-default: var(--color-sky);
      --tag-text-color-hover: var(--color-white);
      --tag-border-color-hover: var(--color-transparent);
      --tag-bg-color-hover: var(--color-pink);
      --p-tab-text-default: var(--color-coal);
      --p-tab-border-default: var(--color-transparent);
      --p-tab-bg-default: var(--color-transparent);
      --p-tab-text-hover: var(--color-coal);
      --p-tab-border-hover: var(--color-transparent);
      --p-tab-bg-hover: var(--color-aqua);
      --p-tab-text-active: var(--color-white);
      --p-tab-border-active: var(--color-transparent);
      --p-tab-bg-active: var(--color-coal);
      --p-tab-text-disabled: var(--color-stone-48);
      --p-tab-border-disabled: var(--color-transparent);
      --p-tab-bg-disabled: var(--color-transparent);
      --p-pagination-active: var(--color-white);
      --p-pagination-inactive: var(--color-white-48);
      --p-nav-dropdown-bg: var(--color-white);
    }
  }
  :root:where(:has([data-palette-static="3"])) {
    --p-bg: var(--color-sky);
    --p-inset-bg: var(--color-white);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-coal);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-white);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-white);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-coal-16);
    --p-line-alt: var(--color-coal);
    --p-icon: var(--color-coal);
    --p-icon-alt: var(--color-white);
    --p-image-bg: var(--color-coal-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-coal);
    --link-bg-color-default: var(--color-white);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-white);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-coal);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-white);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-white);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-white);
    --p-btn-v1-border-active: var(--color-night);
    --p-btn-v1-bg-active: var(--color-night);
    --p-btn-v1-text-disabled: var(--color-white);
    --p-btn-v1-border-disabled: var(--color-ocean);
    --p-btn-v1-bg-disabled: var(--color-ocean);
    --p-btn-v2-text-default: var(--color-coal);
    --p-btn-v2-border-default: var(--color-coal);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-white);
    --p-btn-v2-border-active: var(--color-coal);
    --p-btn-v2-bg-active: var(--color-night);
    --p-btn-v2-text-disabled: var(--color-coal);
    --p-btn-v2-border-disabled: var(--color-coal);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-coal-16);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-coal);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-coal-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-white);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
  }
  @media (prefers-color-scheme: dark) {
    :root:where(:has([data-palette-static="3"])) :root:not([data-palette-mode]) {
      --p-bg: var(--color-ocean);
      --p-inset-bg: var(--color-coal);
      --p-overlay-bg: var(--color-night-40);
      --p-text: var(--color-white);
      --p-list-marker-1: var(--color-hhc-orange);
      --p-list-marker-2: var(--color-white);
      --p-list-marker-3: var(--color-white);
      --p-selection-bg: var(--color-orange);
      --p-selection-text: var(--color-coal);
      --p-highlight-bg: var(--color-sky);
      --p-highlight-text: var(--color-coal);
      --p-lowlight-bg: var(--color-night);
      --p-lowlight-text: var(--color-white);
      --p-caption: var(--color-white);
      --p-error: var(--color-cherry);
      --p-accent-1: var(--color-aqua);
      --p-accent-2: var(--color-white);
      --p-accent-3: var(--color-orange);
      --p-accent-4: var(--color-crimson);
      --p-accent-5: var(--color-pink);
      --p-line: var(--color-white-16);
      --p-line-alt: var(--color-white);
      --p-icon: var(--color-white);
      --p-icon-alt: var(--color-coal);
      --p-image-bg: var(--color-coal-5);
      --link-text-color-default: var(--color-white);
      --link-border-color-default: var(--color-white);
      --link-bg-color-default: var(--color-sky);
      --link-text-color-hover: var(--color-coal);
      --link-border-color-hover: var(--color-aqua);
      --link-bg-color-hover: var(--color-sky);
      --link-text-color-active: var(--color-coal);
      --link-border-color-active: var(--color-aqua);
      --link-bg-color-active: var(--color-sky);
      --link-shy-text-color-default: var(--color-white);
      --link-shy-border-color-default: var(--color-transparent);
      --link-shy-bg-color-default: var(--color-sky);
      --link-shy-text-color-hover: var(--color-coal);
      --link-shy-border-color-hover: var(--color-aqua);
      --link-shy-bg-color-hover: var(--color-sky);
      --p-btn-v1-text-default: var(--color-coal);
      --p-btn-v1-border-default: var(--color-aqua);
      --p-btn-v1-bg-default: var(--color-hhc-orange);
      --p-btn-v1-text-hover: var(--color-white);
      --p-btn-v1-border-hover: var(--color-pink);
      --p-btn-v1-bg-hover: var(--color-pink);
      --p-btn-v1-text-active: var(--color-coal);
      --p-btn-v1-border-active: var(--color-white);
      --p-btn-v1-bg-active: var(--color-white);
      --p-btn-v1-text-disabled: var(--color-coal);
      --p-btn-v1-border-disabled: var(--color-aqua);
      --p-btn-v1-bg-disabled: var(--color-aqua);
      --p-btn-v2-text-default: var(--color-white);
      --p-btn-v2-border-default: var(--color-white);
      --p-btn-v2-bg-default: var(--color-transparent);
      --p-btn-v2-text-hover: var(--color-white);
      --p-btn-v2-border-hover: var(--color-pink);
      --p-btn-v2-bg-hover: var(--color-pink);
      --p-btn-v2-text-active: var(--color-coal);
      --p-btn-v2-border-active: var(--color-white);
      --p-btn-v2-bg-active: var(--color-white);
      --p-btn-v2-text-disabled: var(--color-white);
      --p-btn-v2-border-disabled: var(--color-white);
      --p-btn-v2-bg-disabled: var(--color-transparent);
      --p-btn-v1-media-text-default: var(--color-white);
      --p-btn-v1-media-border-default: var(--color-coal);
      --p-btn-v1-media-bg-default: var(--color-coal);
      --p-btn-v1-media-text-hover: var(--color-white);
      --p-btn-v1-media-border-hover: var(--color-pink);
      --p-btn-v1-media-bg-hover: var(--color-pink);
      --p-btn-v1-media-text-active: var(--color-white);
      --p-btn-v1-media-border-active: var(--color-pink);
      --p-btn-v1-media-bg-active: var(--color-pink);
      --p-btn-v1-media-text-disabled: var(--color-white-48);
      --p-btn-v1-media-border-disabled: var(--color-coal);
      --p-btn-v1-media-bg-disabled: var(--color-coal);
      --field-text-color-default: var(--color-stone-48);
      --field-border-color-default: var(--color-transparent);
      --field-bg-color-default: var(--color-white);
      --field-text-color-value: var(--color-coal);
      --field-border-color-value: var(--color-transparent);
      --field-bg-color-value: var(--color-white);
      --field-text-color-hover: var(--color-coal);
      --field-border-color-hover: var(--color-coal);
      --field-bg-color-hover: var(--color-white);
      --field-text-color-focus: var(--color-coal);
      --field-border-color-focus: var(--color-aqua);
      --field-bg-color-focus: var(--color-white);
      --field-text-color-error: var(--color-coal);
      --field-border-color-error: var(--color-crimson);
      --field-bg-color-error: var(--color-white);
      --field-text-color-disabled: var(--color-stone-48);
      --field-border-color-disabled: var(--color-white-16);
      --field-bg-color-disabled: var(--color-transparent);
      --toggle-input-icon-color-default: var(--color-stone-48);
      --toggle-input-border-color-default: var(--color-concrete);
      --toggle-input-bg-color-default: var(--color-white);
      --toggle-input-icon-color-value: var(--color-coal);
      --toggle-input-border-color-value: var(--color-concrete);
      --toggle-input-bg-color-value: var(--color-white);
      --toggle-input-icon-color-hover: var(--color-coal);
      --toggle-input-border-color-hover: var(--color-aqua);
      --toggle-input-bg-color-hover: var(--color-white);
      --toggle-input-icon-color-focus: var(--color-coal);
      --toggle-input-border-color-focus: var(--color-aqua);
      --toggle-input-bg-color-focus: var(--color-white);
      --toggle-input-icon-color-disabled: var(--color-stone-48);
      --toggle-input-border-color-disabled: var(--color-concrete);
      --toggle-input-bg-color-disabled: var(--color-transparent);
      --tag-text-color-default: var(--color-coal);
      --tag-border-color-default: var(--color-transparent);
      --tag-bg-color-default: var(--color-sky);
      --tag-text-color-hover: var(--color-white);
      --tag-border-color-hover: var(--color-transparent);
      --tag-bg-color-hover: var(--color-pink);
      --p-tab-text-default: var(--color-coal);
      --p-tab-border-default: var(--color-transparent);
      --p-tab-bg-default: var(--color-transparent);
      --p-tab-text-hover: var(--color-coal);
      --p-tab-border-hover: var(--color-transparent);
      --p-tab-bg-hover: var(--color-aqua);
      --p-tab-text-active: var(--color-white);
      --p-tab-border-active: var(--color-transparent);
      --p-tab-bg-active: var(--color-coal);
      --p-tab-text-disabled: var(--color-stone-48);
      --p-tab-border-disabled: var(--color-transparent);
      --p-tab-bg-disabled: var(--color-transparent);
      --p-pagination-active: var(--color-white);
      --p-pagination-inactive: var(--color-white-48);
      --p-nav-dropdown-bg: var(--color-white);
    }
  }
  :root:where(:has([data-palette-static="4"])) {
    --p-bg: var(--color-ocean);
    --p-inset-bg: var(--color-coal);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-white);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-sky);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-white);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-white-16);
    --p-line-alt: var(--color-white);
    --p-icon: var(--color-white);
    --p-icon-alt: var(--color-coal);
    --p-image-bg: var(--color-coal-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-white);
    --link-bg-color-default: var(--color-sky);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-sky);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-white);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-sky);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-sky);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-coal);
    --p-btn-v1-border-active: var(--color-white);
    --p-btn-v1-bg-active: var(--color-white);
    --p-btn-v1-text-disabled: var(--color-coal);
    --p-btn-v1-border-disabled: var(--color-aqua);
    --p-btn-v1-bg-disabled: var(--color-aqua);
    --p-btn-v2-text-default: var(--color-white);
    --p-btn-v2-border-default: var(--color-white);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-coal);
    --p-btn-v2-border-active: var(--color-white);
    --p-btn-v2-bg-active: var(--color-white);
    --p-btn-v2-text-disabled: var(--color-white);
    --p-btn-v2-border-disabled: var(--color-white);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-transparent);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-transparent);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-white-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-sky);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
  }
  :root:where(:has([data-palette-static="5"])) {
    --p-bg: var(--color-night);
    --p-inset-bg: var(--color-ocean);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-white);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-aqua);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-white);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-white-16);
    --p-line-alt: var(--color-white);
    --p-icon: var(--color-white);
    --p-icon-alt: var(--color-ocean);
    --p-image-bg: var(--color-white-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-white);
    --link-bg-color-default: var(--color-sky);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-sky);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-white);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-sky);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-sky);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-coal);
    --p-btn-v1-border-active: var(--color-white);
    --p-btn-v1-bg-active: var(--color-white);
    --p-btn-v1-text-disabled: var(--color-coal);
    --p-btn-v1-border-disabled: var(--color-aqua);
    --p-btn-v1-bg-disabled: var(--color-aqua);
    --p-btn-v2-text-default: var(--color-white);
    --p-btn-v2-border-default: var(--color-white);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-coal);
    --p-btn-v2-border-active: var(--color-white);
    --p-btn-v2-bg-active: var(--color-white);
    --p-btn-v2-text-disabled: var(--color-white);
    --p-btn-v2-border-disabled: var(--color-white);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-transparent);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-transparent);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-white-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-sky);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
  }
  :root:where(:has([data-palette-dynamic="1"])) {
    --p-bg: var(--color-white);
    --p-inset-bg: var(--color-sand);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-coal);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-sky);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-sky);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-coal-16);
    --p-line-alt: var(--color-coal);
    --p-icon: var(--color-coal);
    --p-icon-alt: var(--color-sand);
    --p-image-bg: var(--color-coal-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-coal);
    --link-bg-color-default: var(--color-sky);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-sky);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-coal);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-sky);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-sky);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-white);
    --p-btn-v1-border-active: var(--color-night);
    --p-btn-v1-bg-active: var(--color-night);
    --p-btn-v1-text-disabled: var(--color-white);
    --p-btn-v1-border-disabled: var(--color-ocean);
    --p-btn-v1-bg-disabled: var(--color-ocean);
    --p-btn-v2-text-default: var(--color-coal);
    --p-btn-v2-border-default: var(--color-coal);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-white);
    --p-btn-v2-border-active: var(--color-coal);
    --p-btn-v2-bg-active: var(--color-night);
    --p-btn-v2-text-disabled: var(--color-coal);
    --p-btn-v2-border-disabled: var(--color-coal);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-coal-16);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-coal);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-coal-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-sky);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
  }
  @media (prefers-color-scheme: dark) {
    :root:where(:has([data-palette-dynamic="1"])) :root:not([data-palette-mode]) {
      --p-bg: var(--color-night);
      --p-inset-bg: var(--color-ocean);
      --p-overlay-bg: var(--color-night-40);
      --p-text: var(--color-white);
      --p-list-marker-1: var(--color-hhc-orange);
      --p-list-marker-2: var(--color-white);
      --p-list-marker-3: var(--color-white);
      --p-selection-bg: var(--color-orange);
      --p-selection-text: var(--color-coal);
      --p-highlight-bg: var(--color-aqua);
      --p-highlight-text: var(--color-coal);
      --p-lowlight-bg: var(--color-night);
      --p-lowlight-text: var(--color-white);
      --p-caption: var(--color-white);
      --p-error: var(--color-cherry);
      --p-accent-1: var(--color-aqua);
      --p-accent-2: var(--color-white);
      --p-accent-3: var(--color-orange);
      --p-accent-4: var(--color-crimson);
      --p-accent-5: var(--color-pink);
      --p-line: var(--color-white-16);
      --p-line-alt: var(--color-white);
      --p-icon: var(--color-white);
      --p-icon-alt: var(--color-ocean);
      --p-image-bg: var(--color-white-5);
      --link-text-color-default: var(--color-white);
      --link-border-color-default: var(--color-white);
      --link-bg-color-default: var(--color-sky);
      --link-text-color-hover: var(--color-coal);
      --link-border-color-hover: var(--color-aqua);
      --link-bg-color-hover: var(--color-sky);
      --link-text-color-active: var(--color-coal);
      --link-border-color-active: var(--color-aqua);
      --link-bg-color-active: var(--color-sky);
      --link-shy-text-color-default: var(--color-white);
      --link-shy-border-color-default: var(--color-transparent);
      --link-shy-bg-color-default: var(--color-sky);
      --link-shy-text-color-hover: var(--color-coal);
      --link-shy-border-color-hover: var(--color-aqua);
      --link-shy-bg-color-hover: var(--color-sky);
      --p-btn-v1-text-default: var(--color-coal);
      --p-btn-v1-border-default: var(--color-aqua);
      --p-btn-v1-bg-default: var(--color-hhc-orange);
      --p-btn-v1-text-hover: var(--color-white);
      --p-btn-v1-border-hover: var(--color-pink);
      --p-btn-v1-bg-hover: var(--color-pink);
      --p-btn-v1-text-active: var(--color-coal);
      --p-btn-v1-border-active: var(--color-white);
      --p-btn-v1-bg-active: var(--color-white);
      --p-btn-v1-text-disabled: var(--color-coal);
      --p-btn-v1-border-disabled: var(--color-aqua);
      --p-btn-v1-bg-disabled: var(--color-aqua);
      --p-btn-v2-text-default: var(--color-white);
      --p-btn-v2-border-default: var(--color-white);
      --p-btn-v2-bg-default: var(--color-transparent);
      --p-btn-v2-text-hover: var(--color-white);
      --p-btn-v2-border-hover: var(--color-pink);
      --p-btn-v2-bg-hover: var(--color-pink);
      --p-btn-v2-text-active: var(--color-coal);
      --p-btn-v2-border-active: var(--color-white);
      --p-btn-v2-bg-active: var(--color-white);
      --p-btn-v2-text-disabled: var(--color-white);
      --p-btn-v2-border-disabled: var(--color-white);
      --p-btn-v2-bg-disabled: var(--color-transparent);
      --p-btn-v1-media-text-default: var(--color-white);
      --p-btn-v1-media-border-default: var(--color-coal);
      --p-btn-v1-media-bg-default: var(--color-coal);
      --p-btn-v1-media-text-hover: var(--color-white);
      --p-btn-v1-media-border-hover: var(--color-pink);
      --p-btn-v1-media-bg-hover: var(--color-pink);
      --p-btn-v1-media-text-active: var(--color-white);
      --p-btn-v1-media-border-active: var(--color-pink);
      --p-btn-v1-media-bg-active: var(--color-pink);
      --p-btn-v1-media-text-disabled: var(--color-white-48);
      --p-btn-v1-media-border-disabled: var(--color-coal);
      --p-btn-v1-media-bg-disabled: var(--color-coal);
      --field-text-color-default: var(--color-stone-48);
      --field-border-color-default: var(--color-transparent);
      --field-bg-color-default: var(--color-white);
      --field-text-color-value: var(--color-coal);
      --field-border-color-value: var(--color-transparent);
      --field-bg-color-value: var(--color-white);
      --field-text-color-hover: var(--color-coal);
      --field-border-color-hover: var(--color-coal);
      --field-bg-color-hover: var(--color-white);
      --field-text-color-focus: var(--color-coal);
      --field-border-color-focus: var(--color-aqua);
      --field-bg-color-focus: var(--color-white);
      --field-text-color-error: var(--color-coal);
      --field-border-color-error: var(--color-crimson);
      --field-bg-color-error: var(--color-white);
      --field-text-color-disabled: var(--color-stone-48);
      --field-border-color-disabled: var(--color-white-16);
      --field-bg-color-disabled: var(--color-transparent);
      --toggle-input-icon-color-default: var(--color-stone-48);
      --toggle-input-border-color-default: var(--color-concrete);
      --toggle-input-bg-color-default: var(--color-white);
      --toggle-input-icon-color-value: var(--color-coal);
      --toggle-input-border-color-value: var(--color-concrete);
      --toggle-input-bg-color-value: var(--color-white);
      --toggle-input-icon-color-hover: var(--color-coal);
      --toggle-input-border-color-hover: var(--color-aqua);
      --toggle-input-bg-color-hover: var(--color-white);
      --toggle-input-icon-color-focus: var(--color-coal);
      --toggle-input-border-color-focus: var(--color-aqua);
      --toggle-input-bg-color-focus: var(--color-white);
      --toggle-input-icon-color-disabled: var(--color-stone-48);
      --toggle-input-border-color-disabled: var(--color-concrete);
      --toggle-input-bg-color-disabled: var(--color-transparent);
      --tag-text-color-default: var(--color-coal);
      --tag-border-color-default: var(--color-transparent);
      --tag-bg-color-default: var(--color-sky);
      --tag-text-color-hover: var(--color-white);
      --tag-border-color-hover: var(--color-transparent);
      --tag-bg-color-hover: var(--color-pink);
      --p-tab-text-default: var(--color-coal);
      --p-tab-border-default: var(--color-transparent);
      --p-tab-bg-default: var(--color-transparent);
      --p-tab-text-hover: var(--color-coal);
      --p-tab-border-hover: var(--color-transparent);
      --p-tab-bg-hover: var(--color-aqua);
      --p-tab-text-active: var(--color-white);
      --p-tab-border-active: var(--color-transparent);
      --p-tab-bg-active: var(--color-coal);
      --p-tab-text-disabled: var(--color-stone-48);
      --p-tab-border-disabled: var(--color-transparent);
      --p-tab-bg-disabled: var(--color-transparent);
      --p-pagination-active: var(--color-white);
      --p-pagination-inactive: var(--color-white-48);
      --p-nav-dropdown-bg: var(--color-white);
    }
  }
  :root:where(:has([data-palette-dynamic="2"])) {
    --p-bg: var(--color-sand);
    --p-inset-bg: var(--color-white);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-coal);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-sky);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-sky);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-coal-16);
    --p-line-alt: var(--color-coal);
    --p-icon: var(--color-coal);
    --p-icon-alt: var(--color-white);
    --p-image-bg: var(--color-coal-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-coal);
    --link-bg-color-default: var(--color-sky);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-sky);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-coal);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-sky);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-sky);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-white);
    --p-btn-v1-border-active: var(--color-night);
    --p-btn-v1-bg-active: var(--color-night);
    --p-btn-v1-text-disabled: var(--color-white);
    --p-btn-v1-border-disabled: var(--color-ocean);
    --p-btn-v1-bg-disabled: var(--color-ocean);
    --p-btn-v2-text-default: var(--color-coal);
    --p-btn-v2-border-default: var(--color-coal);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-white);
    --p-btn-v2-border-active: var(--color-coal);
    --p-btn-v2-bg-active: var(--color-night);
    --p-btn-v2-text-disabled: var(--color-coal);
    --p-btn-v2-border-disabled: var(--color-coal);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-coal-16);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-coal);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-coal-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-white);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
  }
  @media (prefers-color-scheme: dark) {
    :root:where(:has([data-palette-dynamic="2"])) :root:not([data-palette-mode]) {
      --p-bg: var(--color-carbon);
      --p-inset-bg: var(--color-ocean);
      --p-overlay-bg: var(--color-night-40);
      --p-text: var(--color-white);
      --p-list-marker-1: var(--color-hhc-orange);
      --p-list-marker-2: var(--color-white);
      --p-list-marker-3: var(--color-white);
      --p-selection-bg: var(--color-orange);
      --p-selection-text: var(--color-coal);
      --p-highlight-bg: var(--color-aqua);
      --p-highlight-text: var(--color-coal);
      --p-lowlight-bg: var(--color-night);
      --p-lowlight-text: var(--color-white);
      --p-caption: var(--color-white);
      --p-error: var(--color-cherry);
      --p-accent-1: var(--color-aqua);
      --p-accent-2: var(--color-white);
      --p-accent-3: var(--color-orange);
      --p-accent-4: var(--color-crimson);
      --p-accent-5: var(--color-pink);
      --p-line: var(--color-white-16);
      --p-line-alt: var(--color-white);
      --p-icon: var(--color-white);
      --p-icon-alt: var(--color-ocean);
      --p-image-bg: var(--color-white-5);
      --link-text-color-default: var(--color-white);
      --link-border-color-default: var(--color-white);
      --link-bg-color-default: var(--color-sky);
      --link-text-color-hover: var(--color-coal);
      --link-border-color-hover: var(--color-aqua);
      --link-bg-color-hover: var(--color-sky);
      --link-text-color-active: var(--color-coal);
      --link-border-color-active: var(--color-aqua);
      --link-bg-color-active: var(--color-sky);
      --link-shy-text-color-default: var(--color-white);
      --link-shy-border-color-default: var(--color-transparent);
      --link-shy-bg-color-default: var(--color-sky);
      --link-shy-text-color-hover: var(--color-coal);
      --link-shy-border-color-hover: var(--color-aqua);
      --link-shy-bg-color-hover: var(--color-sky);
      --p-btn-v1-text-default: var(--color-coal);
      --p-btn-v1-border-default: var(--color-aqua);
      --p-btn-v1-bg-default: var(--color-hhc-orange);
      --p-btn-v1-text-hover: var(--color-white);
      --p-btn-v1-border-hover: var(--color-pink);
      --p-btn-v1-bg-hover: var(--color-pink);
      --p-btn-v1-text-active: var(--color-coal);
      --p-btn-v1-border-active: var(--color-white);
      --p-btn-v1-bg-active: var(--color-white);
      --p-btn-v1-text-disabled: var(--color-coal);
      --p-btn-v1-border-disabled: var(--color-aqua);
      --p-btn-v1-bg-disabled: var(--color-aqua);
      --p-btn-v2-text-default: var(--color-white);
      --p-btn-v2-border-default: var(--color-white);
      --p-btn-v2-bg-default: var(--color-transparent);
      --p-btn-v2-text-hover: var(--color-white);
      --p-btn-v2-border-hover: var(--color-pink);
      --p-btn-v2-bg-hover: var(--color-pink);
      --p-btn-v2-text-active: var(--color-coal);
      --p-btn-v2-border-active: var(--color-white);
      --p-btn-v2-bg-active: var(--color-white);
      --p-btn-v2-text-disabled: var(--color-white);
      --p-btn-v2-border-disabled: var(--color-white);
      --p-btn-v2-bg-disabled: var(--color-transparent);
      --p-btn-v1-media-text-default: var(--color-white);
      --p-btn-v1-media-border-default: var(--color-coal);
      --p-btn-v1-media-bg-default: var(--color-coal);
      --p-btn-v1-media-text-hover: var(--color-white);
      --p-btn-v1-media-border-hover: var(--color-pink);
      --p-btn-v1-media-bg-hover: var(--color-pink);
      --p-btn-v1-media-text-active: var(--color-white);
      --p-btn-v1-media-border-active: var(--color-pink);
      --p-btn-v1-media-bg-active: var(--color-pink);
      --p-btn-v1-media-text-disabled: var(--color-white-48);
      --p-btn-v1-media-border-disabled: var(--color-coal);
      --p-btn-v1-media-bg-disabled: var(--color-coal);
      --field-text-color-default: var(--color-stone-48);
      --field-border-color-default: var(--color-transparent);
      --field-bg-color-default: var(--color-white);
      --field-text-color-value: var(--color-coal);
      --field-border-color-value: var(--color-transparent);
      --field-bg-color-value: var(--color-white);
      --field-text-color-hover: var(--color-coal);
      --field-border-color-hover: var(--color-coal);
      --field-bg-color-hover: var(--color-white);
      --field-text-color-focus: var(--color-coal);
      --field-border-color-focus: var(--color-aqua);
      --field-bg-color-focus: var(--color-white);
      --field-text-color-error: var(--color-coal);
      --field-border-color-error: var(--color-crimson);
      --field-bg-color-error: var(--color-white);
      --field-text-color-disabled: var(--color-stone-48);
      --field-border-color-disabled: var(--color-white-16);
      --field-bg-color-disabled: var(--color-transparent);
      --toggle-input-icon-color-default: var(--color-stone-48);
      --toggle-input-border-color-default: var(--color-concrete);
      --toggle-input-bg-color-default: var(--color-white);
      --toggle-input-icon-color-value: var(--color-coal);
      --toggle-input-border-color-value: var(--color-concrete);
      --toggle-input-bg-color-value: var(--color-white);
      --toggle-input-icon-color-hover: var(--color-coal);
      --toggle-input-border-color-hover: var(--color-aqua);
      --toggle-input-bg-color-hover: var(--color-white);
      --toggle-input-icon-color-focus: var(--color-coal);
      --toggle-input-border-color-focus: var(--color-aqua);
      --toggle-input-bg-color-focus: var(--color-white);
      --toggle-input-icon-color-disabled: var(--color-stone-48);
      --toggle-input-border-color-disabled: var(--color-concrete);
      --toggle-input-bg-color-disabled: var(--color-transparent);
      --tag-text-color-default: var(--color-coal);
      --tag-border-color-default: var(--color-transparent);
      --tag-bg-color-default: var(--color-sky);
      --tag-text-color-hover: var(--color-white);
      --tag-border-color-hover: var(--color-transparent);
      --tag-bg-color-hover: var(--color-pink);
      --p-tab-text-default: var(--color-coal);
      --p-tab-border-default: var(--color-transparent);
      --p-tab-bg-default: var(--color-transparent);
      --p-tab-text-hover: var(--color-coal);
      --p-tab-border-hover: var(--color-transparent);
      --p-tab-bg-hover: var(--color-aqua);
      --p-tab-text-active: var(--color-white);
      --p-tab-border-active: var(--color-transparent);
      --p-tab-bg-active: var(--color-coal);
      --p-tab-text-disabled: var(--color-stone-48);
      --p-tab-border-disabled: var(--color-transparent);
      --p-tab-bg-disabled: var(--color-transparent);
      --p-pagination-active: var(--color-white);
      --p-pagination-inactive: var(--color-white-48);
      --p-nav-dropdown-bg: var(--color-white);
    }
  }
  :root:where(:has([data-palette-dynamic="3"])) {
    --p-bg: var(--color-sky);
    --p-inset-bg: var(--color-white);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-coal);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-white);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-white);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-coal-16);
    --p-line-alt: var(--color-coal);
    --p-icon: var(--color-coal);
    --p-icon-alt: var(--color-white);
    --p-image-bg: var(--color-coal-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-coal);
    --link-bg-color-default: var(--color-white);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-white);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-coal);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-white);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-white);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-white);
    --p-btn-v1-border-active: var(--color-night);
    --p-btn-v1-bg-active: var(--color-night);
    --p-btn-v1-text-disabled: var(--color-white);
    --p-btn-v1-border-disabled: var(--color-ocean);
    --p-btn-v1-bg-disabled: var(--color-ocean);
    --p-btn-v2-text-default: var(--color-coal);
    --p-btn-v2-border-default: var(--color-coal);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-white);
    --p-btn-v2-border-active: var(--color-coal);
    --p-btn-v2-bg-active: var(--color-night);
    --p-btn-v2-text-disabled: var(--color-coal);
    --p-btn-v2-border-disabled: var(--color-coal);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-coal-16);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-coal);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-coal-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-white);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
  }
  @media (prefers-color-scheme: dark) {
    :root:where(:has([data-palette-dynamic="3"])) :root:not([data-palette-mode]) {
      --p-bg: var(--color-ocean);
      --p-inset-bg: var(--color-coal);
      --p-overlay-bg: var(--color-night-40);
      --p-text: var(--color-white);
      --p-list-marker-1: var(--color-hhc-orange);
      --p-list-marker-2: var(--color-white);
      --p-list-marker-3: var(--color-white);
      --p-selection-bg: var(--color-orange);
      --p-selection-text: var(--color-coal);
      --p-highlight-bg: var(--color-sky);
      --p-highlight-text: var(--color-coal);
      --p-lowlight-bg: var(--color-night);
      --p-lowlight-text: var(--color-white);
      --p-caption: var(--color-white);
      --p-error: var(--color-cherry);
      --p-accent-1: var(--color-aqua);
      --p-accent-2: var(--color-white);
      --p-accent-3: var(--color-orange);
      --p-accent-4: var(--color-crimson);
      --p-accent-5: var(--color-pink);
      --p-line: var(--color-white-16);
      --p-line-alt: var(--color-white);
      --p-icon: var(--color-white);
      --p-icon-alt: var(--color-coal);
      --p-image-bg: var(--color-coal-5);
      --link-text-color-default: var(--color-white);
      --link-border-color-default: var(--color-white);
      --link-bg-color-default: var(--color-sky);
      --link-text-color-hover: var(--color-coal);
      --link-border-color-hover: var(--color-aqua);
      --link-bg-color-hover: var(--color-sky);
      --link-text-color-active: var(--color-coal);
      --link-border-color-active: var(--color-aqua);
      --link-bg-color-active: var(--color-sky);
      --link-shy-text-color-default: var(--color-white);
      --link-shy-border-color-default: var(--color-transparent);
      --link-shy-bg-color-default: var(--color-sky);
      --link-shy-text-color-hover: var(--color-coal);
      --link-shy-border-color-hover: var(--color-aqua);
      --link-shy-bg-color-hover: var(--color-sky);
      --p-btn-v1-text-default: var(--color-coal);
      --p-btn-v1-border-default: var(--color-aqua);
      --p-btn-v1-bg-default: var(--color-hhc-orange);
      --p-btn-v1-text-hover: var(--color-white);
      --p-btn-v1-border-hover: var(--color-pink);
      --p-btn-v1-bg-hover: var(--color-pink);
      --p-btn-v1-text-active: var(--color-coal);
      --p-btn-v1-border-active: var(--color-white);
      --p-btn-v1-bg-active: var(--color-white);
      --p-btn-v1-text-disabled: var(--color-coal);
      --p-btn-v1-border-disabled: var(--color-aqua);
      --p-btn-v1-bg-disabled: var(--color-aqua);
      --p-btn-v2-text-default: var(--color-white);
      --p-btn-v2-border-default: var(--color-white);
      --p-btn-v2-bg-default: var(--color-transparent);
      --p-btn-v2-text-hover: var(--color-white);
      --p-btn-v2-border-hover: var(--color-pink);
      --p-btn-v2-bg-hover: var(--color-pink);
      --p-btn-v2-text-active: var(--color-coal);
      --p-btn-v2-border-active: var(--color-white);
      --p-btn-v2-bg-active: var(--color-white);
      --p-btn-v2-text-disabled: var(--color-white);
      --p-btn-v2-border-disabled: var(--color-white);
      --p-btn-v2-bg-disabled: var(--color-transparent);
      --p-btn-v1-media-text-default: var(--color-white);
      --p-btn-v1-media-border-default: var(--color-coal);
      --p-btn-v1-media-bg-default: var(--color-coal);
      --p-btn-v1-media-text-hover: var(--color-white);
      --p-btn-v1-media-border-hover: var(--color-pink);
      --p-btn-v1-media-bg-hover: var(--color-pink);
      --p-btn-v1-media-text-active: var(--color-white);
      --p-btn-v1-media-border-active: var(--color-pink);
      --p-btn-v1-media-bg-active: var(--color-pink);
      --p-btn-v1-media-text-disabled: var(--color-white-48);
      --p-btn-v1-media-border-disabled: var(--color-coal);
      --p-btn-v1-media-bg-disabled: var(--color-coal);
      --field-text-color-default: var(--color-stone-48);
      --field-border-color-default: var(--color-transparent);
      --field-bg-color-default: var(--color-white);
      --field-text-color-value: var(--color-coal);
      --field-border-color-value: var(--color-transparent);
      --field-bg-color-value: var(--color-white);
      --field-text-color-hover: var(--color-coal);
      --field-border-color-hover: var(--color-coal);
      --field-bg-color-hover: var(--color-white);
      --field-text-color-focus: var(--color-coal);
      --field-border-color-focus: var(--color-aqua);
      --field-bg-color-focus: var(--color-white);
      --field-text-color-error: var(--color-coal);
      --field-border-color-error: var(--color-crimson);
      --field-bg-color-error: var(--color-white);
      --field-text-color-disabled: var(--color-stone-48);
      --field-border-color-disabled: var(--color-white-16);
      --field-bg-color-disabled: var(--color-transparent);
      --toggle-input-icon-color-default: var(--color-stone-48);
      --toggle-input-border-color-default: var(--color-concrete);
      --toggle-input-bg-color-default: var(--color-white);
      --toggle-input-icon-color-value: var(--color-coal);
      --toggle-input-border-color-value: var(--color-concrete);
      --toggle-input-bg-color-value: var(--color-white);
      --toggle-input-icon-color-hover: var(--color-coal);
      --toggle-input-border-color-hover: var(--color-aqua);
      --toggle-input-bg-color-hover: var(--color-white);
      --toggle-input-icon-color-focus: var(--color-coal);
      --toggle-input-border-color-focus: var(--color-aqua);
      --toggle-input-bg-color-focus: var(--color-white);
      --toggle-input-icon-color-disabled: var(--color-stone-48);
      --toggle-input-border-color-disabled: var(--color-concrete);
      --toggle-input-bg-color-disabled: var(--color-transparent);
      --tag-text-color-default: var(--color-coal);
      --tag-border-color-default: var(--color-transparent);
      --tag-bg-color-default: var(--color-sky);
      --tag-text-color-hover: var(--color-white);
      --tag-border-color-hover: var(--color-transparent);
      --tag-bg-color-hover: var(--color-pink);
      --p-tab-text-default: var(--color-coal);
      --p-tab-border-default: var(--color-transparent);
      --p-tab-bg-default: var(--color-transparent);
      --p-tab-text-hover: var(--color-coal);
      --p-tab-border-hover: var(--color-transparent);
      --p-tab-bg-hover: var(--color-aqua);
      --p-tab-text-active: var(--color-white);
      --p-tab-border-active: var(--color-transparent);
      --p-tab-bg-active: var(--color-coal);
      --p-tab-text-disabled: var(--color-stone-48);
      --p-tab-border-disabled: var(--color-transparent);
      --p-tab-bg-disabled: var(--color-transparent);
      --p-pagination-active: var(--color-white);
      --p-pagination-inactive: var(--color-white-48);
      --p-nav-dropdown-bg: var(--color-white);
    }
  }
  :root:where(:has([data-palette-dynamic="4"])) {
    --p-bg: var(--color-ocean);
    --p-inset-bg: var(--color-coal);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-white);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-sky);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-white);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-white-16);
    --p-line-alt: var(--color-white);
    --p-icon: var(--color-white);
    --p-icon-alt: var(--color-coal);
    --p-image-bg: var(--color-coal-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-white);
    --link-bg-color-default: var(--color-sky);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-sky);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-white);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-sky);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-sky);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-coal);
    --p-btn-v1-border-active: var(--color-white);
    --p-btn-v1-bg-active: var(--color-white);
    --p-btn-v1-text-disabled: var(--color-coal);
    --p-btn-v1-border-disabled: var(--color-aqua);
    --p-btn-v1-bg-disabled: var(--color-aqua);
    --p-btn-v2-text-default: var(--color-white);
    --p-btn-v2-border-default: var(--color-white);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-coal);
    --p-btn-v2-border-active: var(--color-white);
    --p-btn-v2-bg-active: var(--color-white);
    --p-btn-v2-text-disabled: var(--color-white);
    --p-btn-v2-border-disabled: var(--color-white);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-transparent);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-transparent);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-white-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-sky);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
  }
  :root:where(:has([data-palette-dynamic="5"])) {
    --p-bg: var(--color-night);
    --p-inset-bg: var(--color-ocean);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-white);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-aqua);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-white);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-white-16);
    --p-line-alt: var(--color-white);
    --p-icon: var(--color-white);
    --p-icon-alt: var(--color-ocean);
    --p-image-bg: var(--color-white-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-white);
    --link-bg-color-default: var(--color-sky);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-sky);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-white);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-sky);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-sky);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-coal);
    --p-btn-v1-border-active: var(--color-white);
    --p-btn-v1-bg-active: var(--color-white);
    --p-btn-v1-text-disabled: var(--color-coal);
    --p-btn-v1-border-disabled: var(--color-aqua);
    --p-btn-v1-bg-disabled: var(--color-aqua);
    --p-btn-v2-text-default: var(--color-white);
    --p-btn-v2-border-default: var(--color-white);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-coal);
    --p-btn-v2-border-active: var(--color-white);
    --p-btn-v2-bg-active: var(--color-white);
    --p-btn-v2-text-disabled: var(--color-white);
    --p-btn-v2-border-disabled: var(--color-white);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-transparent);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-transparent);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-white-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-sky);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
  }
  @media (prefers-color-scheme: dark) {
    :root[data-palette-mode=light]:where(:has([data-palette-static="1"])) :root:not([data-palette-mode]) {
      --p-bg: var(--color-night);
      --p-inset-bg: var(--color-ocean);
      --p-overlay-bg: var(--color-night-40);
      --p-text: var(--color-white);
      --p-list-marker-1: var(--color-hhc-orange);
      --p-list-marker-2: var(--color-white);
      --p-list-marker-3: var(--color-white);
      --p-selection-bg: var(--color-orange);
      --p-selection-text: var(--color-coal);
      --p-highlight-bg: var(--color-aqua);
      --p-highlight-text: var(--color-coal);
      --p-lowlight-bg: var(--color-night);
      --p-lowlight-text: var(--color-white);
      --p-caption: var(--color-white);
      --p-error: var(--color-cherry);
      --p-accent-1: var(--color-aqua);
      --p-accent-2: var(--color-white);
      --p-accent-3: var(--color-orange);
      --p-accent-4: var(--color-crimson);
      --p-accent-5: var(--color-pink);
      --p-line: var(--color-white-16);
      --p-line-alt: var(--color-white);
      --p-icon: var(--color-white);
      --p-icon-alt: var(--color-ocean);
      --p-image-bg: var(--color-white-5);
      --link-text-color-default: var(--color-white);
      --link-border-color-default: var(--color-white);
      --link-bg-color-default: var(--color-sky);
      --link-text-color-hover: var(--color-coal);
      --link-border-color-hover: var(--color-aqua);
      --link-bg-color-hover: var(--color-sky);
      --link-text-color-active: var(--color-coal);
      --link-border-color-active: var(--color-aqua);
      --link-bg-color-active: var(--color-sky);
      --link-shy-text-color-default: var(--color-white);
      --link-shy-border-color-default: var(--color-transparent);
      --link-shy-bg-color-default: var(--color-sky);
      --link-shy-text-color-hover: var(--color-coal);
      --link-shy-border-color-hover: var(--color-aqua);
      --link-shy-bg-color-hover: var(--color-sky);
      --p-btn-v1-text-default: var(--color-coal);
      --p-btn-v1-border-default: var(--color-aqua);
      --p-btn-v1-bg-default: var(--color-hhc-orange);
      --p-btn-v1-text-hover: var(--color-white);
      --p-btn-v1-border-hover: var(--color-pink);
      --p-btn-v1-bg-hover: var(--color-pink);
      --p-btn-v1-text-active: var(--color-coal);
      --p-btn-v1-border-active: var(--color-white);
      --p-btn-v1-bg-active: var(--color-white);
      --p-btn-v1-text-disabled: var(--color-coal);
      --p-btn-v1-border-disabled: var(--color-aqua);
      --p-btn-v1-bg-disabled: var(--color-aqua);
      --p-btn-v2-text-default: var(--color-white);
      --p-btn-v2-border-default: var(--color-white);
      --p-btn-v2-bg-default: var(--color-transparent);
      --p-btn-v2-text-hover: var(--color-white);
      --p-btn-v2-border-hover: var(--color-pink);
      --p-btn-v2-bg-hover: var(--color-pink);
      --p-btn-v2-text-active: var(--color-coal);
      --p-btn-v2-border-active: var(--color-white);
      --p-btn-v2-bg-active: var(--color-white);
      --p-btn-v2-text-disabled: var(--color-white);
      --p-btn-v2-border-disabled: var(--color-white);
      --p-btn-v2-bg-disabled: var(--color-transparent);
      --p-btn-v1-media-text-default: var(--color-white);
      --p-btn-v1-media-border-default: var(--color-coal);
      --p-btn-v1-media-bg-default: var(--color-coal);
      --p-btn-v1-media-text-hover: var(--color-white);
      --p-btn-v1-media-border-hover: var(--color-pink);
      --p-btn-v1-media-bg-hover: var(--color-pink);
      --p-btn-v1-media-text-active: var(--color-white);
      --p-btn-v1-media-border-active: var(--color-pink);
      --p-btn-v1-media-bg-active: var(--color-pink);
      --p-btn-v1-media-text-disabled: var(--color-white-48);
      --p-btn-v1-media-border-disabled: var(--color-coal);
      --p-btn-v1-media-bg-disabled: var(--color-coal);
      --field-text-color-default: var(--color-stone-48);
      --field-border-color-default: var(--color-transparent);
      --field-bg-color-default: var(--color-white);
      --field-text-color-value: var(--color-coal);
      --field-border-color-value: var(--color-transparent);
      --field-bg-color-value: var(--color-white);
      --field-text-color-hover: var(--color-coal);
      --field-border-color-hover: var(--color-coal);
      --field-bg-color-hover: var(--color-white);
      --field-text-color-focus: var(--color-coal);
      --field-border-color-focus: var(--color-aqua);
      --field-bg-color-focus: var(--color-white);
      --field-text-color-error: var(--color-coal);
      --field-border-color-error: var(--color-crimson);
      --field-bg-color-error: var(--color-white);
      --field-text-color-disabled: var(--color-stone-48);
      --field-border-color-disabled: var(--color-white-16);
      --field-bg-color-disabled: var(--color-transparent);
      --toggle-input-icon-color-default: var(--color-stone-48);
      --toggle-input-border-color-default: var(--color-concrete);
      --toggle-input-bg-color-default: var(--color-white);
      --toggle-input-icon-color-value: var(--color-coal);
      --toggle-input-border-color-value: var(--color-concrete);
      --toggle-input-bg-color-value: var(--color-white);
      --toggle-input-icon-color-hover: var(--color-coal);
      --toggle-input-border-color-hover: var(--color-aqua);
      --toggle-input-bg-color-hover: var(--color-white);
      --toggle-input-icon-color-focus: var(--color-coal);
      --toggle-input-border-color-focus: var(--color-aqua);
      --toggle-input-bg-color-focus: var(--color-white);
      --toggle-input-icon-color-disabled: var(--color-stone-48);
      --toggle-input-border-color-disabled: var(--color-concrete);
      --toggle-input-bg-color-disabled: var(--color-transparent);
      --tag-text-color-default: var(--color-coal);
      --tag-border-color-default: var(--color-transparent);
      --tag-bg-color-default: var(--color-sky);
      --tag-text-color-hover: var(--color-white);
      --tag-border-color-hover: var(--color-transparent);
      --tag-bg-color-hover: var(--color-pink);
      --p-tab-text-default: var(--color-coal);
      --p-tab-border-default: var(--color-transparent);
      --p-tab-bg-default: var(--color-transparent);
      --p-tab-text-hover: var(--color-coal);
      --p-tab-border-hover: var(--color-transparent);
      --p-tab-bg-hover: var(--color-aqua);
      --p-tab-text-active: var(--color-white);
      --p-tab-border-active: var(--color-transparent);
      --p-tab-bg-active: var(--color-coal);
      --p-tab-text-disabled: var(--color-stone-48);
      --p-tab-border-disabled: var(--color-transparent);
      --p-tab-bg-disabled: var(--color-transparent);
      --p-pagination-active: var(--color-white);
      --p-pagination-inactive: var(--color-white-48);
      --p-nav-dropdown-bg: var(--color-white);
    }
    :root[data-palette-mode=light]:where(:has([data-palette-static="2"])) :root:not([data-palette-mode]) {
      --p-bg: var(--color-carbon);
      --p-inset-bg: var(--color-ocean);
      --p-overlay-bg: var(--color-night-40);
      --p-text: var(--color-white);
      --p-list-marker-1: var(--color-hhc-orange);
      --p-list-marker-2: var(--color-white);
      --p-list-marker-3: var(--color-white);
      --p-selection-bg: var(--color-orange);
      --p-selection-text: var(--color-coal);
      --p-highlight-bg: var(--color-aqua);
      --p-highlight-text: var(--color-coal);
      --p-lowlight-bg: var(--color-night);
      --p-lowlight-text: var(--color-white);
      --p-caption: var(--color-white);
      --p-error: var(--color-cherry);
      --p-accent-1: var(--color-aqua);
      --p-accent-2: var(--color-white);
      --p-accent-3: var(--color-orange);
      --p-accent-4: var(--color-crimson);
      --p-accent-5: var(--color-pink);
      --p-line: var(--color-white-16);
      --p-line-alt: var(--color-white);
      --p-icon: var(--color-white);
      --p-icon-alt: var(--color-ocean);
      --p-image-bg: var(--color-white-5);
      --link-text-color-default: var(--color-white);
      --link-border-color-default: var(--color-white);
      --link-bg-color-default: var(--color-sky);
      --link-text-color-hover: var(--color-coal);
      --link-border-color-hover: var(--color-aqua);
      --link-bg-color-hover: var(--color-sky);
      --link-text-color-active: var(--color-coal);
      --link-border-color-active: var(--color-aqua);
      --link-bg-color-active: var(--color-sky);
      --link-shy-text-color-default: var(--color-white);
      --link-shy-border-color-default: var(--color-transparent);
      --link-shy-bg-color-default: var(--color-sky);
      --link-shy-text-color-hover: var(--color-coal);
      --link-shy-border-color-hover: var(--color-aqua);
      --link-shy-bg-color-hover: var(--color-sky);
      --p-btn-v1-text-default: var(--color-coal);
      --p-btn-v1-border-default: var(--color-aqua);
      --p-btn-v1-bg-default: var(--color-hhc-orange);
      --p-btn-v1-text-hover: var(--color-white);
      --p-btn-v1-border-hover: var(--color-pink);
      --p-btn-v1-bg-hover: var(--color-pink);
      --p-btn-v1-text-active: var(--color-coal);
      --p-btn-v1-border-active: var(--color-white);
      --p-btn-v1-bg-active: var(--color-white);
      --p-btn-v1-text-disabled: var(--color-coal);
      --p-btn-v1-border-disabled: var(--color-aqua);
      --p-btn-v1-bg-disabled: var(--color-aqua);
      --p-btn-v2-text-default: var(--color-white);
      --p-btn-v2-border-default: var(--color-white);
      --p-btn-v2-bg-default: var(--color-transparent);
      --p-btn-v2-text-hover: var(--color-white);
      --p-btn-v2-border-hover: var(--color-pink);
      --p-btn-v2-bg-hover: var(--color-pink);
      --p-btn-v2-text-active: var(--color-coal);
      --p-btn-v2-border-active: var(--color-white);
      --p-btn-v2-bg-active: var(--color-white);
      --p-btn-v2-text-disabled: var(--color-white);
      --p-btn-v2-border-disabled: var(--color-white);
      --p-btn-v2-bg-disabled: var(--color-transparent);
      --p-btn-v1-media-text-default: var(--color-white);
      --p-btn-v1-media-border-default: var(--color-coal);
      --p-btn-v1-media-bg-default: var(--color-coal);
      --p-btn-v1-media-text-hover: var(--color-white);
      --p-btn-v1-media-border-hover: var(--color-pink);
      --p-btn-v1-media-bg-hover: var(--color-pink);
      --p-btn-v1-media-text-active: var(--color-white);
      --p-btn-v1-media-border-active: var(--color-pink);
      --p-btn-v1-media-bg-active: var(--color-pink);
      --p-btn-v1-media-text-disabled: var(--color-white-48);
      --p-btn-v1-media-border-disabled: var(--color-coal);
      --p-btn-v1-media-bg-disabled: var(--color-coal);
      --field-text-color-default: var(--color-stone-48);
      --field-border-color-default: var(--color-transparent);
      --field-bg-color-default: var(--color-white);
      --field-text-color-value: var(--color-coal);
      --field-border-color-value: var(--color-transparent);
      --field-bg-color-value: var(--color-white);
      --field-text-color-hover: var(--color-coal);
      --field-border-color-hover: var(--color-coal);
      --field-bg-color-hover: var(--color-white);
      --field-text-color-focus: var(--color-coal);
      --field-border-color-focus: var(--color-aqua);
      --field-bg-color-focus: var(--color-white);
      --field-text-color-error: var(--color-coal);
      --field-border-color-error: var(--color-crimson);
      --field-bg-color-error: var(--color-white);
      --field-text-color-disabled: var(--color-stone-48);
      --field-border-color-disabled: var(--color-white-16);
      --field-bg-color-disabled: var(--color-transparent);
      --toggle-input-icon-color-default: var(--color-stone-48);
      --toggle-input-border-color-default: var(--color-concrete);
      --toggle-input-bg-color-default: var(--color-white);
      --toggle-input-icon-color-value: var(--color-coal);
      --toggle-input-border-color-value: var(--color-concrete);
      --toggle-input-bg-color-value: var(--color-white);
      --toggle-input-icon-color-hover: var(--color-coal);
      --toggle-input-border-color-hover: var(--color-aqua);
      --toggle-input-bg-color-hover: var(--color-white);
      --toggle-input-icon-color-focus: var(--color-coal);
      --toggle-input-border-color-focus: var(--color-aqua);
      --toggle-input-bg-color-focus: var(--color-white);
      --toggle-input-icon-color-disabled: var(--color-stone-48);
      --toggle-input-border-color-disabled: var(--color-concrete);
      --toggle-input-bg-color-disabled: var(--color-transparent);
      --tag-text-color-default: var(--color-coal);
      --tag-border-color-default: var(--color-transparent);
      --tag-bg-color-default: var(--color-sky);
      --tag-text-color-hover: var(--color-white);
      --tag-border-color-hover: var(--color-transparent);
      --tag-bg-color-hover: var(--color-pink);
      --p-tab-text-default: var(--color-coal);
      --p-tab-border-default: var(--color-transparent);
      --p-tab-bg-default: var(--color-transparent);
      --p-tab-text-hover: var(--color-coal);
      --p-tab-border-hover: var(--color-transparent);
      --p-tab-bg-hover: var(--color-aqua);
      --p-tab-text-active: var(--color-white);
      --p-tab-border-active: var(--color-transparent);
      --p-tab-bg-active: var(--color-coal);
      --p-tab-text-disabled: var(--color-stone-48);
      --p-tab-border-disabled: var(--color-transparent);
      --p-tab-bg-disabled: var(--color-transparent);
      --p-pagination-active: var(--color-white);
      --p-pagination-inactive: var(--color-white-48);
      --p-nav-dropdown-bg: var(--color-white);
    }
    :root[data-palette-mode=light]:where(:has([data-palette-static="3"])) :root:not([data-palette-mode]) {
      --p-bg: var(--color-ocean);
      --p-inset-bg: var(--color-coal);
      --p-overlay-bg: var(--color-night-40);
      --p-text: var(--color-white);
      --p-list-marker-1: var(--color-hhc-orange);
      --p-list-marker-2: var(--color-white);
      --p-list-marker-3: var(--color-white);
      --p-selection-bg: var(--color-orange);
      --p-selection-text: var(--color-coal);
      --p-highlight-bg: var(--color-sky);
      --p-highlight-text: var(--color-coal);
      --p-lowlight-bg: var(--color-night);
      --p-lowlight-text: var(--color-white);
      --p-caption: var(--color-white);
      --p-error: var(--color-cherry);
      --p-accent-1: var(--color-aqua);
      --p-accent-2: var(--color-white);
      --p-accent-3: var(--color-orange);
      --p-accent-4: var(--color-crimson);
      --p-accent-5: var(--color-pink);
      --p-line: var(--color-white-16);
      --p-line-alt: var(--color-white);
      --p-icon: var(--color-white);
      --p-icon-alt: var(--color-coal);
      --p-image-bg: var(--color-coal-5);
      --link-text-color-default: var(--color-white);
      --link-border-color-default: var(--color-white);
      --link-bg-color-default: var(--color-sky);
      --link-text-color-hover: var(--color-coal);
      --link-border-color-hover: var(--color-aqua);
      --link-bg-color-hover: var(--color-sky);
      --link-text-color-active: var(--color-coal);
      --link-border-color-active: var(--color-aqua);
      --link-bg-color-active: var(--color-sky);
      --link-shy-text-color-default: var(--color-white);
      --link-shy-border-color-default: var(--color-transparent);
      --link-shy-bg-color-default: var(--color-sky);
      --link-shy-text-color-hover: var(--color-coal);
      --link-shy-border-color-hover: var(--color-aqua);
      --link-shy-bg-color-hover: var(--color-sky);
      --p-btn-v1-text-default: var(--color-coal);
      --p-btn-v1-border-default: var(--color-aqua);
      --p-btn-v1-bg-default: var(--color-hhc-orange);
      --p-btn-v1-text-hover: var(--color-white);
      --p-btn-v1-border-hover: var(--color-pink);
      --p-btn-v1-bg-hover: var(--color-pink);
      --p-btn-v1-text-active: var(--color-coal);
      --p-btn-v1-border-active: var(--color-white);
      --p-btn-v1-bg-active: var(--color-white);
      --p-btn-v1-text-disabled: var(--color-coal);
      --p-btn-v1-border-disabled: var(--color-aqua);
      --p-btn-v1-bg-disabled: var(--color-aqua);
      --p-btn-v2-text-default: var(--color-white);
      --p-btn-v2-border-default: var(--color-white);
      --p-btn-v2-bg-default: var(--color-transparent);
      --p-btn-v2-text-hover: var(--color-white);
      --p-btn-v2-border-hover: var(--color-pink);
      --p-btn-v2-bg-hover: var(--color-pink);
      --p-btn-v2-text-active: var(--color-coal);
      --p-btn-v2-border-active: var(--color-white);
      --p-btn-v2-bg-active: var(--color-white);
      --p-btn-v2-text-disabled: var(--color-white);
      --p-btn-v2-border-disabled: var(--color-white);
      --p-btn-v2-bg-disabled: var(--color-transparent);
      --p-btn-v1-media-text-default: var(--color-white);
      --p-btn-v1-media-border-default: var(--color-coal);
      --p-btn-v1-media-bg-default: var(--color-coal);
      --p-btn-v1-media-text-hover: var(--color-white);
      --p-btn-v1-media-border-hover: var(--color-pink);
      --p-btn-v1-media-bg-hover: var(--color-pink);
      --p-btn-v1-media-text-active: var(--color-white);
      --p-btn-v1-media-border-active: var(--color-pink);
      --p-btn-v1-media-bg-active: var(--color-pink);
      --p-btn-v1-media-text-disabled: var(--color-white-48);
      --p-btn-v1-media-border-disabled: var(--color-coal);
      --p-btn-v1-media-bg-disabled: var(--color-coal);
      --field-text-color-default: var(--color-stone-48);
      --field-border-color-default: var(--color-transparent);
      --field-bg-color-default: var(--color-white);
      --field-text-color-value: var(--color-coal);
      --field-border-color-value: var(--color-transparent);
      --field-bg-color-value: var(--color-white);
      --field-text-color-hover: var(--color-coal);
      --field-border-color-hover: var(--color-coal);
      --field-bg-color-hover: var(--color-white);
      --field-text-color-focus: var(--color-coal);
      --field-border-color-focus: var(--color-aqua);
      --field-bg-color-focus: var(--color-white);
      --field-text-color-error: var(--color-coal);
      --field-border-color-error: var(--color-crimson);
      --field-bg-color-error: var(--color-white);
      --field-text-color-disabled: var(--color-stone-48);
      --field-border-color-disabled: var(--color-white-16);
      --field-bg-color-disabled: var(--color-transparent);
      --toggle-input-icon-color-default: var(--color-stone-48);
      --toggle-input-border-color-default: var(--color-concrete);
      --toggle-input-bg-color-default: var(--color-white);
      --toggle-input-icon-color-value: var(--color-coal);
      --toggle-input-border-color-value: var(--color-concrete);
      --toggle-input-bg-color-value: var(--color-white);
      --toggle-input-icon-color-hover: var(--color-coal);
      --toggle-input-border-color-hover: var(--color-aqua);
      --toggle-input-bg-color-hover: var(--color-white);
      --toggle-input-icon-color-focus: var(--color-coal);
      --toggle-input-border-color-focus: var(--color-aqua);
      --toggle-input-bg-color-focus: var(--color-white);
      --toggle-input-icon-color-disabled: var(--color-stone-48);
      --toggle-input-border-color-disabled: var(--color-concrete);
      --toggle-input-bg-color-disabled: var(--color-transparent);
      --tag-text-color-default: var(--color-coal);
      --tag-border-color-default: var(--color-transparent);
      --tag-bg-color-default: var(--color-sky);
      --tag-text-color-hover: var(--color-white);
      --tag-border-color-hover: var(--color-transparent);
      --tag-bg-color-hover: var(--color-pink);
      --p-tab-text-default: var(--color-coal);
      --p-tab-border-default: var(--color-transparent);
      --p-tab-bg-default: var(--color-transparent);
      --p-tab-text-hover: var(--color-coal);
      --p-tab-border-hover: var(--color-transparent);
      --p-tab-bg-hover: var(--color-aqua);
      --p-tab-text-active: var(--color-white);
      --p-tab-border-active: var(--color-transparent);
      --p-tab-bg-active: var(--color-coal);
      --p-tab-text-disabled: var(--color-stone-48);
      --p-tab-border-disabled: var(--color-transparent);
      --p-tab-bg-disabled: var(--color-transparent);
      --p-pagination-active: var(--color-white);
      --p-pagination-inactive: var(--color-white-48);
      --p-nav-dropdown-bg: var(--color-white);
    }
    :root[data-palette-mode=light]:where(:has([data-palette-dynamic="1"])) :root:not([data-palette-mode]) {
      --p-bg: var(--color-night);
      --p-inset-bg: var(--color-ocean);
      --p-overlay-bg: var(--color-night-40);
      --p-text: var(--color-white);
      --p-list-marker-1: var(--color-hhc-orange);
      --p-list-marker-2: var(--color-white);
      --p-list-marker-3: var(--color-white);
      --p-selection-bg: var(--color-orange);
      --p-selection-text: var(--color-coal);
      --p-highlight-bg: var(--color-aqua);
      --p-highlight-text: var(--color-coal);
      --p-lowlight-bg: var(--color-night);
      --p-lowlight-text: var(--color-white);
      --p-caption: var(--color-white);
      --p-error: var(--color-cherry);
      --p-accent-1: var(--color-aqua);
      --p-accent-2: var(--color-white);
      --p-accent-3: var(--color-orange);
      --p-accent-4: var(--color-crimson);
      --p-accent-5: var(--color-pink);
      --p-line: var(--color-white-16);
      --p-line-alt: var(--color-white);
      --p-icon: var(--color-white);
      --p-icon-alt: var(--color-ocean);
      --p-image-bg: var(--color-white-5);
      --link-text-color-default: var(--color-white);
      --link-border-color-default: var(--color-white);
      --link-bg-color-default: var(--color-sky);
      --link-text-color-hover: var(--color-coal);
      --link-border-color-hover: var(--color-aqua);
      --link-bg-color-hover: var(--color-sky);
      --link-text-color-active: var(--color-coal);
      --link-border-color-active: var(--color-aqua);
      --link-bg-color-active: var(--color-sky);
      --link-shy-text-color-default: var(--color-white);
      --link-shy-border-color-default: var(--color-transparent);
      --link-shy-bg-color-default: var(--color-sky);
      --link-shy-text-color-hover: var(--color-coal);
      --link-shy-border-color-hover: var(--color-aqua);
      --link-shy-bg-color-hover: var(--color-sky);
      --p-btn-v1-text-default: var(--color-coal);
      --p-btn-v1-border-default: var(--color-aqua);
      --p-btn-v1-bg-default: var(--color-hhc-orange);
      --p-btn-v1-text-hover: var(--color-white);
      --p-btn-v1-border-hover: var(--color-pink);
      --p-btn-v1-bg-hover: var(--color-pink);
      --p-btn-v1-text-active: var(--color-coal);
      --p-btn-v1-border-active: var(--color-white);
      --p-btn-v1-bg-active: var(--color-white);
      --p-btn-v1-text-disabled: var(--color-coal);
      --p-btn-v1-border-disabled: var(--color-aqua);
      --p-btn-v1-bg-disabled: var(--color-aqua);
      --p-btn-v2-text-default: var(--color-white);
      --p-btn-v2-border-default: var(--color-white);
      --p-btn-v2-bg-default: var(--color-transparent);
      --p-btn-v2-text-hover: var(--color-white);
      --p-btn-v2-border-hover: var(--color-pink);
      --p-btn-v2-bg-hover: var(--color-pink);
      --p-btn-v2-text-active: var(--color-coal);
      --p-btn-v2-border-active: var(--color-white);
      --p-btn-v2-bg-active: var(--color-white);
      --p-btn-v2-text-disabled: var(--color-white);
      --p-btn-v2-border-disabled: var(--color-white);
      --p-btn-v2-bg-disabled: var(--color-transparent);
      --p-btn-v1-media-text-default: var(--color-white);
      --p-btn-v1-media-border-default: var(--color-coal);
      --p-btn-v1-media-bg-default: var(--color-coal);
      --p-btn-v1-media-text-hover: var(--color-white);
      --p-btn-v1-media-border-hover: var(--color-pink);
      --p-btn-v1-media-bg-hover: var(--color-pink);
      --p-btn-v1-media-text-active: var(--color-white);
      --p-btn-v1-media-border-active: var(--color-pink);
      --p-btn-v1-media-bg-active: var(--color-pink);
      --p-btn-v1-media-text-disabled: var(--color-white-48);
      --p-btn-v1-media-border-disabled: var(--color-coal);
      --p-btn-v1-media-bg-disabled: var(--color-coal);
      --field-text-color-default: var(--color-stone-48);
      --field-border-color-default: var(--color-transparent);
      --field-bg-color-default: var(--color-white);
      --field-text-color-value: var(--color-coal);
      --field-border-color-value: var(--color-transparent);
      --field-bg-color-value: var(--color-white);
      --field-text-color-hover: var(--color-coal);
      --field-border-color-hover: var(--color-coal);
      --field-bg-color-hover: var(--color-white);
      --field-text-color-focus: var(--color-coal);
      --field-border-color-focus: var(--color-aqua);
      --field-bg-color-focus: var(--color-white);
      --field-text-color-error: var(--color-coal);
      --field-border-color-error: var(--color-crimson);
      --field-bg-color-error: var(--color-white);
      --field-text-color-disabled: var(--color-stone-48);
      --field-border-color-disabled: var(--color-white-16);
      --field-bg-color-disabled: var(--color-transparent);
      --toggle-input-icon-color-default: var(--color-stone-48);
      --toggle-input-border-color-default: var(--color-concrete);
      --toggle-input-bg-color-default: var(--color-white);
      --toggle-input-icon-color-value: var(--color-coal);
      --toggle-input-border-color-value: var(--color-concrete);
      --toggle-input-bg-color-value: var(--color-white);
      --toggle-input-icon-color-hover: var(--color-coal);
      --toggle-input-border-color-hover: var(--color-aqua);
      --toggle-input-bg-color-hover: var(--color-white);
      --toggle-input-icon-color-focus: var(--color-coal);
      --toggle-input-border-color-focus: var(--color-aqua);
      --toggle-input-bg-color-focus: var(--color-white);
      --toggle-input-icon-color-disabled: var(--color-stone-48);
      --toggle-input-border-color-disabled: var(--color-concrete);
      --toggle-input-bg-color-disabled: var(--color-transparent);
      --tag-text-color-default: var(--color-coal);
      --tag-border-color-default: var(--color-transparent);
      --tag-bg-color-default: var(--color-sky);
      --tag-text-color-hover: var(--color-white);
      --tag-border-color-hover: var(--color-transparent);
      --tag-bg-color-hover: var(--color-pink);
      --p-tab-text-default: var(--color-coal);
      --p-tab-border-default: var(--color-transparent);
      --p-tab-bg-default: var(--color-transparent);
      --p-tab-text-hover: var(--color-coal);
      --p-tab-border-hover: var(--color-transparent);
      --p-tab-bg-hover: var(--color-aqua);
      --p-tab-text-active: var(--color-white);
      --p-tab-border-active: var(--color-transparent);
      --p-tab-bg-active: var(--color-coal);
      --p-tab-text-disabled: var(--color-stone-48);
      --p-tab-border-disabled: var(--color-transparent);
      --p-tab-bg-disabled: var(--color-transparent);
      --p-pagination-active: var(--color-white);
      --p-pagination-inactive: var(--color-white-48);
      --p-nav-dropdown-bg: var(--color-white);
    }
    :root[data-palette-mode=light]:where(:has([data-palette-dynamic="2"])) :root:not([data-palette-mode]) {
      --p-bg: var(--color-carbon);
      --p-inset-bg: var(--color-ocean);
      --p-overlay-bg: var(--color-night-40);
      --p-text: var(--color-white);
      --p-list-marker-1: var(--color-hhc-orange);
      --p-list-marker-2: var(--color-white);
      --p-list-marker-3: var(--color-white);
      --p-selection-bg: var(--color-orange);
      --p-selection-text: var(--color-coal);
      --p-highlight-bg: var(--color-aqua);
      --p-highlight-text: var(--color-coal);
      --p-lowlight-bg: var(--color-night);
      --p-lowlight-text: var(--color-white);
      --p-caption: var(--color-white);
      --p-error: var(--color-cherry);
      --p-accent-1: var(--color-aqua);
      --p-accent-2: var(--color-white);
      --p-accent-3: var(--color-orange);
      --p-accent-4: var(--color-crimson);
      --p-accent-5: var(--color-pink);
      --p-line: var(--color-white-16);
      --p-line-alt: var(--color-white);
      --p-icon: var(--color-white);
      --p-icon-alt: var(--color-ocean);
      --p-image-bg: var(--color-white-5);
      --link-text-color-default: var(--color-white);
      --link-border-color-default: var(--color-white);
      --link-bg-color-default: var(--color-sky);
      --link-text-color-hover: var(--color-coal);
      --link-border-color-hover: var(--color-aqua);
      --link-bg-color-hover: var(--color-sky);
      --link-text-color-active: var(--color-coal);
      --link-border-color-active: var(--color-aqua);
      --link-bg-color-active: var(--color-sky);
      --link-shy-text-color-default: var(--color-white);
      --link-shy-border-color-default: var(--color-transparent);
      --link-shy-bg-color-default: var(--color-sky);
      --link-shy-text-color-hover: var(--color-coal);
      --link-shy-border-color-hover: var(--color-aqua);
      --link-shy-bg-color-hover: var(--color-sky);
      --p-btn-v1-text-default: var(--color-coal);
      --p-btn-v1-border-default: var(--color-aqua);
      --p-btn-v1-bg-default: var(--color-hhc-orange);
      --p-btn-v1-text-hover: var(--color-white);
      --p-btn-v1-border-hover: var(--color-pink);
      --p-btn-v1-bg-hover: var(--color-pink);
      --p-btn-v1-text-active: var(--color-coal);
      --p-btn-v1-border-active: var(--color-white);
      --p-btn-v1-bg-active: var(--color-white);
      --p-btn-v1-text-disabled: var(--color-coal);
      --p-btn-v1-border-disabled: var(--color-aqua);
      --p-btn-v1-bg-disabled: var(--color-aqua);
      --p-btn-v2-text-default: var(--color-white);
      --p-btn-v2-border-default: var(--color-white);
      --p-btn-v2-bg-default: var(--color-transparent);
      --p-btn-v2-text-hover: var(--color-white);
      --p-btn-v2-border-hover: var(--color-pink);
      --p-btn-v2-bg-hover: var(--color-pink);
      --p-btn-v2-text-active: var(--color-coal);
      --p-btn-v2-border-active: var(--color-white);
      --p-btn-v2-bg-active: var(--color-white);
      --p-btn-v2-text-disabled: var(--color-white);
      --p-btn-v2-border-disabled: var(--color-white);
      --p-btn-v2-bg-disabled: var(--color-transparent);
      --p-btn-v1-media-text-default: var(--color-white);
      --p-btn-v1-media-border-default: var(--color-coal);
      --p-btn-v1-media-bg-default: var(--color-coal);
      --p-btn-v1-media-text-hover: var(--color-white);
      --p-btn-v1-media-border-hover: var(--color-pink);
      --p-btn-v1-media-bg-hover: var(--color-pink);
      --p-btn-v1-media-text-active: var(--color-white);
      --p-btn-v1-media-border-active: var(--color-pink);
      --p-btn-v1-media-bg-active: var(--color-pink);
      --p-btn-v1-media-text-disabled: var(--color-white-48);
      --p-btn-v1-media-border-disabled: var(--color-coal);
      --p-btn-v1-media-bg-disabled: var(--color-coal);
      --field-text-color-default: var(--color-stone-48);
      --field-border-color-default: var(--color-transparent);
      --field-bg-color-default: var(--color-white);
      --field-text-color-value: var(--color-coal);
      --field-border-color-value: var(--color-transparent);
      --field-bg-color-value: var(--color-white);
      --field-text-color-hover: var(--color-coal);
      --field-border-color-hover: var(--color-coal);
      --field-bg-color-hover: var(--color-white);
      --field-text-color-focus: var(--color-coal);
      --field-border-color-focus: var(--color-aqua);
      --field-bg-color-focus: var(--color-white);
      --field-text-color-error: var(--color-coal);
      --field-border-color-error: var(--color-crimson);
      --field-bg-color-error: var(--color-white);
      --field-text-color-disabled: var(--color-stone-48);
      --field-border-color-disabled: var(--color-white-16);
      --field-bg-color-disabled: var(--color-transparent);
      --toggle-input-icon-color-default: var(--color-stone-48);
      --toggle-input-border-color-default: var(--color-concrete);
      --toggle-input-bg-color-default: var(--color-white);
      --toggle-input-icon-color-value: var(--color-coal);
      --toggle-input-border-color-value: var(--color-concrete);
      --toggle-input-bg-color-value: var(--color-white);
      --toggle-input-icon-color-hover: var(--color-coal);
      --toggle-input-border-color-hover: var(--color-aqua);
      --toggle-input-bg-color-hover: var(--color-white);
      --toggle-input-icon-color-focus: var(--color-coal);
      --toggle-input-border-color-focus: var(--color-aqua);
      --toggle-input-bg-color-focus: var(--color-white);
      --toggle-input-icon-color-disabled: var(--color-stone-48);
      --toggle-input-border-color-disabled: var(--color-concrete);
      --toggle-input-bg-color-disabled: var(--color-transparent);
      --tag-text-color-default: var(--color-coal);
      --tag-border-color-default: var(--color-transparent);
      --tag-bg-color-default: var(--color-sky);
      --tag-text-color-hover: var(--color-white);
      --tag-border-color-hover: var(--color-transparent);
      --tag-bg-color-hover: var(--color-pink);
      --p-tab-text-default: var(--color-coal);
      --p-tab-border-default: var(--color-transparent);
      --p-tab-bg-default: var(--color-transparent);
      --p-tab-text-hover: var(--color-coal);
      --p-tab-border-hover: var(--color-transparent);
      --p-tab-bg-hover: var(--color-aqua);
      --p-tab-text-active: var(--color-white);
      --p-tab-border-active: var(--color-transparent);
      --p-tab-bg-active: var(--color-coal);
      --p-tab-text-disabled: var(--color-stone-48);
      --p-tab-border-disabled: var(--color-transparent);
      --p-tab-bg-disabled: var(--color-transparent);
      --p-pagination-active: var(--color-white);
      --p-pagination-inactive: var(--color-white-48);
      --p-nav-dropdown-bg: var(--color-white);
    }
    :root[data-palette-mode=light]:where(:has([data-palette-dynamic="3"])) :root:not([data-palette-mode]) {
      --p-bg: var(--color-ocean);
      --p-inset-bg: var(--color-coal);
      --p-overlay-bg: var(--color-night-40);
      --p-text: var(--color-white);
      --p-list-marker-1: var(--color-hhc-orange);
      --p-list-marker-2: var(--color-white);
      --p-list-marker-3: var(--color-white);
      --p-selection-bg: var(--color-orange);
      --p-selection-text: var(--color-coal);
      --p-highlight-bg: var(--color-sky);
      --p-highlight-text: var(--color-coal);
      --p-lowlight-bg: var(--color-night);
      --p-lowlight-text: var(--color-white);
      --p-caption: var(--color-white);
      --p-error: var(--color-cherry);
      --p-accent-1: var(--color-aqua);
      --p-accent-2: var(--color-white);
      --p-accent-3: var(--color-orange);
      --p-accent-4: var(--color-crimson);
      --p-accent-5: var(--color-pink);
      --p-line: var(--color-white-16);
      --p-line-alt: var(--color-white);
      --p-icon: var(--color-white);
      --p-icon-alt: var(--color-coal);
      --p-image-bg: var(--color-coal-5);
      --link-text-color-default: var(--color-white);
      --link-border-color-default: var(--color-white);
      --link-bg-color-default: var(--color-sky);
      --link-text-color-hover: var(--color-coal);
      --link-border-color-hover: var(--color-aqua);
      --link-bg-color-hover: var(--color-sky);
      --link-text-color-active: var(--color-coal);
      --link-border-color-active: var(--color-aqua);
      --link-bg-color-active: var(--color-sky);
      --link-shy-text-color-default: var(--color-white);
      --link-shy-border-color-default: var(--color-transparent);
      --link-shy-bg-color-default: var(--color-sky);
      --link-shy-text-color-hover: var(--color-coal);
      --link-shy-border-color-hover: var(--color-aqua);
      --link-shy-bg-color-hover: var(--color-sky);
      --p-btn-v1-text-default: var(--color-coal);
      --p-btn-v1-border-default: var(--color-aqua);
      --p-btn-v1-bg-default: var(--color-hhc-orange);
      --p-btn-v1-text-hover: var(--color-white);
      --p-btn-v1-border-hover: var(--color-pink);
      --p-btn-v1-bg-hover: var(--color-pink);
      --p-btn-v1-text-active: var(--color-coal);
      --p-btn-v1-border-active: var(--color-white);
      --p-btn-v1-bg-active: var(--color-white);
      --p-btn-v1-text-disabled: var(--color-coal);
      --p-btn-v1-border-disabled: var(--color-aqua);
      --p-btn-v1-bg-disabled: var(--color-aqua);
      --p-btn-v2-text-default: var(--color-white);
      --p-btn-v2-border-default: var(--color-white);
      --p-btn-v2-bg-default: var(--color-transparent);
      --p-btn-v2-text-hover: var(--color-white);
      --p-btn-v2-border-hover: var(--color-pink);
      --p-btn-v2-bg-hover: var(--color-pink);
      --p-btn-v2-text-active: var(--color-coal);
      --p-btn-v2-border-active: var(--color-white);
      --p-btn-v2-bg-active: var(--color-white);
      --p-btn-v2-text-disabled: var(--color-white);
      --p-btn-v2-border-disabled: var(--color-white);
      --p-btn-v2-bg-disabled: var(--color-transparent);
      --p-btn-v1-media-text-default: var(--color-white);
      --p-btn-v1-media-border-default: var(--color-coal);
      --p-btn-v1-media-bg-default: var(--color-coal);
      --p-btn-v1-media-text-hover: var(--color-white);
      --p-btn-v1-media-border-hover: var(--color-pink);
      --p-btn-v1-media-bg-hover: var(--color-pink);
      --p-btn-v1-media-text-active: var(--color-white);
      --p-btn-v1-media-border-active: var(--color-pink);
      --p-btn-v1-media-bg-active: var(--color-pink);
      --p-btn-v1-media-text-disabled: var(--color-white-48);
      --p-btn-v1-media-border-disabled: var(--color-coal);
      --p-btn-v1-media-bg-disabled: var(--color-coal);
      --field-text-color-default: var(--color-stone-48);
      --field-border-color-default: var(--color-transparent);
      --field-bg-color-default: var(--color-white);
      --field-text-color-value: var(--color-coal);
      --field-border-color-value: var(--color-transparent);
      --field-bg-color-value: var(--color-white);
      --field-text-color-hover: var(--color-coal);
      --field-border-color-hover: var(--color-coal);
      --field-bg-color-hover: var(--color-white);
      --field-text-color-focus: var(--color-coal);
      --field-border-color-focus: var(--color-aqua);
      --field-bg-color-focus: var(--color-white);
      --field-text-color-error: var(--color-coal);
      --field-border-color-error: var(--color-crimson);
      --field-bg-color-error: var(--color-white);
      --field-text-color-disabled: var(--color-stone-48);
      --field-border-color-disabled: var(--color-white-16);
      --field-bg-color-disabled: var(--color-transparent);
      --toggle-input-icon-color-default: var(--color-stone-48);
      --toggle-input-border-color-default: var(--color-concrete);
      --toggle-input-bg-color-default: var(--color-white);
      --toggle-input-icon-color-value: var(--color-coal);
      --toggle-input-border-color-value: var(--color-concrete);
      --toggle-input-bg-color-value: var(--color-white);
      --toggle-input-icon-color-hover: var(--color-coal);
      --toggle-input-border-color-hover: var(--color-aqua);
      --toggle-input-bg-color-hover: var(--color-white);
      --toggle-input-icon-color-focus: var(--color-coal);
      --toggle-input-border-color-focus: var(--color-aqua);
      --toggle-input-bg-color-focus: var(--color-white);
      --toggle-input-icon-color-disabled: var(--color-stone-48);
      --toggle-input-border-color-disabled: var(--color-concrete);
      --toggle-input-bg-color-disabled: var(--color-transparent);
      --tag-text-color-default: var(--color-coal);
      --tag-border-color-default: var(--color-transparent);
      --tag-bg-color-default: var(--color-sky);
      --tag-text-color-hover: var(--color-white);
      --tag-border-color-hover: var(--color-transparent);
      --tag-bg-color-hover: var(--color-pink);
      --p-tab-text-default: var(--color-coal);
      --p-tab-border-default: var(--color-transparent);
      --p-tab-bg-default: var(--color-transparent);
      --p-tab-text-hover: var(--color-coal);
      --p-tab-border-hover: var(--color-transparent);
      --p-tab-bg-hover: var(--color-aqua);
      --p-tab-text-active: var(--color-white);
      --p-tab-border-active: var(--color-transparent);
      --p-tab-bg-active: var(--color-coal);
      --p-tab-text-disabled: var(--color-stone-48);
      --p-tab-border-disabled: var(--color-transparent);
      --p-tab-bg-disabled: var(--color-transparent);
      --p-pagination-active: var(--color-white);
      --p-pagination-inactive: var(--color-white-48);
      --p-nav-dropdown-bg: var(--color-white);
    }
  }
  :root[data-palette-mode=dark]:where(:has([data-palette-static="1"])) {
    --p-bg: var(--color-night);
    --p-inset-bg: var(--color-ocean);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-white);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-aqua);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-white);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-white-16);
    --p-line-alt: var(--color-white);
    --p-icon: var(--color-white);
    --p-icon-alt: var(--color-ocean);
    --p-image-bg: var(--color-white-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-white);
    --link-bg-color-default: var(--color-sky);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-sky);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-white);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-sky);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-sky);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-coal);
    --p-btn-v1-border-active: var(--color-white);
    --p-btn-v1-bg-active: var(--color-white);
    --p-btn-v1-text-disabled: var(--color-coal);
    --p-btn-v1-border-disabled: var(--color-aqua);
    --p-btn-v1-bg-disabled: var(--color-aqua);
    --p-btn-v2-text-default: var(--color-white);
    --p-btn-v2-border-default: var(--color-white);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-coal);
    --p-btn-v2-border-active: var(--color-white);
    --p-btn-v2-bg-active: var(--color-white);
    --p-btn-v2-text-disabled: var(--color-white);
    --p-btn-v2-border-disabled: var(--color-white);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-transparent);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-transparent);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-white-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-sky);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
  }
  :root[data-palette-mode=dark]:where(:has([data-palette-static="2"])) {
    --p-bg: var(--color-carbon);
    --p-inset-bg: var(--color-ocean);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-white);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-aqua);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-white);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-white-16);
    --p-line-alt: var(--color-white);
    --p-icon: var(--color-white);
    --p-icon-alt: var(--color-ocean);
    --p-image-bg: var(--color-white-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-white);
    --link-bg-color-default: var(--color-sky);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-sky);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-white);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-sky);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-sky);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-coal);
    --p-btn-v1-border-active: var(--color-white);
    --p-btn-v1-bg-active: var(--color-white);
    --p-btn-v1-text-disabled: var(--color-coal);
    --p-btn-v1-border-disabled: var(--color-aqua);
    --p-btn-v1-bg-disabled: var(--color-aqua);
    --p-btn-v2-text-default: var(--color-white);
    --p-btn-v2-border-default: var(--color-white);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-coal);
    --p-btn-v2-border-active: var(--color-white);
    --p-btn-v2-bg-active: var(--color-white);
    --p-btn-v2-text-disabled: var(--color-white);
    --p-btn-v2-border-disabled: var(--color-white);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-transparent);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-transparent);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-white-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-sky);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
  }
  :root[data-palette-mode=dark]:where(:has([data-palette-static="3"])) {
    --p-bg: var(--color-ocean);
    --p-inset-bg: var(--color-coal);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-white);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-sky);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-white);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-white-16);
    --p-line-alt: var(--color-white);
    --p-icon: var(--color-white);
    --p-icon-alt: var(--color-coal);
    --p-image-bg: var(--color-coal-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-white);
    --link-bg-color-default: var(--color-sky);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-sky);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-white);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-sky);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-sky);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-coal);
    --p-btn-v1-border-active: var(--color-white);
    --p-btn-v1-bg-active: var(--color-white);
    --p-btn-v1-text-disabled: var(--color-coal);
    --p-btn-v1-border-disabled: var(--color-aqua);
    --p-btn-v1-bg-disabled: var(--color-aqua);
    --p-btn-v2-text-default: var(--color-white);
    --p-btn-v2-border-default: var(--color-white);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-coal);
    --p-btn-v2-border-active: var(--color-white);
    --p-btn-v2-bg-active: var(--color-white);
    --p-btn-v2-text-disabled: var(--color-white);
    --p-btn-v2-border-disabled: var(--color-white);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-transparent);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-transparent);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-white-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-sky);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
  }
  :root[data-palette-mode=dark]:where(:has([data-palette-dynamic="1"])) {
    --p-bg: var(--color-night);
    --p-inset-bg: var(--color-ocean);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-white);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-aqua);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-white);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-white-16);
    --p-line-alt: var(--color-white);
    --p-icon: var(--color-white);
    --p-icon-alt: var(--color-ocean);
    --p-image-bg: var(--color-white-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-white);
    --link-bg-color-default: var(--color-sky);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-sky);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-white);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-sky);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-sky);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-coal);
    --p-btn-v1-border-active: var(--color-white);
    --p-btn-v1-bg-active: var(--color-white);
    --p-btn-v1-text-disabled: var(--color-coal);
    --p-btn-v1-border-disabled: var(--color-aqua);
    --p-btn-v1-bg-disabled: var(--color-aqua);
    --p-btn-v2-text-default: var(--color-white);
    --p-btn-v2-border-default: var(--color-white);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-coal);
    --p-btn-v2-border-active: var(--color-white);
    --p-btn-v2-bg-active: var(--color-white);
    --p-btn-v2-text-disabled: var(--color-white);
    --p-btn-v2-border-disabled: var(--color-white);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-transparent);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-transparent);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-white-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-sky);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
  }
  :root[data-palette-mode=dark]:where(:has([data-palette-dynamic="2"])) {
    --p-bg: var(--color-carbon);
    --p-inset-bg: var(--color-ocean);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-white);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-aqua);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-white);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-white-16);
    --p-line-alt: var(--color-white);
    --p-icon: var(--color-white);
    --p-icon-alt: var(--color-ocean);
    --p-image-bg: var(--color-white-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-white);
    --link-bg-color-default: var(--color-sky);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-sky);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-white);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-sky);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-sky);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-coal);
    --p-btn-v1-border-active: var(--color-white);
    --p-btn-v1-bg-active: var(--color-white);
    --p-btn-v1-text-disabled: var(--color-coal);
    --p-btn-v1-border-disabled: var(--color-aqua);
    --p-btn-v1-bg-disabled: var(--color-aqua);
    --p-btn-v2-text-default: var(--color-white);
    --p-btn-v2-border-default: var(--color-white);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-coal);
    --p-btn-v2-border-active: var(--color-white);
    --p-btn-v2-bg-active: var(--color-white);
    --p-btn-v2-text-disabled: var(--color-white);
    --p-btn-v2-border-disabled: var(--color-white);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-transparent);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-transparent);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-white-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-sky);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
  }
  :root[data-palette-mode=dark]:where(:has([data-palette-dynamic="3"])) {
    --p-bg: var(--color-ocean);
    --p-inset-bg: var(--color-coal);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-white);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-sky);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-white);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-white-16);
    --p-line-alt: var(--color-white);
    --p-icon: var(--color-white);
    --p-icon-alt: var(--color-coal);
    --p-image-bg: var(--color-coal-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-white);
    --link-bg-color-default: var(--color-sky);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-sky);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-white);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-sky);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-sky);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-coal);
    --p-btn-v1-border-active: var(--color-white);
    --p-btn-v1-bg-active: var(--color-white);
    --p-btn-v1-text-disabled: var(--color-coal);
    --p-btn-v1-border-disabled: var(--color-aqua);
    --p-btn-v1-bg-disabled: var(--color-aqua);
    --p-btn-v2-text-default: var(--color-white);
    --p-btn-v2-border-default: var(--color-white);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-coal);
    --p-btn-v2-border-active: var(--color-white);
    --p-btn-v2-bg-active: var(--color-white);
    --p-btn-v2-text-disabled: var(--color-white);
    --p-btn-v2-border-disabled: var(--color-white);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-transparent);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-transparent);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-white-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-sky);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
  }
  :root {
    --grid-columns: 12;
    --content-width: 12;
    --content-offset: 0;
    --grid-gap-x: clamp(20px, 1.7123vw + 13.8356px, 40px);
    --grid-gap-y: 0;
    --padding-outer-x: clamp(20px, 2.0547vw + 12.6027px, 44px);
    --items-per-row: 4;
    --grid-width: 100vw;
    --column-gutter-width: calc(
    	(
    		var(--grid-width)
    		- (var(--padding-outer-x) * 2)
    		+ var(--grid-gap-x)
    	) / var(--grid-columns)
    );
    --column-width: calc(--column-gutter-width - var(--grid-gap-x));
  }
  @media (min-width: 1528px) {
    :root {
      --grid-max-width: 1528px;
      --grid-width: var(--grid-max-width);
    }
  }
  .\:c {
    margin-inline: auto;
    width: 100%;
  }
  .\:m {
    max-width: 1528px;
  }
  .\:p {
    padding-inline: var(--padding-outer-x);
  }
  :is(.\:g,
  [class*=":g-"]) {
    display: grid;
    grid-template-columns: repeat(var(--grid-columns), 1fr);
    gap: var(--grid-gap-y) var(--grid-gap-x);
  }
  .\:g {
    --grid-columns: 12;
  }
  .\:g-1 {
    --grid-columns: 1;
  }
  .\:g-2 {
    --grid-columns: 2;
  }
  .\:g-3 {
    --grid-columns: 3;
  }
  .\:g-4 {
    --grid-columns: 4;
  }
  .\:g-5 {
    --grid-columns: 5;
  }
  .\:g-6 {
    --grid-columns: 6;
  }
  .\:g-7 {
    --grid-columns: 7;
  }
  .\:g-8 {
    --grid-columns: 8;
  }
  .\:g-9 {
    --grid-columns: 9;
  }
  .\:g-10 {
    --grid-columns: 10;
  }
  .\:g-11 {
    --grid-columns: 11;
  }
  .\:g-12 {
    --grid-columns: 12;
  }
  .\:g-x {
    --grid-columns: 1;
  }
  [class*=":g-max-"] {
    --item-min-width: 220px;
    --item-max-width: calc(
    	(100% - ((var(--items-per-row) - 1) * clamp(20px, 1.7123vw + 13.8356px, 40px)))
    	/ var(--items-per-row)
    );
    --item-repeat: auto-fill;
    grid-template-columns: repeat(var(--item-repeat), minmax(max(min(100vw - clamp(20px, 2.0547vw + 12.6027px, 44px) * 2, var(--item-min-width)), var(--item-max-width)), 1fr));
  }
  .\:g-max-1 {
    --items-per-row: 1;
  }
  .\:g-max-2 {
    --items-per-row: 2;
  }
  .\:g-max-3 {
    --items-per-row: 3;
  }
  .\:g-max-4 {
    --items-per-row: 4;
  }
  .\:g-max-5 {
    --items-per-row: 5;
  }
  .\:g-max-6 {
    --items-per-row: 6;
  }
  .\:center-10 {
    --content-width: 12;
    --content-offset: 0;
    grid-column: 1/-1;
  }
  @media (min-width: 596px) {
    .\:center-10 {
      --content-width: 10;
      --content-offset: 1;
      grid-column: 2/span 10;
    }
  }
  .\:center-8 {
    --content-width: 12;
    --content-offset: 0;
    grid-column: 1/-1;
  }
  @media (min-width: 596px) {
    .\:center-8 {
      --content-width: 10;
      --content-offset: 1;
      grid-column: 2/span 10;
    }
  }
  @media (min-width: 900px) {
    .\:center-8 {
      --content-width: 8;
      --content-offset: 2;
      grid-column: 3/span 8;
    }
  }
  .\:center-6 {
    --content-width: 12;
    --content-offset: 0;
    grid-column: 1/-1;
  }
  @media (min-width: 596px) {
    .\:center-6 {
      --content-width: 10;
      --content-offset: 1;
      grid-column: 2/span 10;
    }
  }
  @media (min-width: 900px) {
    .\:center-6 {
      --content-width: 8;
      --content-offset: 2;
      grid-column: 3/span 8;
    }
  }
  @media (min-width: 1292px) {
    .\:center-6 {
      --content-width: 6;
      --content-offset: 3;
      grid-column: 4/span 6;
    }
  }
  :is(.\:f,
  [class*=":f-"]) {
    display: flex;
    gap: var(--grid-gap-y) var(--grid-gap-x);
  }
  .\:f-max-1 {
    --items-per-row: 1;
  }
  .\:f-max-2 {
    --items-per-row: 2;
  }
  .\:f-max-3 {
    --items-per-row: 3;
  }
  .\:f-max-4 {
    --items-per-row: 4;
  }
  .\:f-max-5 {
    --items-per-row: 5;
  }
  .\:f-max-6 {
    --items-per-row: 6;
  }
  :is(.hang-left, .hang-right) {
    --margin-bleed: 0px;
    --full-content-width: 100vw;
    --single-column-gutter-width: calc(
    	(var(--full-content-width) - (clamp(20px, 2.0547vw + 12.6027px, 44px) * 2) + clamp(20px, 1.7123vw + 13.8356px, 40px)) / 12
    );
    --hang: calc(
    	(
    		(
    			var(--single-column-gutter-width)
    			* ((12 - var(--content-width)) / 2)
    		) + clamp(20px, 2.0547vw + 12.6027px, 44px) + var(--margin-bleed)
    	) * -1
    );
  }
  .hang-left {
    margin-left: var(--hang);
  }
  .hang-right {
    margin-right: var(--hang);
  }
  @media (min-width: 1528px) {
    :is(.hang-left, .hang-right) {
      --margin-bleed: calc((100vw - 1528px) / 2);
      --full-content-width: 1528px;
    }
  }
  :root {
    --rhythm-default: clamp(48px, 2.0547vw + 40.6027px, 72px);
    --rhythm-tiny: 16px;
    --rhythm-small: clamp(16px, 0.6849vw + 13.5342px, 24px);
    --rhythm-medium: clamp(24px, 0.6849vw + 21.5342px, 32px);
    --rhythm-large: clamp(36px, 2.3972vw + 27.3698px, 64px);
    --rhythm-xlarge: clamp(56px, 3.4246vw + 43.6712px, 96px);
    --rhythm-flow: clamp(28px, 1.0273vw + 24.3013px, 40px);
    --rhythm-gutter: clamp(20px, 1.7123vw + 13.8356px, 40px);
    --rhythm-outer: clamp(32px, 0.6849vw + 29.5342px, 40px);
    --rhythm-bg: clamp(40px, 3.4246vw + 27.6712px, 80px);
    --rhythm-feature: clamp(80px, 3.4246vw + 67.6712px, 120px);
    --rhythm-hero: clamp(96px, 16.4383vw + 36.8219px, 288px);
  }
}
@layer site_local {
  .ro-default {
    margin-block: var(--rhythm-default);
  }
  .ri-default {
    padding-block: var(--rhythm-default);
  }
  .ro-tiny {
    margin-block: var(--rhythm-tiny);
  }
  .ri-tiny {
    padding-block: var(--rhythm-tiny);
  }
  .ro-small {
    margin-block: var(--rhythm-small);
  }
  .ri-small {
    padding-block: var(--rhythm-small);
  }
  .ro-medium {
    margin-block: var(--rhythm-medium);
  }
  .ri-medium {
    padding-block: var(--rhythm-medium);
  }
  .ro-large {
    margin-block: var(--rhythm-large);
  }
  .ri-large {
    padding-block: var(--rhythm-large);
  }
  .ro-xlarge {
    margin-block: var(--rhythm-xlarge);
  }
  .ri-xlarge {
    padding-block: var(--rhythm-xlarge);
  }
  .ro-flow {
    margin-block: var(--rhythm-flow);
  }
  .ri-flow {
    padding-block: var(--rhythm-flow);
  }
  .ro-gutter {
    margin-block: var(--rhythm-gutter);
  }
  .ri-gutter {
    padding-block: var(--rhythm-gutter);
  }
  .ro-outer {
    margin-block: var(--rhythm-outer);
  }
  .ri-outer {
    padding-block: var(--rhythm-outer);
  }
  .ro-bg {
    margin-block: var(--rhythm-bg);
  }
  .ri-bg {
    padding-block: var(--rhythm-bg);
  }
  .ro-feature {
    margin-block: var(--rhythm-feature);
  }
  .ri-feature {
    padding-block: var(--rhythm-feature);
  }
  .ro-hero {
    margin-block: var(--rhythm-hero);
  }
  .ri-hero {
    padding-block: var(--rhythm-hero);
  }
  .rot-default {
    margin-top: var(--rhythm-default);
  }
  .rob-default {
    margin-bottom: var(--rhythm-default);
  }
  .rit-default {
    padding-top: var(--rhythm-default);
  }
  .rib-default {
    padding-bottom: var(--rhythm-default);
  }
  .rot-tiny {
    margin-top: var(--rhythm-tiny);
  }
  .rob-tiny {
    margin-bottom: var(--rhythm-tiny);
  }
  .rit-tiny {
    padding-top: var(--rhythm-tiny);
  }
  .rib-tiny {
    padding-bottom: var(--rhythm-tiny);
  }
  .rot-small {
    margin-top: var(--rhythm-small);
  }
  .rob-small {
    margin-bottom: var(--rhythm-small);
  }
  .rit-small {
    padding-top: var(--rhythm-small);
  }
  .rib-small {
    padding-bottom: var(--rhythm-small);
  }
  .rot-medium {
    margin-top: var(--rhythm-medium);
  }
  .rob-medium {
    margin-bottom: var(--rhythm-medium);
  }
  .rit-medium {
    padding-top: var(--rhythm-medium);
  }
  .rib-medium {
    padding-bottom: var(--rhythm-medium);
  }
  .rot-large {
    margin-top: var(--rhythm-large);
  }
  .rob-large {
    margin-bottom: var(--rhythm-large);
  }
  .rit-large {
    padding-top: var(--rhythm-large);
  }
  .rib-large {
    padding-bottom: var(--rhythm-large);
  }
  .rot-xlarge {
    margin-top: var(--rhythm-xlarge);
  }
  .rob-xlarge {
    margin-bottom: var(--rhythm-xlarge);
  }
  .rit-xlarge {
    padding-top: var(--rhythm-xlarge);
  }
  .rib-xlarge {
    padding-bottom: var(--rhythm-xlarge);
  }
  .rot-flow {
    margin-top: var(--rhythm-flow);
  }
  .rob-flow {
    margin-bottom: var(--rhythm-flow);
  }
  .rit-flow {
    padding-top: var(--rhythm-flow);
  }
  .rib-flow {
    padding-bottom: var(--rhythm-flow);
  }
  .rot-gutter {
    margin-top: var(--rhythm-gutter);
  }
  .rob-gutter {
    margin-bottom: var(--rhythm-gutter);
  }
  .rit-gutter {
    padding-top: var(--rhythm-gutter);
  }
  .rib-gutter {
    padding-bottom: var(--rhythm-gutter);
  }
  .rot-outer {
    margin-top: var(--rhythm-outer);
  }
  .rob-outer {
    margin-bottom: var(--rhythm-outer);
  }
  .rit-outer {
    padding-top: var(--rhythm-outer);
  }
  .rib-outer {
    padding-bottom: var(--rhythm-outer);
  }
  .rot-bg {
    margin-top: var(--rhythm-bg);
  }
  .rob-bg {
    margin-bottom: var(--rhythm-bg);
  }
  .rit-bg {
    padding-top: var(--rhythm-bg);
  }
  .rib-bg {
    padding-bottom: var(--rhythm-bg);
  }
  .rot-feature {
    margin-top: var(--rhythm-feature);
  }
  .rob-feature {
    margin-bottom: var(--rhythm-feature);
  }
  .rit-feature {
    padding-top: var(--rhythm-feature);
  }
  .rib-feature {
    padding-bottom: var(--rhythm-feature);
  }
  .rot-hero {
    margin-top: var(--rhythm-hero);
  }
  .rob-hero {
    margin-bottom: var(--rhythm-hero);
  }
  .rit-hero {
    padding-top: var(--rhythm-hero);
  }
  .rib-hero {
    padding-bottom: var(--rhythm-hero);
  }
  .ro-default + :is(.ro-default, .rot-default) {
    margin-top: 0px;
  }
  .ro-default + :is(.ro-tiny, .rot-tiny) {
    margin-top: 0px;
  }
  .ro-default + :is(.ro-small, .rot-small) {
    margin-top: 0px;
  }
  .ro-default + :is(.ro-medium, .rot-medium) {
    margin-top: 0px;
  }
  .ro-default + :is(.ro-large, .rot-large) {
    margin-top: 0px;
  }
  .ro-default + :is(.ro-xlarge, .rot-xlarge) {
    margin-top: clamp(8px, 1.3698vw + 3.0684px, 24px);
  }
  .ro-default + :is(.ro-flow, .rot-flow) {
    margin-top: 0px;
  }
  .ro-default + :is(.ro-gutter, .rot-gutter) {
    margin-top: 0px;
  }
  .ro-default + :is(.ro-outer, .rot-outer) {
    margin-top: 0px;
  }
  .ro-default + :is(.ro-bg, .rot-bg) {
    margin-top: clamp(0px, 0.6849vw - 2.4658px, 8px);
  }
  .ro-default + :is(.ro-feature, .rot-feature) {
    margin-top: clamp(32px, 1.3698vw + 27.0684px, 48px);
  }
  .ro-default + :is(.ro-hero, .rot-hero) {
    margin-top: clamp(48px, 14.3835vw - 3.7809px, 216px);
  }
  .ro-tiny + :is(.ro-default, .rot-default) {
    margin-top: clamp(32px, 2.0547vw + 24.6027px, 56px);
  }
  .ro-tiny + :is(.ro-tiny, .rot-tiny) {
    margin-top: 0px;
  }
  .ro-tiny + :is(.ro-small, .rot-small) {
    margin-top: clamp(0px, 0.6849vw - 2.4658px, 8px);
  }
  .ro-tiny + :is(.ro-medium, .rot-medium) {
    margin-top: clamp(8px, 0.6849vw + 5.5342px, 16px);
  }
  .ro-tiny + :is(.ro-large, .rot-large) {
    margin-top: clamp(20px, 2.3972vw + 11.3698px, 48px);
  }
  .ro-tiny + :is(.ro-xlarge, .rot-xlarge) {
    margin-top: clamp(40px, 3.4246vw + 27.6712px, 80px);
  }
  .ro-tiny + :is(.ro-flow, .rot-flow) {
    margin-top: clamp(12px, 1.0273vw + 8.3013px, 24px);
  }
  .ro-tiny + :is(.ro-gutter, .rot-gutter) {
    margin-top: clamp(4px, 1.7123vw - 2.1644px, 24px);
  }
  .ro-tiny + :is(.ro-outer, .rot-outer) {
    margin-top: clamp(16px, 0.6849vw + 13.5342px, 24px);
  }
  .ro-tiny + :is(.ro-bg, .rot-bg) {
    margin-top: clamp(24px, 3.4246vw + 11.6712px, 64px);
  }
  .ro-tiny + :is(.ro-feature, .rot-feature) {
    margin-top: clamp(64px, 3.4246vw + 51.6712px, 104px);
  }
  .ro-tiny + :is(.ro-hero, .rot-hero) {
    margin-top: clamp(80px, 16.4383vw + 20.8219px, 272px);
  }
  .ro-small + :is(.ro-default, .rot-default) {
    margin-top: clamp(32px, 1.3698vw + 27.0684px, 48px);
  }
  .ro-small + :is(.ro-tiny, .rot-tiny) {
    margin-top: 0px;
  }
  .ro-small + :is(.ro-small, .rot-small) {
    margin-top: 0px;
  }
  .ro-small + :is(.ro-medium, .rot-medium) {
    margin-top: 8px;
  }
  .ro-small + :is(.ro-large, .rot-large) {
    margin-top: clamp(20px, 1.7123vw + 13.8356px, 40px);
  }
  .ro-small + :is(.ro-xlarge, .rot-xlarge) {
    margin-top: clamp(40px, 2.7397vw + 30.1369px, 72px);
  }
  .ro-small + :is(.ro-flow, .rot-flow) {
    margin-top: clamp(12px, 0.3424vw + 10.7671px, 16px);
  }
  .ro-small + :is(.ro-gutter, .rot-gutter) {
    margin-top: clamp(4px, 1.0273vw + 0.3013px, 16px);
  }
  .ro-small + :is(.ro-outer, .rot-outer) {
    margin-top: 16px;
  }
  .ro-small + :is(.ro-bg, .rot-bg) {
    margin-top: clamp(24px, 2.7397vw + 14.1369px, 56px);
  }
  .ro-small + :is(.ro-feature, .rot-feature) {
    margin-top: clamp(64px, 2.7397vw + 54.1369px, 96px);
  }
  .ro-small + :is(.ro-hero, .rot-hero) {
    margin-top: clamp(80px, 15.7534vw + 23.2876px, 264px);
  }
  .ro-medium + :is(.ro-default, .rot-default) {
    margin-top: clamp(24px, 1.3698vw + 19.0684px, 40px);
  }
  .ro-medium + :is(.ro-tiny, .rot-tiny) {
    margin-top: 0px;
  }
  .ro-medium + :is(.ro-small, .rot-small) {
    margin-top: 0px;
  }
  .ro-medium + :is(.ro-medium, .rot-medium) {
    margin-top: 0px;
  }
  .ro-medium + :is(.ro-large, .rot-large) {
    margin-top: clamp(12px, 1.7123vw + 5.8356px, 32px);
  }
  .ro-medium + :is(.ro-xlarge, .rot-xlarge) {
    margin-top: clamp(32px, 2.7397vw + 22.1369px, 64px);
  }
  .ro-medium + :is(.ro-flow, .rot-flow) {
    margin-top: clamp(4px, 0.3424vw + 2.7671px, 8px);
  }
  .ro-medium + :is(.ro-gutter, .rot-gutter) {
    margin-top: clamp(0px, 0.6849vw - 2.4658px, 8px);
  }
  .ro-medium + :is(.ro-outer, .rot-outer) {
    margin-top: 8px;
  }
  .ro-medium + :is(.ro-bg, .rot-bg) {
    margin-top: clamp(16px, 2.7397vw + 6.1369px, 48px);
  }
  .ro-medium + :is(.ro-feature, .rot-feature) {
    margin-top: clamp(56px, 2.7397vw + 46.1369px, 88px);
  }
  .ro-medium + :is(.ro-hero, .rot-hero) {
    margin-top: clamp(72px, 15.7534vw + 15.2876px, 256px);
  }
  .ro-large + :is(.ro-default, .rot-default) {
    margin-top: clamp(8px, -0.3425vw + 13.2328px, 12px);
  }
  .ro-large + :is(.ro-tiny, .rot-tiny) {
    margin-top: 0px;
  }
  .ro-large + :is(.ro-small, .rot-small) {
    margin-top: 0px;
  }
  .ro-large + :is(.ro-medium, .rot-medium) {
    margin-top: 0px;
  }
  .ro-large + :is(.ro-large, .rot-large) {
    margin-top: 0px;
  }
  .ro-large + :is(.ro-xlarge, .rot-xlarge) {
    margin-top: clamp(20px, 1.0273vw + 16.3013px, 32px);
  }
  .ro-large + :is(.ro-flow, .rot-flow) {
    margin-top: 0px;
  }
  .ro-large + :is(.ro-gutter, .rot-gutter) {
    margin-top: 0px;
  }
  .ro-large + :is(.ro-outer, .rot-outer) {
    margin-top: 0px;
  }
  .ro-large + :is(.ro-bg, .rot-bg) {
    margin-top: clamp(4px, 1.0273vw + 0.3013px, 16px);
  }
  .ro-large + :is(.ro-feature, .rot-feature) {
    margin-top: clamp(44px, 1.0273vw + 40.3013px, 56px);
  }
  .ro-large + :is(.ro-hero, .rot-hero) {
    margin-top: clamp(60px, 14.041vw + 9.452px, 224px);
  }
  .ro-xlarge + :is(.ro-default, .rot-default) {
    margin-top: 0px;
  }
  .ro-xlarge + :is(.ro-tiny, .rot-tiny) {
    margin-top: 0px;
  }
  .ro-xlarge + :is(.ro-small, .rot-small) {
    margin-top: 0px;
  }
  .ro-xlarge + :is(.ro-medium, .rot-medium) {
    margin-top: 0px;
  }
  .ro-xlarge + :is(.ro-large, .rot-large) {
    margin-top: 0px;
  }
  .ro-xlarge + :is(.ro-xlarge, .rot-xlarge) {
    margin-top: 0px;
  }
  .ro-xlarge + :is(.ro-flow, .rot-flow) {
    margin-top: 0px;
  }
  .ro-xlarge + :is(.ro-gutter, .rot-gutter) {
    margin-top: 0px;
  }
  .ro-xlarge + :is(.ro-outer, .rot-outer) {
    margin-top: 0px;
  }
  .ro-xlarge + :is(.ro-bg, .rot-bg) {
    margin-top: 0px;
  }
  .ro-xlarge + :is(.ro-feature, .rot-feature) {
    margin-top: 24px;
  }
  .ro-xlarge + :is(.ro-hero, .rot-hero) {
    margin-top: clamp(40px, 13.0136vw - 6.8494px, 192px);
  }
  .ro-flow + :is(.ro-default, .rot-default) {
    margin-top: clamp(20px, 1.0273vw + 16.3013px, 32px);
  }
  .ro-flow + :is(.ro-tiny, .rot-tiny) {
    margin-top: 0px;
  }
  .ro-flow + :is(.ro-small, .rot-small) {
    margin-top: 0px;
  }
  .ro-flow + :is(.ro-medium, .rot-medium) {
    margin-top: 0px;
  }
  .ro-flow + :is(.ro-large, .rot-large) {
    margin-top: clamp(8px, 1.3698vw + 3.0684px, 24px);
  }
  .ro-flow + :is(.ro-xlarge, .rot-xlarge) {
    margin-top: clamp(28px, 2.3972vw + 19.3698px, 56px);
  }
  .ro-flow + :is(.ro-flow, .rot-flow) {
    margin-top: 0px;
  }
  .ro-flow + :is(.ro-gutter, .rot-gutter) {
    margin-top: 0px;
  }
  .ro-flow + :is(.ro-outer, .rot-outer) {
    margin-top: clamp(0px, -0.3425vw + 5.2328px, 4px);
  }
  .ro-flow + :is(.ro-bg, .rot-bg) {
    margin-top: clamp(12px, 2.3972vw + 3.3698px, 40px);
  }
  .ro-flow + :is(.ro-feature, .rot-feature) {
    margin-top: clamp(52px, 2.3972vw + 43.3698px, 80px);
  }
  .ro-flow + :is(.ro-hero, .rot-hero) {
    margin-top: clamp(68px, 15.4109vw + 12.5205px, 248px);
  }
  .ro-gutter + :is(.ro-default, .rot-default) {
    margin-top: clamp(28px, 0.3424vw + 26.7671px, 32px);
  }
  .ro-gutter + :is(.ro-tiny, .rot-tiny) {
    margin-top: 0px;
  }
  .ro-gutter + :is(.ro-small, .rot-small) {
    margin-top: 0px;
  }
  .ro-gutter + :is(.ro-medium, .rot-medium) {
    margin-top: clamp(0px, -0.3425vw + 5.2328px, 4px);
  }
  .ro-gutter + :is(.ro-large, .rot-large) {
    margin-top: clamp(16px, 0.6849vw + 13.5342px, 24px);
  }
  .ro-gutter + :is(.ro-xlarge, .rot-xlarge) {
    margin-top: clamp(36px, 1.7123vw + 29.8356px, 56px);
  }
  .ro-gutter + :is(.ro-flow, .rot-flow) {
    margin-top: clamp(0px, -0.685vw + 10.4657px, 8px);
  }
  .ro-gutter + :is(.ro-gutter, .rot-gutter) {
    margin-top: 0px;
  }
  .ro-gutter + :is(.ro-outer, .rot-outer) {
    margin-top: clamp(0px, -1.0274vw + 15.6986px, 12px);
  }
  .ro-gutter + :is(.ro-bg, .rot-bg) {
    margin-top: clamp(20px, 1.7123vw + 13.8356px, 40px);
  }
  .ro-gutter + :is(.ro-feature, .rot-feature) {
    margin-top: clamp(60px, 1.7123vw + 53.8356px, 80px);
  }
  .ro-gutter + :is(.ro-hero, .rot-hero) {
    margin-top: clamp(76px, 14.726vw + 22.9863px, 248px);
  }
  .ro-outer + :is(.ro-default, .rot-default) {
    margin-top: clamp(16px, 1.3698vw + 11.0684px, 32px);
  }
  .ro-outer + :is(.ro-tiny, .rot-tiny) {
    margin-top: 0px;
  }
  .ro-outer + :is(.ro-small, .rot-small) {
    margin-top: 0px;
  }
  .ro-outer + :is(.ro-medium, .rot-medium) {
    margin-top: 0px;
  }
  .ro-outer + :is(.ro-large, .rot-large) {
    margin-top: clamp(4px, 1.7123vw - 2.1644px, 24px);
  }
  .ro-outer + :is(.ro-xlarge, .rot-xlarge) {
    margin-top: clamp(24px, 2.7397vw + 14.1369px, 56px);
  }
  .ro-outer + :is(.ro-flow, .rot-flow) {
    margin-top: 0px;
  }
  .ro-outer + :is(.ro-gutter, .rot-gutter) {
    margin-top: 0px;
  }
  .ro-outer + :is(.ro-outer, .rot-outer) {
    margin-top: 0px;
  }
  .ro-outer + :is(.ro-bg, .rot-bg) {
    margin-top: clamp(8px, 2.7397vw - 1.8631px, 40px);
  }
  .ro-outer + :is(.ro-feature, .rot-feature) {
    margin-top: clamp(48px, 2.7397vw + 38.1369px, 80px);
  }
  .ro-outer + :is(.ro-hero, .rot-hero) {
    margin-top: clamp(64px, 15.7534vw + 7.2876px, 248px);
  }
  .ro-bg + :is(.ro-default, .rot-default) {
    margin-top: clamp(0px, -0.685vw + 10.4657px, 8px);
  }
  .ro-bg + :is(.ro-tiny, .rot-tiny) {
    margin-top: 0px;
  }
  .ro-bg + :is(.ro-small, .rot-small) {
    margin-top: 0px;
  }
  .ro-bg + :is(.ro-medium, .rot-medium) {
    margin-top: 0px;
  }
  .ro-bg + :is(.ro-large, .rot-large) {
    margin-top: 0px;
  }
  .ro-bg + :is(.ro-xlarge, .rot-xlarge) {
    margin-top: 16px;
  }
  .ro-bg + :is(.ro-flow, .rot-flow) {
    margin-top: 0px;
  }
  .ro-bg + :is(.ro-gutter, .rot-gutter) {
    margin-top: 0px;
  }
  .ro-bg + :is(.ro-outer, .rot-outer) {
    margin-top: 0px;
  }
  .ro-bg + :is(.ro-bg, .rot-bg) {
    margin-top: 0px;
  }
  .ro-bg + :is(.ro-feature, .rot-feature) {
    margin-top: 40px;
  }
  .ro-bg + :is(.ro-hero, .rot-hero) {
    margin-top: clamp(56px, 13.0136vw + 9.1506px, 208px);
  }
  .ro-feature + :is(.ro-default, .rot-default) {
    margin-top: 0px;
  }
  .ro-feature + :is(.ro-tiny, .rot-tiny) {
    margin-top: 0px;
  }
  .ro-feature + :is(.ro-small, .rot-small) {
    margin-top: 0px;
  }
  .ro-feature + :is(.ro-medium, .rot-medium) {
    margin-top: 0px;
  }
  .ro-feature + :is(.ro-large, .rot-large) {
    margin-top: 0px;
  }
  .ro-feature + :is(.ro-xlarge, .rot-xlarge) {
    margin-top: 0px;
  }
  .ro-feature + :is(.ro-flow, .rot-flow) {
    margin-top: 0px;
  }
  .ro-feature + :is(.ro-gutter, .rot-gutter) {
    margin-top: 0px;
  }
  .ro-feature + :is(.ro-outer, .rot-outer) {
    margin-top: 0px;
  }
  .ro-feature + :is(.ro-bg, .rot-bg) {
    margin-top: 0px;
  }
  .ro-feature + :is(.ro-feature, .rot-feature) {
    margin-top: 0px;
  }
  .ro-feature + :is(.ro-hero, .rot-hero) {
    margin-top: clamp(16px, 13.0136vw - 30.8494px, 168px);
  }
  .ro-hero + :is(.ro-default, .rot-default) {
    margin-top: 0px;
  }
  .ro-hero + :is(.ro-tiny, .rot-tiny) {
    margin-top: 0px;
  }
  .ro-hero + :is(.ro-small, .rot-small) {
    margin-top: 0px;
  }
  .ro-hero + :is(.ro-medium, .rot-medium) {
    margin-top: 0px;
  }
  .ro-hero + :is(.ro-large, .rot-large) {
    margin-top: 0px;
  }
  .ro-hero + :is(.ro-xlarge, .rot-xlarge) {
    margin-top: 0px;
  }
  .ro-hero + :is(.ro-flow, .rot-flow) {
    margin-top: 0px;
  }
  .ro-hero + :is(.ro-gutter, .rot-gutter) {
    margin-top: 0px;
  }
  .ro-hero + :is(.ro-outer, .rot-outer) {
    margin-top: 0px;
  }
  .ro-hero + :is(.ro-bg, .rot-bg) {
    margin-top: 0px;
  }
  .ro-hero + :is(.ro-feature, .rot-feature) {
    margin-top: 0px;
  }
  .ro-hero + :is(.ro-hero, .rot-hero) {
    margin-top: 0px;
  }
  .rob-default + :is(.ro-default, .rot-default) {
    margin-top: 0px;
  }
  .rob-default + :is(.ro-tiny, .rot-tiny) {
    margin-top: 0px;
  }
  .rob-default + :is(.ro-small, .rot-small) {
    margin-top: 0px;
  }
  .rob-default + :is(.ro-medium, .rot-medium) {
    margin-top: 0px;
  }
  .rob-default + :is(.ro-large, .rot-large) {
    margin-top: 0px;
  }
  .rob-default + :is(.ro-xlarge, .rot-xlarge) {
    margin-top: clamp(8px, 1.3698vw + 3.0684px, 24px);
  }
  .rob-default + :is(.ro-flow, .rot-flow) {
    margin-top: 0px;
  }
  .rob-default + :is(.ro-gutter, .rot-gutter) {
    margin-top: 0px;
  }
  .rob-default + :is(.ro-outer, .rot-outer) {
    margin-top: 0px;
  }
  .rob-default + :is(.ro-bg, .rot-bg) {
    margin-top: clamp(0px, 0.6849vw - 2.4658px, 8px);
  }
  .rob-default + :is(.ro-feature, .rot-feature) {
    margin-top: clamp(32px, 1.3698vw + 27.0684px, 48px);
  }
  .rob-default + :is(.ro-hero, .rot-hero) {
    margin-top: clamp(48px, 14.3835vw - 3.7809px, 216px);
  }
  .rob-tiny + :is(.ro-default, .rot-default) {
    margin-top: clamp(32px, 2.0547vw + 24.6027px, 56px);
  }
  .rob-tiny + :is(.ro-tiny, .rot-tiny) {
    margin-top: 0px;
  }
  .rob-tiny + :is(.ro-small, .rot-small) {
    margin-top: clamp(0px, 0.6849vw - 2.4658px, 8px);
  }
  .rob-tiny + :is(.ro-medium, .rot-medium) {
    margin-top: clamp(8px, 0.6849vw + 5.5342px, 16px);
  }
  .rob-tiny + :is(.ro-large, .rot-large) {
    margin-top: clamp(20px, 2.3972vw + 11.3698px, 48px);
  }
  .rob-tiny + :is(.ro-xlarge, .rot-xlarge) {
    margin-top: clamp(40px, 3.4246vw + 27.6712px, 80px);
  }
  .rob-tiny + :is(.ro-flow, .rot-flow) {
    margin-top: clamp(12px, 1.0273vw + 8.3013px, 24px);
  }
  .rob-tiny + :is(.ro-gutter, .rot-gutter) {
    margin-top: clamp(4px, 1.7123vw - 2.1644px, 24px);
  }
  .rob-tiny + :is(.ro-outer, .rot-outer) {
    margin-top: clamp(16px, 0.6849vw + 13.5342px, 24px);
  }
  .rob-tiny + :is(.ro-bg, .rot-bg) {
    margin-top: clamp(24px, 3.4246vw + 11.6712px, 64px);
  }
  .rob-tiny + :is(.ro-feature, .rot-feature) {
    margin-top: clamp(64px, 3.4246vw + 51.6712px, 104px);
  }
  .rob-tiny + :is(.ro-hero, .rot-hero) {
    margin-top: clamp(80px, 16.4383vw + 20.8219px, 272px);
  }
  .rob-small + :is(.ro-default, .rot-default) {
    margin-top: clamp(32px, 1.3698vw + 27.0684px, 48px);
  }
  .rob-small + :is(.ro-tiny, .rot-tiny) {
    margin-top: 0px;
  }
  .rob-small + :is(.ro-small, .rot-small) {
    margin-top: 0px;
  }
  .rob-small + :is(.ro-medium, .rot-medium) {
    margin-top: 8px;
  }
  .rob-small + :is(.ro-large, .rot-large) {
    margin-top: clamp(20px, 1.7123vw + 13.8356px, 40px);
  }
  .rob-small + :is(.ro-xlarge, .rot-xlarge) {
    margin-top: clamp(40px, 2.7397vw + 30.1369px, 72px);
  }
  .rob-small + :is(.ro-flow, .rot-flow) {
    margin-top: clamp(12px, 0.3424vw + 10.7671px, 16px);
  }
  .rob-small + :is(.ro-gutter, .rot-gutter) {
    margin-top: clamp(4px, 1.0273vw + 0.3013px, 16px);
  }
  .rob-small + :is(.ro-outer, .rot-outer) {
    margin-top: 16px;
  }
  .rob-small + :is(.ro-bg, .rot-bg) {
    margin-top: clamp(24px, 2.7397vw + 14.1369px, 56px);
  }
  .rob-small + :is(.ro-feature, .rot-feature) {
    margin-top: clamp(64px, 2.7397vw + 54.1369px, 96px);
  }
  .rob-small + :is(.ro-hero, .rot-hero) {
    margin-top: clamp(80px, 15.7534vw + 23.2876px, 264px);
  }
  .rob-medium + :is(.ro-default, .rot-default) {
    margin-top: clamp(24px, 1.3698vw + 19.0684px, 40px);
  }
  .rob-medium + :is(.ro-tiny, .rot-tiny) {
    margin-top: 0px;
  }
  .rob-medium + :is(.ro-small, .rot-small) {
    margin-top: 0px;
  }
  .rob-medium + :is(.ro-medium, .rot-medium) {
    margin-top: 0px;
  }
  .rob-medium + :is(.ro-large, .rot-large) {
    margin-top: clamp(12px, 1.7123vw + 5.8356px, 32px);
  }
  .rob-medium + :is(.ro-xlarge, .rot-xlarge) {
    margin-top: clamp(32px, 2.7397vw + 22.1369px, 64px);
  }
  .rob-medium + :is(.ro-flow, .rot-flow) {
    margin-top: clamp(4px, 0.3424vw + 2.7671px, 8px);
  }
  .rob-medium + :is(.ro-gutter, .rot-gutter) {
    margin-top: clamp(0px, 0.6849vw - 2.4658px, 8px);
  }
  .rob-medium + :is(.ro-outer, .rot-outer) {
    margin-top: 8px;
  }
  .rob-medium + :is(.ro-bg, .rot-bg) {
    margin-top: clamp(16px, 2.7397vw + 6.1369px, 48px);
  }
  .rob-medium + :is(.ro-feature, .rot-feature) {
    margin-top: clamp(56px, 2.7397vw + 46.1369px, 88px);
  }
  .rob-medium + :is(.ro-hero, .rot-hero) {
    margin-top: clamp(72px, 15.7534vw + 15.2876px, 256px);
  }
  .rob-large + :is(.ro-default, .rot-default) {
    margin-top: clamp(8px, -0.3425vw + 13.2328px, 12px);
  }
  .rob-large + :is(.ro-tiny, .rot-tiny) {
    margin-top: 0px;
  }
  .rob-large + :is(.ro-small, .rot-small) {
    margin-top: 0px;
  }
  .rob-large + :is(.ro-medium, .rot-medium) {
    margin-top: 0px;
  }
  .rob-large + :is(.ro-large, .rot-large) {
    margin-top: 0px;
  }
  .rob-large + :is(.ro-xlarge, .rot-xlarge) {
    margin-top: clamp(20px, 1.0273vw + 16.3013px, 32px);
  }
  .rob-large + :is(.ro-flow, .rot-flow) {
    margin-top: 0px;
  }
  .rob-large + :is(.ro-gutter, .rot-gutter) {
    margin-top: 0px;
  }
  .rob-large + :is(.ro-outer, .rot-outer) {
    margin-top: 0px;
  }
  .rob-large + :is(.ro-bg, .rot-bg) {
    margin-top: clamp(4px, 1.0273vw + 0.3013px, 16px);
  }
  .rob-large + :is(.ro-feature, .rot-feature) {
    margin-top: clamp(44px, 1.0273vw + 40.3013px, 56px);
  }
  .rob-large + :is(.ro-hero, .rot-hero) {
    margin-top: clamp(60px, 14.041vw + 9.452px, 224px);
  }
  .rob-xlarge + :is(.ro-default, .rot-default) {
    margin-top: 0px;
  }
  .rob-xlarge + :is(.ro-tiny, .rot-tiny) {
    margin-top: 0px;
  }
  .rob-xlarge + :is(.ro-small, .rot-small) {
    margin-top: 0px;
  }
  .rob-xlarge + :is(.ro-medium, .rot-medium) {
    margin-top: 0px;
  }
  .rob-xlarge + :is(.ro-large, .rot-large) {
    margin-top: 0px;
  }
  .rob-xlarge + :is(.ro-xlarge, .rot-xlarge) {
    margin-top: 0px;
  }
  .rob-xlarge + :is(.ro-flow, .rot-flow) {
    margin-top: 0px;
  }
  .rob-xlarge + :is(.ro-gutter, .rot-gutter) {
    margin-top: 0px;
  }
  .rob-xlarge + :is(.ro-outer, .rot-outer) {
    margin-top: 0px;
  }
  .rob-xlarge + :is(.ro-bg, .rot-bg) {
    margin-top: 0px;
  }
  .rob-xlarge + :is(.ro-feature, .rot-feature) {
    margin-top: 24px;
  }
  .rob-xlarge + :is(.ro-hero, .rot-hero) {
    margin-top: clamp(40px, 13.0136vw - 6.8494px, 192px);
  }
  .rob-flow + :is(.ro-default, .rot-default) {
    margin-top: clamp(20px, 1.0273vw + 16.3013px, 32px);
  }
  .rob-flow + :is(.ro-tiny, .rot-tiny) {
    margin-top: 0px;
  }
  .rob-flow + :is(.ro-small, .rot-small) {
    margin-top: 0px;
  }
  .rob-flow + :is(.ro-medium, .rot-medium) {
    margin-top: 0px;
  }
  .rob-flow + :is(.ro-large, .rot-large) {
    margin-top: clamp(8px, 1.3698vw + 3.0684px, 24px);
  }
  .rob-flow + :is(.ro-xlarge, .rot-xlarge) {
    margin-top: clamp(28px, 2.3972vw + 19.3698px, 56px);
  }
  .rob-flow + :is(.ro-flow, .rot-flow) {
    margin-top: 0px;
  }
  .rob-flow + :is(.ro-gutter, .rot-gutter) {
    margin-top: 0px;
  }
  .rob-flow + :is(.ro-outer, .rot-outer) {
    margin-top: clamp(0px, -0.3425vw + 5.2328px, 4px);
  }
  .rob-flow + :is(.ro-bg, .rot-bg) {
    margin-top: clamp(12px, 2.3972vw + 3.3698px, 40px);
  }
  .rob-flow + :is(.ro-feature, .rot-feature) {
    margin-top: clamp(52px, 2.3972vw + 43.3698px, 80px);
  }
  .rob-flow + :is(.ro-hero, .rot-hero) {
    margin-top: clamp(68px, 15.4109vw + 12.5205px, 248px);
  }
  .rob-gutter + :is(.ro-default, .rot-default) {
    margin-top: clamp(28px, 0.3424vw + 26.7671px, 32px);
  }
  .rob-gutter + :is(.ro-tiny, .rot-tiny) {
    margin-top: 0px;
  }
  .rob-gutter + :is(.ro-small, .rot-small) {
    margin-top: 0px;
  }
  .rob-gutter + :is(.ro-medium, .rot-medium) {
    margin-top: clamp(0px, -0.3425vw + 5.2328px, 4px);
  }
  .rob-gutter + :is(.ro-large, .rot-large) {
    margin-top: clamp(16px, 0.6849vw + 13.5342px, 24px);
  }
  .rob-gutter + :is(.ro-xlarge, .rot-xlarge) {
    margin-top: clamp(36px, 1.7123vw + 29.8356px, 56px);
  }
  .rob-gutter + :is(.ro-flow, .rot-flow) {
    margin-top: clamp(0px, -0.685vw + 10.4657px, 8px);
  }
  .rob-gutter + :is(.ro-gutter, .rot-gutter) {
    margin-top: 0px;
  }
  .rob-gutter + :is(.ro-outer, .rot-outer) {
    margin-top: clamp(0px, -1.0274vw + 15.6986px, 12px);
  }
  .rob-gutter + :is(.ro-bg, .rot-bg) {
    margin-top: clamp(20px, 1.7123vw + 13.8356px, 40px);
  }
  .rob-gutter + :is(.ro-feature, .rot-feature) {
    margin-top: clamp(60px, 1.7123vw + 53.8356px, 80px);
  }
  .rob-gutter + :is(.ro-hero, .rot-hero) {
    margin-top: clamp(76px, 14.726vw + 22.9863px, 248px);
  }
  .rob-outer + :is(.ro-default, .rot-default) {
    margin-top: clamp(16px, 1.3698vw + 11.0684px, 32px);
  }
  .rob-outer + :is(.ro-tiny, .rot-tiny) {
    margin-top: 0px;
  }
  .rob-outer + :is(.ro-small, .rot-small) {
    margin-top: 0px;
  }
  .rob-outer + :is(.ro-medium, .rot-medium) {
    margin-top: 0px;
  }
  .rob-outer + :is(.ro-large, .rot-large) {
    margin-top: clamp(4px, 1.7123vw - 2.1644px, 24px);
  }
  .rob-outer + :is(.ro-xlarge, .rot-xlarge) {
    margin-top: clamp(24px, 2.7397vw + 14.1369px, 56px);
  }
  .rob-outer + :is(.ro-flow, .rot-flow) {
    margin-top: 0px;
  }
  .rob-outer + :is(.ro-gutter, .rot-gutter) {
    margin-top: 0px;
  }
  .rob-outer + :is(.ro-outer, .rot-outer) {
    margin-top: 0px;
  }
  .rob-outer + :is(.ro-bg, .rot-bg) {
    margin-top: clamp(8px, 2.7397vw - 1.8631px, 40px);
  }
  .rob-outer + :is(.ro-feature, .rot-feature) {
    margin-top: clamp(48px, 2.7397vw + 38.1369px, 80px);
  }
  .rob-outer + :is(.ro-hero, .rot-hero) {
    margin-top: clamp(64px, 15.7534vw + 7.2876px, 248px);
  }
  .rob-bg + :is(.ro-default, .rot-default) {
    margin-top: clamp(0px, -0.685vw + 10.4657px, 8px);
  }
  .rob-bg + :is(.ro-tiny, .rot-tiny) {
    margin-top: 0px;
  }
  .rob-bg + :is(.ro-small, .rot-small) {
    margin-top: 0px;
  }
  .rob-bg + :is(.ro-medium, .rot-medium) {
    margin-top: 0px;
  }
  .rob-bg + :is(.ro-large, .rot-large) {
    margin-top: 0px;
  }
  .rob-bg + :is(.ro-xlarge, .rot-xlarge) {
    margin-top: 16px;
  }
  .rob-bg + :is(.ro-flow, .rot-flow) {
    margin-top: 0px;
  }
  .rob-bg + :is(.ro-gutter, .rot-gutter) {
    margin-top: 0px;
  }
  .rob-bg + :is(.ro-outer, .rot-outer) {
    margin-top: 0px;
  }
  .rob-bg + :is(.ro-bg, .rot-bg) {
    margin-top: 0px;
  }
  .rob-bg + :is(.ro-feature, .rot-feature) {
    margin-top: 40px;
  }
  .rob-bg + :is(.ro-hero, .rot-hero) {
    margin-top: clamp(56px, 13.0136vw + 9.1506px, 208px);
  }
  .rob-feature + :is(.ro-default, .rot-default) {
    margin-top: 0px;
  }
  .rob-feature + :is(.ro-tiny, .rot-tiny) {
    margin-top: 0px;
  }
  .rob-feature + :is(.ro-small, .rot-small) {
    margin-top: 0px;
  }
  .rob-feature + :is(.ro-medium, .rot-medium) {
    margin-top: 0px;
  }
  .rob-feature + :is(.ro-large, .rot-large) {
    margin-top: 0px;
  }
  .rob-feature + :is(.ro-xlarge, .rot-xlarge) {
    margin-top: 0px;
  }
  .rob-feature + :is(.ro-flow, .rot-flow) {
    margin-top: 0px;
  }
  .rob-feature + :is(.ro-gutter, .rot-gutter) {
    margin-top: 0px;
  }
  .rob-feature + :is(.ro-outer, .rot-outer) {
    margin-top: 0px;
  }
  .rob-feature + :is(.ro-bg, .rot-bg) {
    margin-top: 0px;
  }
  .rob-feature + :is(.ro-feature, .rot-feature) {
    margin-top: 0px;
  }
  .rob-feature + :is(.ro-hero, .rot-hero) {
    margin-top: clamp(16px, 13.0136vw - 30.8494px, 168px);
  }
  .rob-hero + :is(.ro-default, .rot-default) {
    margin-top: 0px;
  }
  .rob-hero + :is(.ro-tiny, .rot-tiny) {
    margin-top: 0px;
  }
  .rob-hero + :is(.ro-small, .rot-small) {
    margin-top: 0px;
  }
  .rob-hero + :is(.ro-medium, .rot-medium) {
    margin-top: 0px;
  }
  .rob-hero + :is(.ro-large, .rot-large) {
    margin-top: 0px;
  }
  .rob-hero + :is(.ro-xlarge, .rot-xlarge) {
    margin-top: 0px;
  }
  .rob-hero + :is(.ro-flow, .rot-flow) {
    margin-top: 0px;
  }
  .rob-hero + :is(.ro-gutter, .rot-gutter) {
    margin-top: 0px;
  }
  .rob-hero + :is(.ro-outer, .rot-outer) {
    margin-top: 0px;
  }
  .rob-hero + :is(.ro-bg, .rot-bg) {
    margin-top: 0px;
  }
  .rob-hero + :is(.ro-feature, .rot-feature) {
    margin-top: 0px;
  }
  .rob-hero + :is(.ro-hero, .rot-hero) {
    margin-top: 0px;
  }
  :is(.ro-flush, .rob-flush) + :is(.ro-flush, .rot-flush) {
    margin-top: 0;
  }
  :is(.ro-flush, .rob-flush):has(+ .ro-flush, + .rot-flush) {
    margin-bottom: 0;
  }
  main {
    margin-block: var(--rhythm-large);
  }
  .hero:is(.ro-flush, .rob-flush) + main:has(> :first-child:is(.ro-flush, .rot-flush)) {
    margin-top: 0;
  }
  .w-content-group > :first-child {
    margin-top: 0;
  }
  .w-content-group > :last-child {
    margin-bottom: 0;
  }
  .w-content-group:has(> :last-child:is(.ro-flush, .rob-flush),
  > :last-child .w-content-group > :last-child:is(.ro-flush, .rob-flush)) {
    margin-bottom: 0;
  }
  :is(.\:palette-1, .\:palette-white).\:bg-bleed-true + :is(.\:palette-1, .\:palette-white).\:bg-bleed-true {
    padding-top: 0;
  }
  .hero:is(.ro-flush, .rob-flush):is(.\:palette-1, .\:palette-white) + main > :first-child:is(.ro-flush, .rot-flush):is(.\:palette-1, .\:palette-white) {
    padding-top: 0;
  }
  :is(.\:palette-2, .\:palette-sand).\:bg-bleed-true + :is(.\:palette-2, .\:palette-sand).\:bg-bleed-true {
    padding-top: 0;
  }
  .hero:is(.ro-flush, .rob-flush):is(.\:palette-2, .\:palette-sand) + main > :first-child:is(.ro-flush, .rot-flush):is(.\:palette-2, .\:palette-sand) {
    padding-top: 0;
  }
  :is(.\:palette-3, .\:palette-sky).\:bg-bleed-true + :is(.\:palette-3, .\:palette-sky).\:bg-bleed-true {
    padding-top: 0;
  }
  .hero:is(.ro-flush, .rob-flush):is(.\:palette-3, .\:palette-sky) + main > :first-child:is(.ro-flush, .rot-flush):is(.\:palette-3, .\:palette-sky) {
    padding-top: 0;
  }
  :is(.\:palette-4, .\:palette-ocean).\:bg-bleed-true + :is(.\:palette-4, .\:palette-ocean).\:bg-bleed-true {
    padding-top: 0;
  }
  .hero:is(.ro-flush, .rob-flush):is(.\:palette-4, .\:palette-ocean) + main > :first-child:is(.ro-flush, .rot-flush):is(.\:palette-4, .\:palette-ocean) {
    padding-top: 0;
  }
  :is(.\:palette-5, .\:palette-night).\:bg-bleed-true + :is(.\:palette-5, .\:palette-night).\:bg-bleed-true {
    padding-top: 0;
  }
  .hero:is(.ro-flush, .rob-flush):is(.\:palette-5, .\:palette-night) + main > :first-child:is(.ro-flush, .rot-flush):is(.\:palette-5, .\:palette-night) {
    padding-top: 0;
  }
}
@layer site_custom {
  .palette-mode-toggle {
    position: fixed;
    right: 0;
    bottom: 48px;
    z-index: 10000;
    display: block;
    margin: 0;
    padding: 0;
  }
  .palette-mode-toggle .btn {
    --p-icon: #fff;
    --btn-bg-color-default: #f09;
    --btn-bg-color-hover: #90f;
    --btn-border-radius: 0;
  }
  [data-palette-mode=light] .palette-mode-toggle .\:icon-moon {
    display: none;
  }
  [data-palette-mode=dark] .palette-mode-toggle .\:icon-sun {
    display: none;
  }
  .breakpoint-display {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 10000;
    display: block;
    margin: 0;
    padding: 0;
    font-family: "SF Mono", "Source Code Pro", Consolas, "Fira Mono", "Droid Sans Mono", "Andale Mono", "Lucida Console", "Bitstream Vera Sans Mono", "Liberation Mono", "Monaco", monospace;
    font-weight: 700;
    font-size: 22px;
    line-height: 1;
    pointer-events: none;
    touch-action: none;
  }
  .breakpoint-display__item {
    display: none;
    padding: 0.4em;
    background: #f09;
    color: #fff;
  }
  @media (max-width: 359.98px) {
    .breakpoint-display__item.b0 {
      display: block;
    }
  }
  @media (min-width: 360px) and (max-width: 467.98px) {
    .breakpoint-display__item.b1 {
      display: block;
    }
  }
  @media (min-width: 468px) and (max-width: 595.98px) {
    .breakpoint-display__item.b2 {
      display: block;
    }
  }
  @media (min-width: 596px) and (max-width: 739.98px) {
    .breakpoint-display__item.b3 {
      display: block;
    }
  }
  @media (min-width: 740px) and (max-width: 899.98px) {
    .breakpoint-display__item.b4 {
      display: block;
    }
  }
  @media (min-width: 900px) and (max-width: 1083.98px) {
    .breakpoint-display__item.b5 {
      display: block;
    }
  }
  @media (min-width: 1084px) and (max-width: 1291.98px) {
    .breakpoint-display__item.b6 {
      display: block;
    }
  }
  @media (min-width: 1292px) and (max-width: 1527.98px) {
    .breakpoint-display__item.b7 {
      display: block;
    }
  }
  @media (min-width: 1528px) and (max-width: 1791.98px) {
    .breakpoint-display__item.b8 {
      display: block;
    }
  }
  @media (min-width: 1792px) {
    .breakpoint-display__item.b9 {
      display: block;
    }
  }
  .breakpoint-detector {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: -10000;
    display: block;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    pointer-events: none;
    touch-action: none;
  }
  .breakpoint-detector__item.b0 {
    width: 0px;
  }
  .breakpoint-detector__item.b1 {
    width: 360px;
  }
  .breakpoint-detector__item.b2 {
    width: 468px;
  }
  .breakpoint-detector__item.b3 {
    width: 596px;
  }
  .breakpoint-detector__item.b4 {
    width: 740px;
  }
  .breakpoint-detector__item.b5 {
    width: 900px;
  }
  .breakpoint-detector__item.b6 {
    width: 1084px;
  }
  .breakpoint-detector__item.b7 {
    width: 1292px;
  }
  .breakpoint-detector__item.b8 {
    width: 1528px;
  }
  .breakpoint-detector__item.b9 {
    width: 1792px;
  }
}
@layer reset {
  *,
  ::before,
  ::after {
    box-sizing: border-box;
    border: 0 solid currentColor;
  }
  html {
    height: 100%;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
      -o-tab-size: 4;
         tab-size: 4;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif;
  }
  body {
    margin: 0;
    padding: 0;
    min-height: 100%;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
  }
  button,
  select {
    text-transform: none;
  }
  button,
  [type=button],
  [type=reset],
  [type=submit] {
    -webkit-appearance: button;
       -moz-appearance: button;
            appearance: button;
    background-color: transparent;
    background-image: none;
  }
  :-moz-focusring {
    outline: auto;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  progress {
    vertical-align: baseline;
  }
  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [type=search] {
    -webkit-appearance: textfield;
       -moz-appearance: textfield;
            appearance: textfield;
    outline-offset: -2px;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
            appearance: none;
  }
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
            appearance: button;
    font: inherit;
  }
  summary {
    display: list-item;
  }
  blockquote,
  dl,
  dd,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  hr,
  figure,
  p,
  pre {
    margin: 0;
  }
  fieldset {
    margin: 0;
    padding: 0;
  }
  legend {
    padding: 0;
  }
  ol,
  ul,
  menu {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  textarea {
    resize: vertical;
  }
  input::-moz-placeholder, textarea::-moz-placeholder {
    opacity: 1;
  }
  input::placeholder,
  textarea::placeholder {
    opacity: 1;
  }
  button,
  [role=button] {
    cursor: pointer;
  }
  :disabled,
  [disabled] {
    cursor: default;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    display: block;
    vertical-align: middle;
  }
  img,
  svg,
  video {
    max-width: 100%;
    height: auto;
  }
  iframe {
    width: 100%;
  }
  [hidden] {
    display: none;
  }
}
@layer site_default {
  :root {
    --color-white: #ffffff;
    --color-sand: #f8f3ea;
    --color-sky: #cbf3ee;
    --color-ocean: #006666;
    --color-night: #151515;
    --color-carbon: #292725;
    --color-coal: #222222;
    --color-coal-20: #22222233;
    --color-coal-16: #22222229;
    --color-coal-5: #2222220d;
    --color-concrete: #e2e2e2;
    --color-stone: #686561;
    --color-stone-48: #6865617a;
    --color-white-48: #ffffff7a;
    --color-white-16: #ffffff29;
    --color-white-5: #ffffff0d;
    --color-night-40: #15151566;
    --color-aqua: #33cccc;
    --color-hhc-orange: #F15822;
    --color-crimson: #ff395f;
    --color-orange: #ff9a00;
    --color-pink: #da009a;
    --color-cherry: #d42b4b;
    --color-transparent: transparent;
  }
}
@layer site_base {
  .-bg-white {
    background-color: var(--color-white);
  }
  .-fill-white {
    fill: var(--color-white);
  }
  .-text-white {
    color: var(--color-white);
  }
  .-bg-sand {
    background-color: var(--color-sand);
  }
  .-fill-sand {
    fill: var(--color-sand);
  }
  .-text-sand {
    color: var(--color-sand);
  }
  .-bg-sky {
    background-color: var(--color-sky);
  }
  .-fill-sky {
    fill: var(--color-sky);
  }
  .-text-sky {
    color: var(--color-sky);
  }
  .-bg-ocean {
    background-color: var(--color-ocean);
  }
  .-fill-ocean {
    fill: var(--color-ocean);
  }
  .-text-ocean {
    color: var(--color-ocean);
  }
  .-bg-night {
    background-color: var(--color-night);
  }
  .-fill-night {
    fill: var(--color-night);
  }
  .-text-night {
    color: var(--color-night);
  }
  .-bg-carbon {
    background-color: var(--color-carbon);
  }
  .-fill-carbon {
    fill: var(--color-carbon);
  }
  .-text-carbon {
    color: var(--color-carbon);
  }
  .-bg-coal {
    background-color: var(--color-coal);
  }
  .-fill-coal {
    fill: var(--color-coal);
  }
  .-text-coal {
    color: var(--color-coal);
  }
  .-bg-coal-20 {
    background-color: var(--color-coal-20);
  }
  .-fill-coal-20 {
    fill: var(--color-coal-20);
  }
  .-text-coal-20 {
    color: var(--color-coal-20);
  }
  .-bg-coal-16 {
    background-color: var(--color-coal-16);
  }
  .-fill-coal-16 {
    fill: var(--color-coal-16);
  }
  .-text-coal-16 {
    color: var(--color-coal-16);
  }
  .-bg-coal-5 {
    background-color: var(--color-coal-5);
  }
  .-fill-coal-5 {
    fill: var(--color-coal-5);
  }
  .-text-coal-5 {
    color: var(--color-coal-5);
  }
  .-bg-concrete {
    background-color: var(--color-concrete);
  }
  .-fill-concrete {
    fill: var(--color-concrete);
  }
  .-text-concrete {
    color: var(--color-concrete);
  }
  .-bg-stone {
    background-color: var(--color-stone);
  }
  .-fill-stone {
    fill: var(--color-stone);
  }
  .-text-stone {
    color: var(--color-stone);
  }
  .-bg-stone-48 {
    background-color: var(--color-stone-48);
  }
  .-fill-stone-48 {
    fill: var(--color-stone-48);
  }
  .-text-stone-48 {
    color: var(--color-stone-48);
  }
  .-bg-white-48 {
    background-color: var(--color-white-48);
  }
  .-fill-white-48 {
    fill: var(--color-white-48);
  }
  .-text-white-48 {
    color: var(--color-white-48);
  }
  .-bg-white-16 {
    background-color: var(--color-white-16);
  }
  .-fill-white-16 {
    fill: var(--color-white-16);
  }
  .-text-white-16 {
    color: var(--color-white-16);
  }
  .-bg-white-5 {
    background-color: var(--color-white-5);
  }
  .-fill-white-5 {
    fill: var(--color-white-5);
  }
  .-text-white-5 {
    color: var(--color-white-5);
  }
  .-bg-night-40 {
    background-color: var(--color-night-40);
  }
  .-fill-night-40 {
    fill: var(--color-night-40);
  }
  .-text-night-40 {
    color: var(--color-night-40);
  }
  .-bg-aqua {
    background-color: var(--color-aqua);
  }
  .-fill-aqua {
    fill: var(--color-aqua);
  }
  .-text-aqua {
    color: var(--color-aqua);
  }
  .-bg-hhc-orange {
    background-color: var(--color-hhc-orange);
  }
  .-fill-hhc-orange {
    fill: var(--color-hhc-orange);
  }
  .-text-hhc-orange {
    color: var(--color-hhc-orange);
  }
  .-bg-crimson {
    background-color: var(--color-crimson);
  }
  .-fill-crimson {
    fill: var(--color-crimson);
  }
  .-text-crimson {
    color: var(--color-crimson);
  }
  .-bg-orange {
    background-color: var(--color-orange);
  }
  .-fill-orange {
    fill: var(--color-orange);
  }
  .-text-orange {
    color: var(--color-orange);
  }
  .-bg-pink {
    background-color: var(--color-pink);
  }
  .-fill-pink {
    fill: var(--color-pink);
  }
  .-text-pink {
    color: var(--color-pink);
  }
  .-bg-cherry {
    background-color: var(--color-cherry);
  }
  .-fill-cherry {
    fill: var(--color-cherry);
  }
  .-text-cherry {
    color: var(--color-cherry);
  }
  .-bg-transparent {
    background-color: var(--color-transparent);
  }
  .-fill-transparent {
    fill: var(--color-transparent);
  }
  .-text-transparent {
    color: var(--color-transparent);
  }
  .-bg-white {
    background-color: var(--color-white);
  }
  .-fill-white {
    fill: var(--color-white);
  }
  .-text-white {
    color: var(--color-white);
  }
  .\:palette-1, .\:palette-white {
    --p-bg: var(--color-white);
    --p-inset-bg: var(--color-sand);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-coal);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-sky);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-sky);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-coal-16);
    --p-line-alt: var(--color-coal);
    --p-icon: var(--color-coal);
    --p-icon-alt: var(--color-sand);
    --p-image-bg: var(--color-coal-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-coal);
    --link-bg-color-default: var(--color-sky);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-sky);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-coal);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-sky);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-sky);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-white);
    --p-btn-v1-border-active: var(--color-night);
    --p-btn-v1-bg-active: var(--color-night);
    --p-btn-v1-text-disabled: var(--color-white);
    --p-btn-v1-border-disabled: var(--color-ocean);
    --p-btn-v1-bg-disabled: var(--color-ocean);
    --p-btn-v2-text-default: var(--color-coal);
    --p-btn-v2-border-default: var(--color-coal);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-white);
    --p-btn-v2-border-active: var(--color-coal);
    --p-btn-v2-bg-active: var(--color-night);
    --p-btn-v2-text-disabled: var(--color-coal);
    --p-btn-v2-border-disabled: var(--color-coal);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-coal-16);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-coal);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-coal-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-sky);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
  }
  @media (prefers-color-scheme: dark) {
    .\:palette-1 :root:not([data-palette-mode]), .\:palette-white :root:not([data-palette-mode]) {
      --p-bg: var(--color-night);
      --p-inset-bg: var(--color-ocean);
      --p-overlay-bg: var(--color-night-40);
      --p-text: var(--color-white);
      --p-list-marker-1: var(--color-hhc-orange);
      --p-list-marker-2: var(--color-white);
      --p-list-marker-3: var(--color-white);
      --p-selection-bg: var(--color-orange);
      --p-selection-text: var(--color-coal);
      --p-highlight-bg: var(--color-aqua);
      --p-highlight-text: var(--color-coal);
      --p-lowlight-bg: var(--color-night);
      --p-lowlight-text: var(--color-white);
      --p-caption: var(--color-white);
      --p-error: var(--color-cherry);
      --p-accent-1: var(--color-aqua);
      --p-accent-2: var(--color-white);
      --p-accent-3: var(--color-orange);
      --p-accent-4: var(--color-crimson);
      --p-accent-5: var(--color-pink);
      --p-line: var(--color-white-16);
      --p-line-alt: var(--color-white);
      --p-icon: var(--color-white);
      --p-icon-alt: var(--color-ocean);
      --p-image-bg: var(--color-white-5);
      --link-text-color-default: var(--color-white);
      --link-border-color-default: var(--color-white);
      --link-bg-color-default: var(--color-sky);
      --link-text-color-hover: var(--color-coal);
      --link-border-color-hover: var(--color-aqua);
      --link-bg-color-hover: var(--color-sky);
      --link-text-color-active: var(--color-coal);
      --link-border-color-active: var(--color-aqua);
      --link-bg-color-active: var(--color-sky);
      --link-shy-text-color-default: var(--color-white);
      --link-shy-border-color-default: var(--color-transparent);
      --link-shy-bg-color-default: var(--color-sky);
      --link-shy-text-color-hover: var(--color-coal);
      --link-shy-border-color-hover: var(--color-aqua);
      --link-shy-bg-color-hover: var(--color-sky);
      --p-btn-v1-text-default: var(--color-coal);
      --p-btn-v1-border-default: var(--color-aqua);
      --p-btn-v1-bg-default: var(--color-hhc-orange);
      --p-btn-v1-text-hover: var(--color-white);
      --p-btn-v1-border-hover: var(--color-pink);
      --p-btn-v1-bg-hover: var(--color-pink);
      --p-btn-v1-text-active: var(--color-coal);
      --p-btn-v1-border-active: var(--color-white);
      --p-btn-v1-bg-active: var(--color-white);
      --p-btn-v1-text-disabled: var(--color-coal);
      --p-btn-v1-border-disabled: var(--color-aqua);
      --p-btn-v1-bg-disabled: var(--color-aqua);
      --p-btn-v2-text-default: var(--color-white);
      --p-btn-v2-border-default: var(--color-white);
      --p-btn-v2-bg-default: var(--color-transparent);
      --p-btn-v2-text-hover: var(--color-white);
      --p-btn-v2-border-hover: var(--color-pink);
      --p-btn-v2-bg-hover: var(--color-pink);
      --p-btn-v2-text-active: var(--color-coal);
      --p-btn-v2-border-active: var(--color-white);
      --p-btn-v2-bg-active: var(--color-white);
      --p-btn-v2-text-disabled: var(--color-white);
      --p-btn-v2-border-disabled: var(--color-white);
      --p-btn-v2-bg-disabled: var(--color-transparent);
      --p-btn-v1-media-text-default: var(--color-white);
      --p-btn-v1-media-border-default: var(--color-coal);
      --p-btn-v1-media-bg-default: var(--color-coal);
      --p-btn-v1-media-text-hover: var(--color-white);
      --p-btn-v1-media-border-hover: var(--color-pink);
      --p-btn-v1-media-bg-hover: var(--color-pink);
      --p-btn-v1-media-text-active: var(--color-white);
      --p-btn-v1-media-border-active: var(--color-pink);
      --p-btn-v1-media-bg-active: var(--color-pink);
      --p-btn-v1-media-text-disabled: var(--color-white-48);
      --p-btn-v1-media-border-disabled: var(--color-coal);
      --p-btn-v1-media-bg-disabled: var(--color-coal);
      --field-text-color-default: var(--color-stone-48);
      --field-border-color-default: var(--color-transparent);
      --field-bg-color-default: var(--color-white);
      --field-text-color-value: var(--color-coal);
      --field-border-color-value: var(--color-transparent);
      --field-bg-color-value: var(--color-white);
      --field-text-color-hover: var(--color-coal);
      --field-border-color-hover: var(--color-coal);
      --field-bg-color-hover: var(--color-white);
      --field-text-color-focus: var(--color-coal);
      --field-border-color-focus: var(--color-aqua);
      --field-bg-color-focus: var(--color-white);
      --field-text-color-error: var(--color-coal);
      --field-border-color-error: var(--color-crimson);
      --field-bg-color-error: var(--color-white);
      --field-text-color-disabled: var(--color-stone-48);
      --field-border-color-disabled: var(--color-white-16);
      --field-bg-color-disabled: var(--color-transparent);
      --toggle-input-icon-color-default: var(--color-stone-48);
      --toggle-input-border-color-default: var(--color-concrete);
      --toggle-input-bg-color-default: var(--color-white);
      --toggle-input-icon-color-value: var(--color-coal);
      --toggle-input-border-color-value: var(--color-concrete);
      --toggle-input-bg-color-value: var(--color-white);
      --toggle-input-icon-color-hover: var(--color-coal);
      --toggle-input-border-color-hover: var(--color-aqua);
      --toggle-input-bg-color-hover: var(--color-white);
      --toggle-input-icon-color-focus: var(--color-coal);
      --toggle-input-border-color-focus: var(--color-aqua);
      --toggle-input-bg-color-focus: var(--color-white);
      --toggle-input-icon-color-disabled: var(--color-stone-48);
      --toggle-input-border-color-disabled: var(--color-concrete);
      --toggle-input-bg-color-disabled: var(--color-transparent);
      --tag-text-color-default: var(--color-coal);
      --tag-border-color-default: var(--color-transparent);
      --tag-bg-color-default: var(--color-sky);
      --tag-text-color-hover: var(--color-white);
      --tag-border-color-hover: var(--color-transparent);
      --tag-bg-color-hover: var(--color-pink);
      --p-tab-text-default: var(--color-coal);
      --p-tab-border-default: var(--color-transparent);
      --p-tab-bg-default: var(--color-transparent);
      --p-tab-text-hover: var(--color-coal);
      --p-tab-border-hover: var(--color-transparent);
      --p-tab-bg-hover: var(--color-aqua);
      --p-tab-text-active: var(--color-white);
      --p-tab-border-active: var(--color-transparent);
      --p-tab-bg-active: var(--color-coal);
      --p-tab-text-disabled: var(--color-stone-48);
      --p-tab-border-disabled: var(--color-transparent);
      --p-tab-bg-disabled: var(--color-transparent);
      --p-pagination-active: var(--color-white);
      --p-pagination-inactive: var(--color-white-48);
      --p-nav-dropdown-bg: var(--color-white);
    }
    :root[data-palette-mode=light] .\:palette-1 :root:not([data-palette-mode]), :root[data-palette-mode=light] .\:palette-white :root:not([data-palette-mode]) {
      --p-bg: var(--color-night);
      --p-inset-bg: var(--color-ocean);
      --p-overlay-bg: var(--color-night-40);
      --p-text: var(--color-white);
      --p-list-marker-1: var(--color-hhc-orange);
      --p-list-marker-2: var(--color-white);
      --p-list-marker-3: var(--color-white);
      --p-selection-bg: var(--color-orange);
      --p-selection-text: var(--color-coal);
      --p-highlight-bg: var(--color-aqua);
      --p-highlight-text: var(--color-coal);
      --p-lowlight-bg: var(--color-night);
      --p-lowlight-text: var(--color-white);
      --p-caption: var(--color-white);
      --p-error: var(--color-cherry);
      --p-accent-1: var(--color-aqua);
      --p-accent-2: var(--color-white);
      --p-accent-3: var(--color-orange);
      --p-accent-4: var(--color-crimson);
      --p-accent-5: var(--color-pink);
      --p-line: var(--color-white-16);
      --p-line-alt: var(--color-white);
      --p-icon: var(--color-white);
      --p-icon-alt: var(--color-ocean);
      --p-image-bg: var(--color-white-5);
      --link-text-color-default: var(--color-white);
      --link-border-color-default: var(--color-white);
      --link-bg-color-default: var(--color-sky);
      --link-text-color-hover: var(--color-coal);
      --link-border-color-hover: var(--color-aqua);
      --link-bg-color-hover: var(--color-sky);
      --link-text-color-active: var(--color-coal);
      --link-border-color-active: var(--color-aqua);
      --link-bg-color-active: var(--color-sky);
      --link-shy-text-color-default: var(--color-white);
      --link-shy-border-color-default: var(--color-transparent);
      --link-shy-bg-color-default: var(--color-sky);
      --link-shy-text-color-hover: var(--color-coal);
      --link-shy-border-color-hover: var(--color-aqua);
      --link-shy-bg-color-hover: var(--color-sky);
      --p-btn-v1-text-default: var(--color-coal);
      --p-btn-v1-border-default: var(--color-aqua);
      --p-btn-v1-bg-default: var(--color-hhc-orange);
      --p-btn-v1-text-hover: var(--color-white);
      --p-btn-v1-border-hover: var(--color-pink);
      --p-btn-v1-bg-hover: var(--color-pink);
      --p-btn-v1-text-active: var(--color-coal);
      --p-btn-v1-border-active: var(--color-white);
      --p-btn-v1-bg-active: var(--color-white);
      --p-btn-v1-text-disabled: var(--color-coal);
      --p-btn-v1-border-disabled: var(--color-aqua);
      --p-btn-v1-bg-disabled: var(--color-aqua);
      --p-btn-v2-text-default: var(--color-white);
      --p-btn-v2-border-default: var(--color-white);
      --p-btn-v2-bg-default: var(--color-transparent);
      --p-btn-v2-text-hover: var(--color-white);
      --p-btn-v2-border-hover: var(--color-pink);
      --p-btn-v2-bg-hover: var(--color-pink);
      --p-btn-v2-text-active: var(--color-coal);
      --p-btn-v2-border-active: var(--color-white);
      --p-btn-v2-bg-active: var(--color-white);
      --p-btn-v2-text-disabled: var(--color-white);
      --p-btn-v2-border-disabled: var(--color-white);
      --p-btn-v2-bg-disabled: var(--color-transparent);
      --p-btn-v1-media-text-default: var(--color-white);
      --p-btn-v1-media-border-default: var(--color-coal);
      --p-btn-v1-media-bg-default: var(--color-coal);
      --p-btn-v1-media-text-hover: var(--color-white);
      --p-btn-v1-media-border-hover: var(--color-pink);
      --p-btn-v1-media-bg-hover: var(--color-pink);
      --p-btn-v1-media-text-active: var(--color-white);
      --p-btn-v1-media-border-active: var(--color-pink);
      --p-btn-v1-media-bg-active: var(--color-pink);
      --p-btn-v1-media-text-disabled: var(--color-white-48);
      --p-btn-v1-media-border-disabled: var(--color-coal);
      --p-btn-v1-media-bg-disabled: var(--color-coal);
      --field-text-color-default: var(--color-stone-48);
      --field-border-color-default: var(--color-transparent);
      --field-bg-color-default: var(--color-white);
      --field-text-color-value: var(--color-coal);
      --field-border-color-value: var(--color-transparent);
      --field-bg-color-value: var(--color-white);
      --field-text-color-hover: var(--color-coal);
      --field-border-color-hover: var(--color-coal);
      --field-bg-color-hover: var(--color-white);
      --field-text-color-focus: var(--color-coal);
      --field-border-color-focus: var(--color-aqua);
      --field-bg-color-focus: var(--color-white);
      --field-text-color-error: var(--color-coal);
      --field-border-color-error: var(--color-crimson);
      --field-bg-color-error: var(--color-white);
      --field-text-color-disabled: var(--color-stone-48);
      --field-border-color-disabled: var(--color-white-16);
      --field-bg-color-disabled: var(--color-transparent);
      --toggle-input-icon-color-default: var(--color-stone-48);
      --toggle-input-border-color-default: var(--color-concrete);
      --toggle-input-bg-color-default: var(--color-white);
      --toggle-input-icon-color-value: var(--color-coal);
      --toggle-input-border-color-value: var(--color-concrete);
      --toggle-input-bg-color-value: var(--color-white);
      --toggle-input-icon-color-hover: var(--color-coal);
      --toggle-input-border-color-hover: var(--color-aqua);
      --toggle-input-bg-color-hover: var(--color-white);
      --toggle-input-icon-color-focus: var(--color-coal);
      --toggle-input-border-color-focus: var(--color-aqua);
      --toggle-input-bg-color-focus: var(--color-white);
      --toggle-input-icon-color-disabled: var(--color-stone-48);
      --toggle-input-border-color-disabled: var(--color-concrete);
      --toggle-input-bg-color-disabled: var(--color-transparent);
      --tag-text-color-default: var(--color-coal);
      --tag-border-color-default: var(--color-transparent);
      --tag-bg-color-default: var(--color-sky);
      --tag-text-color-hover: var(--color-white);
      --tag-border-color-hover: var(--color-transparent);
      --tag-bg-color-hover: var(--color-pink);
      --p-tab-text-default: var(--color-coal);
      --p-tab-border-default: var(--color-transparent);
      --p-tab-bg-default: var(--color-transparent);
      --p-tab-text-hover: var(--color-coal);
      --p-tab-border-hover: var(--color-transparent);
      --p-tab-bg-hover: var(--color-aqua);
      --p-tab-text-active: var(--color-white);
      --p-tab-border-active: var(--color-transparent);
      --p-tab-bg-active: var(--color-coal);
      --p-tab-text-disabled: var(--color-stone-48);
      --p-tab-border-disabled: var(--color-transparent);
      --p-tab-bg-disabled: var(--color-transparent);
      --p-pagination-active: var(--color-white);
      --p-pagination-inactive: var(--color-white-48);
      --p-nav-dropdown-bg: var(--color-white);
    }
  }
  :root[data-palette-mode=dark] .\:palette-1, :root[data-palette-mode=dark] .\:palette-white {
    --p-bg: var(--color-night);
    --p-inset-bg: var(--color-ocean);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-white);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-aqua);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-white);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-white-16);
    --p-line-alt: var(--color-white);
    --p-icon: var(--color-white);
    --p-icon-alt: var(--color-ocean);
    --p-image-bg: var(--color-white-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-white);
    --link-bg-color-default: var(--color-sky);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-sky);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-white);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-sky);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-sky);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-coal);
    --p-btn-v1-border-active: var(--color-white);
    --p-btn-v1-bg-active: var(--color-white);
    --p-btn-v1-text-disabled: var(--color-coal);
    --p-btn-v1-border-disabled: var(--color-aqua);
    --p-btn-v1-bg-disabled: var(--color-aqua);
    --p-btn-v2-text-default: var(--color-white);
    --p-btn-v2-border-default: var(--color-white);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-coal);
    --p-btn-v2-border-active: var(--color-white);
    --p-btn-v2-bg-active: var(--color-white);
    --p-btn-v2-text-disabled: var(--color-white);
    --p-btn-v2-border-disabled: var(--color-white);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-transparent);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-transparent);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-white-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-sky);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
  }
  .-bg-sand {
    background-color: var(--color-sand);
  }
  .-fill-sand {
    fill: var(--color-sand);
  }
  .-text-sand {
    color: var(--color-sand);
  }
  .\:palette-2, .\:palette-sand {
    --p-bg: var(--color-sand);
    --p-inset-bg: var(--color-white);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-coal);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-sky);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-sky);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-coal-16);
    --p-line-alt: var(--color-coal);
    --p-icon: var(--color-coal);
    --p-icon-alt: var(--color-white);
    --p-image-bg: var(--color-coal-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-coal);
    --link-bg-color-default: var(--color-sky);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-sky);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-coal);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-sky);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-sky);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-white);
    --p-btn-v1-border-active: var(--color-night);
    --p-btn-v1-bg-active: var(--color-night);
    --p-btn-v1-text-disabled: var(--color-white);
    --p-btn-v1-border-disabled: var(--color-ocean);
    --p-btn-v1-bg-disabled: var(--color-ocean);
    --p-btn-v2-text-default: var(--color-coal);
    --p-btn-v2-border-default: var(--color-coal);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-white);
    --p-btn-v2-border-active: var(--color-coal);
    --p-btn-v2-bg-active: var(--color-night);
    --p-btn-v2-text-disabled: var(--color-coal);
    --p-btn-v2-border-disabled: var(--color-coal);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-coal-16);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-coal);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-coal-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-white);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
  }
  @media (prefers-color-scheme: dark) {
    .\:palette-2 :root:not([data-palette-mode]), .\:palette-sand :root:not([data-palette-mode]) {
      --p-bg: var(--color-carbon);
      --p-inset-bg: var(--color-ocean);
      --p-overlay-bg: var(--color-night-40);
      --p-text: var(--color-white);
      --p-list-marker-1: var(--color-hhc-orange);
      --p-list-marker-2: var(--color-white);
      --p-list-marker-3: var(--color-white);
      --p-selection-bg: var(--color-orange);
      --p-selection-text: var(--color-coal);
      --p-highlight-bg: var(--color-aqua);
      --p-highlight-text: var(--color-coal);
      --p-lowlight-bg: var(--color-night);
      --p-lowlight-text: var(--color-white);
      --p-caption: var(--color-white);
      --p-error: var(--color-cherry);
      --p-accent-1: var(--color-aqua);
      --p-accent-2: var(--color-white);
      --p-accent-3: var(--color-orange);
      --p-accent-4: var(--color-crimson);
      --p-accent-5: var(--color-pink);
      --p-line: var(--color-white-16);
      --p-line-alt: var(--color-white);
      --p-icon: var(--color-white);
      --p-icon-alt: var(--color-ocean);
      --p-image-bg: var(--color-white-5);
      --link-text-color-default: var(--color-white);
      --link-border-color-default: var(--color-white);
      --link-bg-color-default: var(--color-sky);
      --link-text-color-hover: var(--color-coal);
      --link-border-color-hover: var(--color-aqua);
      --link-bg-color-hover: var(--color-sky);
      --link-text-color-active: var(--color-coal);
      --link-border-color-active: var(--color-aqua);
      --link-bg-color-active: var(--color-sky);
      --link-shy-text-color-default: var(--color-white);
      --link-shy-border-color-default: var(--color-transparent);
      --link-shy-bg-color-default: var(--color-sky);
      --link-shy-text-color-hover: var(--color-coal);
      --link-shy-border-color-hover: var(--color-aqua);
      --link-shy-bg-color-hover: var(--color-sky);
      --p-btn-v1-text-default: var(--color-coal);
      --p-btn-v1-border-default: var(--color-aqua);
      --p-btn-v1-bg-default: var(--color-hhc-orange);
      --p-btn-v1-text-hover: var(--color-white);
      --p-btn-v1-border-hover: var(--color-pink);
      --p-btn-v1-bg-hover: var(--color-pink);
      --p-btn-v1-text-active: var(--color-coal);
      --p-btn-v1-border-active: var(--color-white);
      --p-btn-v1-bg-active: var(--color-white);
      --p-btn-v1-text-disabled: var(--color-coal);
      --p-btn-v1-border-disabled: var(--color-aqua);
      --p-btn-v1-bg-disabled: var(--color-aqua);
      --p-btn-v2-text-default: var(--color-white);
      --p-btn-v2-border-default: var(--color-white);
      --p-btn-v2-bg-default: var(--color-transparent);
      --p-btn-v2-text-hover: var(--color-white);
      --p-btn-v2-border-hover: var(--color-pink);
      --p-btn-v2-bg-hover: var(--color-pink);
      --p-btn-v2-text-active: var(--color-coal);
      --p-btn-v2-border-active: var(--color-white);
      --p-btn-v2-bg-active: var(--color-white);
      --p-btn-v2-text-disabled: var(--color-white);
      --p-btn-v2-border-disabled: var(--color-white);
      --p-btn-v2-bg-disabled: var(--color-transparent);
      --p-btn-v1-media-text-default: var(--color-white);
      --p-btn-v1-media-border-default: var(--color-coal);
      --p-btn-v1-media-bg-default: var(--color-coal);
      --p-btn-v1-media-text-hover: var(--color-white);
      --p-btn-v1-media-border-hover: var(--color-pink);
      --p-btn-v1-media-bg-hover: var(--color-pink);
      --p-btn-v1-media-text-active: var(--color-white);
      --p-btn-v1-media-border-active: var(--color-pink);
      --p-btn-v1-media-bg-active: var(--color-pink);
      --p-btn-v1-media-text-disabled: var(--color-white-48);
      --p-btn-v1-media-border-disabled: var(--color-coal);
      --p-btn-v1-media-bg-disabled: var(--color-coal);
      --field-text-color-default: var(--color-stone-48);
      --field-border-color-default: var(--color-transparent);
      --field-bg-color-default: var(--color-white);
      --field-text-color-value: var(--color-coal);
      --field-border-color-value: var(--color-transparent);
      --field-bg-color-value: var(--color-white);
      --field-text-color-hover: var(--color-coal);
      --field-border-color-hover: var(--color-coal);
      --field-bg-color-hover: var(--color-white);
      --field-text-color-focus: var(--color-coal);
      --field-border-color-focus: var(--color-aqua);
      --field-bg-color-focus: var(--color-white);
      --field-text-color-error: var(--color-coal);
      --field-border-color-error: var(--color-crimson);
      --field-bg-color-error: var(--color-white);
      --field-text-color-disabled: var(--color-stone-48);
      --field-border-color-disabled: var(--color-white-16);
      --field-bg-color-disabled: var(--color-transparent);
      --toggle-input-icon-color-default: var(--color-stone-48);
      --toggle-input-border-color-default: var(--color-concrete);
      --toggle-input-bg-color-default: var(--color-white);
      --toggle-input-icon-color-value: var(--color-coal);
      --toggle-input-border-color-value: var(--color-concrete);
      --toggle-input-bg-color-value: var(--color-white);
      --toggle-input-icon-color-hover: var(--color-coal);
      --toggle-input-border-color-hover: var(--color-aqua);
      --toggle-input-bg-color-hover: var(--color-white);
      --toggle-input-icon-color-focus: var(--color-coal);
      --toggle-input-border-color-focus: var(--color-aqua);
      --toggle-input-bg-color-focus: var(--color-white);
      --toggle-input-icon-color-disabled: var(--color-stone-48);
      --toggle-input-border-color-disabled: var(--color-concrete);
      --toggle-input-bg-color-disabled: var(--color-transparent);
      --tag-text-color-default: var(--color-coal);
      --tag-border-color-default: var(--color-transparent);
      --tag-bg-color-default: var(--color-sky);
      --tag-text-color-hover: var(--color-white);
      --tag-border-color-hover: var(--color-transparent);
      --tag-bg-color-hover: var(--color-pink);
      --p-tab-text-default: var(--color-coal);
      --p-tab-border-default: var(--color-transparent);
      --p-tab-bg-default: var(--color-transparent);
      --p-tab-text-hover: var(--color-coal);
      --p-tab-border-hover: var(--color-transparent);
      --p-tab-bg-hover: var(--color-aqua);
      --p-tab-text-active: var(--color-white);
      --p-tab-border-active: var(--color-transparent);
      --p-tab-bg-active: var(--color-coal);
      --p-tab-text-disabled: var(--color-stone-48);
      --p-tab-border-disabled: var(--color-transparent);
      --p-tab-bg-disabled: var(--color-transparent);
      --p-pagination-active: var(--color-white);
      --p-pagination-inactive: var(--color-white-48);
      --p-nav-dropdown-bg: var(--color-white);
    }
    :root[data-palette-mode=light] .\:palette-2 :root:not([data-palette-mode]), :root[data-palette-mode=light] .\:palette-sand :root:not([data-palette-mode]) {
      --p-bg: var(--color-carbon);
      --p-inset-bg: var(--color-ocean);
      --p-overlay-bg: var(--color-night-40);
      --p-text: var(--color-white);
      --p-list-marker-1: var(--color-hhc-orange);
      --p-list-marker-2: var(--color-white);
      --p-list-marker-3: var(--color-white);
      --p-selection-bg: var(--color-orange);
      --p-selection-text: var(--color-coal);
      --p-highlight-bg: var(--color-aqua);
      --p-highlight-text: var(--color-coal);
      --p-lowlight-bg: var(--color-night);
      --p-lowlight-text: var(--color-white);
      --p-caption: var(--color-white);
      --p-error: var(--color-cherry);
      --p-accent-1: var(--color-aqua);
      --p-accent-2: var(--color-white);
      --p-accent-3: var(--color-orange);
      --p-accent-4: var(--color-crimson);
      --p-accent-5: var(--color-pink);
      --p-line: var(--color-white-16);
      --p-line-alt: var(--color-white);
      --p-icon: var(--color-white);
      --p-icon-alt: var(--color-ocean);
      --p-image-bg: var(--color-white-5);
      --link-text-color-default: var(--color-white);
      --link-border-color-default: var(--color-white);
      --link-bg-color-default: var(--color-sky);
      --link-text-color-hover: var(--color-coal);
      --link-border-color-hover: var(--color-aqua);
      --link-bg-color-hover: var(--color-sky);
      --link-text-color-active: var(--color-coal);
      --link-border-color-active: var(--color-aqua);
      --link-bg-color-active: var(--color-sky);
      --link-shy-text-color-default: var(--color-white);
      --link-shy-border-color-default: var(--color-transparent);
      --link-shy-bg-color-default: var(--color-sky);
      --link-shy-text-color-hover: var(--color-coal);
      --link-shy-border-color-hover: var(--color-aqua);
      --link-shy-bg-color-hover: var(--color-sky);
      --p-btn-v1-text-default: var(--color-coal);
      --p-btn-v1-border-default: var(--color-aqua);
      --p-btn-v1-bg-default: var(--color-hhc-orange);
      --p-btn-v1-text-hover: var(--color-white);
      --p-btn-v1-border-hover: var(--color-pink);
      --p-btn-v1-bg-hover: var(--color-pink);
      --p-btn-v1-text-active: var(--color-coal);
      --p-btn-v1-border-active: var(--color-white);
      --p-btn-v1-bg-active: var(--color-white);
      --p-btn-v1-text-disabled: var(--color-coal);
      --p-btn-v1-border-disabled: var(--color-aqua);
      --p-btn-v1-bg-disabled: var(--color-aqua);
      --p-btn-v2-text-default: var(--color-white);
      --p-btn-v2-border-default: var(--color-white);
      --p-btn-v2-bg-default: var(--color-transparent);
      --p-btn-v2-text-hover: var(--color-white);
      --p-btn-v2-border-hover: var(--color-pink);
      --p-btn-v2-bg-hover: var(--color-pink);
      --p-btn-v2-text-active: var(--color-coal);
      --p-btn-v2-border-active: var(--color-white);
      --p-btn-v2-bg-active: var(--color-white);
      --p-btn-v2-text-disabled: var(--color-white);
      --p-btn-v2-border-disabled: var(--color-white);
      --p-btn-v2-bg-disabled: var(--color-transparent);
      --p-btn-v1-media-text-default: var(--color-white);
      --p-btn-v1-media-border-default: var(--color-coal);
      --p-btn-v1-media-bg-default: var(--color-coal);
      --p-btn-v1-media-text-hover: var(--color-white);
      --p-btn-v1-media-border-hover: var(--color-pink);
      --p-btn-v1-media-bg-hover: var(--color-pink);
      --p-btn-v1-media-text-active: var(--color-white);
      --p-btn-v1-media-border-active: var(--color-pink);
      --p-btn-v1-media-bg-active: var(--color-pink);
      --p-btn-v1-media-text-disabled: var(--color-white-48);
      --p-btn-v1-media-border-disabled: var(--color-coal);
      --p-btn-v1-media-bg-disabled: var(--color-coal);
      --field-text-color-default: var(--color-stone-48);
      --field-border-color-default: var(--color-transparent);
      --field-bg-color-default: var(--color-white);
      --field-text-color-value: var(--color-coal);
      --field-border-color-value: var(--color-transparent);
      --field-bg-color-value: var(--color-white);
      --field-text-color-hover: var(--color-coal);
      --field-border-color-hover: var(--color-coal);
      --field-bg-color-hover: var(--color-white);
      --field-text-color-focus: var(--color-coal);
      --field-border-color-focus: var(--color-aqua);
      --field-bg-color-focus: var(--color-white);
      --field-text-color-error: var(--color-coal);
      --field-border-color-error: var(--color-crimson);
      --field-bg-color-error: var(--color-white);
      --field-text-color-disabled: var(--color-stone-48);
      --field-border-color-disabled: var(--color-white-16);
      --field-bg-color-disabled: var(--color-transparent);
      --toggle-input-icon-color-default: var(--color-stone-48);
      --toggle-input-border-color-default: var(--color-concrete);
      --toggle-input-bg-color-default: var(--color-white);
      --toggle-input-icon-color-value: var(--color-coal);
      --toggle-input-border-color-value: var(--color-concrete);
      --toggle-input-bg-color-value: var(--color-white);
      --toggle-input-icon-color-hover: var(--color-coal);
      --toggle-input-border-color-hover: var(--color-aqua);
      --toggle-input-bg-color-hover: var(--color-white);
      --toggle-input-icon-color-focus: var(--color-coal);
      --toggle-input-border-color-focus: var(--color-aqua);
      --toggle-input-bg-color-focus: var(--color-white);
      --toggle-input-icon-color-disabled: var(--color-stone-48);
      --toggle-input-border-color-disabled: var(--color-concrete);
      --toggle-input-bg-color-disabled: var(--color-transparent);
      --tag-text-color-default: var(--color-coal);
      --tag-border-color-default: var(--color-transparent);
      --tag-bg-color-default: var(--color-sky);
      --tag-text-color-hover: var(--color-white);
      --tag-border-color-hover: var(--color-transparent);
      --tag-bg-color-hover: var(--color-pink);
      --p-tab-text-default: var(--color-coal);
      --p-tab-border-default: var(--color-transparent);
      --p-tab-bg-default: var(--color-transparent);
      --p-tab-text-hover: var(--color-coal);
      --p-tab-border-hover: var(--color-transparent);
      --p-tab-bg-hover: var(--color-aqua);
      --p-tab-text-active: var(--color-white);
      --p-tab-border-active: var(--color-transparent);
      --p-tab-bg-active: var(--color-coal);
      --p-tab-text-disabled: var(--color-stone-48);
      --p-tab-border-disabled: var(--color-transparent);
      --p-tab-bg-disabled: var(--color-transparent);
      --p-pagination-active: var(--color-white);
      --p-pagination-inactive: var(--color-white-48);
      --p-nav-dropdown-bg: var(--color-white);
    }
  }
  :root[data-palette-mode=dark] .\:palette-2, :root[data-palette-mode=dark] .\:palette-sand {
    --p-bg: var(--color-carbon);
    --p-inset-bg: var(--color-ocean);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-white);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-aqua);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-white);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-white-16);
    --p-line-alt: var(--color-white);
    --p-icon: var(--color-white);
    --p-icon-alt: var(--color-ocean);
    --p-image-bg: var(--color-white-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-white);
    --link-bg-color-default: var(--color-sky);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-sky);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-white);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-sky);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-sky);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-coal);
    --p-btn-v1-border-active: var(--color-white);
    --p-btn-v1-bg-active: var(--color-white);
    --p-btn-v1-text-disabled: var(--color-coal);
    --p-btn-v1-border-disabled: var(--color-aqua);
    --p-btn-v1-bg-disabled: var(--color-aqua);
    --p-btn-v2-text-default: var(--color-white);
    --p-btn-v2-border-default: var(--color-white);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-coal);
    --p-btn-v2-border-active: var(--color-white);
    --p-btn-v2-bg-active: var(--color-white);
    --p-btn-v2-text-disabled: var(--color-white);
    --p-btn-v2-border-disabled: var(--color-white);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-transparent);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-transparent);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-white-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-sky);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
  }
  .-bg-sky {
    background-color: var(--color-sky);
  }
  .-fill-sky {
    fill: var(--color-sky);
  }
  .-text-sky {
    color: var(--color-sky);
  }
  .\:palette-3, .\:palette-sky {
    --p-bg: var(--color-sky);
    --p-inset-bg: var(--color-white);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-coal);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-white);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-white);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-coal-16);
    --p-line-alt: var(--color-coal);
    --p-icon: var(--color-coal);
    --p-icon-alt: var(--color-white);
    --p-image-bg: var(--color-coal-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-coal);
    --link-bg-color-default: var(--color-white);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-white);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-coal);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-white);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-white);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-white);
    --p-btn-v1-border-active: var(--color-night);
    --p-btn-v1-bg-active: var(--color-night);
    --p-btn-v1-text-disabled: var(--color-white);
    --p-btn-v1-border-disabled: var(--color-ocean);
    --p-btn-v1-bg-disabled: var(--color-ocean);
    --p-btn-v2-text-default: var(--color-coal);
    --p-btn-v2-border-default: var(--color-coal);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-white);
    --p-btn-v2-border-active: var(--color-coal);
    --p-btn-v2-bg-active: var(--color-night);
    --p-btn-v2-text-disabled: var(--color-coal);
    --p-btn-v2-border-disabled: var(--color-coal);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-coal-16);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-coal);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-coal-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-white);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
  }
  @media (prefers-color-scheme: dark) {
    .\:palette-3 :root:not([data-palette-mode]), .\:palette-sky :root:not([data-palette-mode]) {
      --p-bg: var(--color-ocean);
      --p-inset-bg: var(--color-coal);
      --p-overlay-bg: var(--color-night-40);
      --p-text: var(--color-white);
      --p-list-marker-1: var(--color-hhc-orange);
      --p-list-marker-2: var(--color-white);
      --p-list-marker-3: var(--color-white);
      --p-selection-bg: var(--color-orange);
      --p-selection-text: var(--color-coal);
      --p-highlight-bg: var(--color-sky);
      --p-highlight-text: var(--color-coal);
      --p-lowlight-bg: var(--color-night);
      --p-lowlight-text: var(--color-white);
      --p-caption: var(--color-white);
      --p-error: var(--color-cherry);
      --p-accent-1: var(--color-aqua);
      --p-accent-2: var(--color-white);
      --p-accent-3: var(--color-orange);
      --p-accent-4: var(--color-crimson);
      --p-accent-5: var(--color-pink);
      --p-line: var(--color-white-16);
      --p-line-alt: var(--color-white);
      --p-icon: var(--color-white);
      --p-icon-alt: var(--color-coal);
      --p-image-bg: var(--color-coal-5);
      --link-text-color-default: var(--color-white);
      --link-border-color-default: var(--color-white);
      --link-bg-color-default: var(--color-sky);
      --link-text-color-hover: var(--color-coal);
      --link-border-color-hover: var(--color-aqua);
      --link-bg-color-hover: var(--color-sky);
      --link-text-color-active: var(--color-coal);
      --link-border-color-active: var(--color-aqua);
      --link-bg-color-active: var(--color-sky);
      --link-shy-text-color-default: var(--color-white);
      --link-shy-border-color-default: var(--color-transparent);
      --link-shy-bg-color-default: var(--color-sky);
      --link-shy-text-color-hover: var(--color-coal);
      --link-shy-border-color-hover: var(--color-aqua);
      --link-shy-bg-color-hover: var(--color-sky);
      --p-btn-v1-text-default: var(--color-coal);
      --p-btn-v1-border-default: var(--color-aqua);
      --p-btn-v1-bg-default: var(--color-hhc-orange);
      --p-btn-v1-text-hover: var(--color-white);
      --p-btn-v1-border-hover: var(--color-pink);
      --p-btn-v1-bg-hover: var(--color-pink);
      --p-btn-v1-text-active: var(--color-coal);
      --p-btn-v1-border-active: var(--color-white);
      --p-btn-v1-bg-active: var(--color-white);
      --p-btn-v1-text-disabled: var(--color-coal);
      --p-btn-v1-border-disabled: var(--color-aqua);
      --p-btn-v1-bg-disabled: var(--color-aqua);
      --p-btn-v2-text-default: var(--color-white);
      --p-btn-v2-border-default: var(--color-white);
      --p-btn-v2-bg-default: var(--color-transparent);
      --p-btn-v2-text-hover: var(--color-white);
      --p-btn-v2-border-hover: var(--color-pink);
      --p-btn-v2-bg-hover: var(--color-pink);
      --p-btn-v2-text-active: var(--color-coal);
      --p-btn-v2-border-active: var(--color-white);
      --p-btn-v2-bg-active: var(--color-white);
      --p-btn-v2-text-disabled: var(--color-white);
      --p-btn-v2-border-disabled: var(--color-white);
      --p-btn-v2-bg-disabled: var(--color-transparent);
      --p-btn-v1-media-text-default: var(--color-white);
      --p-btn-v1-media-border-default: var(--color-coal);
      --p-btn-v1-media-bg-default: var(--color-coal);
      --p-btn-v1-media-text-hover: var(--color-white);
      --p-btn-v1-media-border-hover: var(--color-pink);
      --p-btn-v1-media-bg-hover: var(--color-pink);
      --p-btn-v1-media-text-active: var(--color-white);
      --p-btn-v1-media-border-active: var(--color-pink);
      --p-btn-v1-media-bg-active: var(--color-pink);
      --p-btn-v1-media-text-disabled: var(--color-white-48);
      --p-btn-v1-media-border-disabled: var(--color-coal);
      --p-btn-v1-media-bg-disabled: var(--color-coal);
      --field-text-color-default: var(--color-stone-48);
      --field-border-color-default: var(--color-transparent);
      --field-bg-color-default: var(--color-white);
      --field-text-color-value: var(--color-coal);
      --field-border-color-value: var(--color-transparent);
      --field-bg-color-value: var(--color-white);
      --field-text-color-hover: var(--color-coal);
      --field-border-color-hover: var(--color-coal);
      --field-bg-color-hover: var(--color-white);
      --field-text-color-focus: var(--color-coal);
      --field-border-color-focus: var(--color-aqua);
      --field-bg-color-focus: var(--color-white);
      --field-text-color-error: var(--color-coal);
      --field-border-color-error: var(--color-crimson);
      --field-bg-color-error: var(--color-white);
      --field-text-color-disabled: var(--color-stone-48);
      --field-border-color-disabled: var(--color-white-16);
      --field-bg-color-disabled: var(--color-transparent);
      --toggle-input-icon-color-default: var(--color-stone-48);
      --toggle-input-border-color-default: var(--color-concrete);
      --toggle-input-bg-color-default: var(--color-white);
      --toggle-input-icon-color-value: var(--color-coal);
      --toggle-input-border-color-value: var(--color-concrete);
      --toggle-input-bg-color-value: var(--color-white);
      --toggle-input-icon-color-hover: var(--color-coal);
      --toggle-input-border-color-hover: var(--color-aqua);
      --toggle-input-bg-color-hover: var(--color-white);
      --toggle-input-icon-color-focus: var(--color-coal);
      --toggle-input-border-color-focus: var(--color-aqua);
      --toggle-input-bg-color-focus: var(--color-white);
      --toggle-input-icon-color-disabled: var(--color-stone-48);
      --toggle-input-border-color-disabled: var(--color-concrete);
      --toggle-input-bg-color-disabled: var(--color-transparent);
      --tag-text-color-default: var(--color-coal);
      --tag-border-color-default: var(--color-transparent);
      --tag-bg-color-default: var(--color-sky);
      --tag-text-color-hover: var(--color-white);
      --tag-border-color-hover: var(--color-transparent);
      --tag-bg-color-hover: var(--color-pink);
      --p-tab-text-default: var(--color-coal);
      --p-tab-border-default: var(--color-transparent);
      --p-tab-bg-default: var(--color-transparent);
      --p-tab-text-hover: var(--color-coal);
      --p-tab-border-hover: var(--color-transparent);
      --p-tab-bg-hover: var(--color-aqua);
      --p-tab-text-active: var(--color-white);
      --p-tab-border-active: var(--color-transparent);
      --p-tab-bg-active: var(--color-coal);
      --p-tab-text-disabled: var(--color-stone-48);
      --p-tab-border-disabled: var(--color-transparent);
      --p-tab-bg-disabled: var(--color-transparent);
      --p-pagination-active: var(--color-white);
      --p-pagination-inactive: var(--color-white-48);
      --p-nav-dropdown-bg: var(--color-white);
    }
    :root[data-palette-mode=light] .\:palette-3 :root:not([data-palette-mode]), :root[data-palette-mode=light] .\:palette-sky :root:not([data-palette-mode]) {
      --p-bg: var(--color-ocean);
      --p-inset-bg: var(--color-coal);
      --p-overlay-bg: var(--color-night-40);
      --p-text: var(--color-white);
      --p-list-marker-1: var(--color-hhc-orange);
      --p-list-marker-2: var(--color-white);
      --p-list-marker-3: var(--color-white);
      --p-selection-bg: var(--color-orange);
      --p-selection-text: var(--color-coal);
      --p-highlight-bg: var(--color-sky);
      --p-highlight-text: var(--color-coal);
      --p-lowlight-bg: var(--color-night);
      --p-lowlight-text: var(--color-white);
      --p-caption: var(--color-white);
      --p-error: var(--color-cherry);
      --p-accent-1: var(--color-aqua);
      --p-accent-2: var(--color-white);
      --p-accent-3: var(--color-orange);
      --p-accent-4: var(--color-crimson);
      --p-accent-5: var(--color-pink);
      --p-line: var(--color-white-16);
      --p-line-alt: var(--color-white);
      --p-icon: var(--color-white);
      --p-icon-alt: var(--color-coal);
      --p-image-bg: var(--color-coal-5);
      --link-text-color-default: var(--color-white);
      --link-border-color-default: var(--color-white);
      --link-bg-color-default: var(--color-sky);
      --link-text-color-hover: var(--color-coal);
      --link-border-color-hover: var(--color-aqua);
      --link-bg-color-hover: var(--color-sky);
      --link-text-color-active: var(--color-coal);
      --link-border-color-active: var(--color-aqua);
      --link-bg-color-active: var(--color-sky);
      --link-shy-text-color-default: var(--color-white);
      --link-shy-border-color-default: var(--color-transparent);
      --link-shy-bg-color-default: var(--color-sky);
      --link-shy-text-color-hover: var(--color-coal);
      --link-shy-border-color-hover: var(--color-aqua);
      --link-shy-bg-color-hover: var(--color-sky);
      --p-btn-v1-text-default: var(--color-coal);
      --p-btn-v1-border-default: var(--color-aqua);
      --p-btn-v1-bg-default: var(--color-hhc-orange);
      --p-btn-v1-text-hover: var(--color-white);
      --p-btn-v1-border-hover: var(--color-pink);
      --p-btn-v1-bg-hover: var(--color-pink);
      --p-btn-v1-text-active: var(--color-coal);
      --p-btn-v1-border-active: var(--color-white);
      --p-btn-v1-bg-active: var(--color-white);
      --p-btn-v1-text-disabled: var(--color-coal);
      --p-btn-v1-border-disabled: var(--color-aqua);
      --p-btn-v1-bg-disabled: var(--color-aqua);
      --p-btn-v2-text-default: var(--color-white);
      --p-btn-v2-border-default: var(--color-white);
      --p-btn-v2-bg-default: var(--color-transparent);
      --p-btn-v2-text-hover: var(--color-white);
      --p-btn-v2-border-hover: var(--color-pink);
      --p-btn-v2-bg-hover: var(--color-pink);
      --p-btn-v2-text-active: var(--color-coal);
      --p-btn-v2-border-active: var(--color-white);
      --p-btn-v2-bg-active: var(--color-white);
      --p-btn-v2-text-disabled: var(--color-white);
      --p-btn-v2-border-disabled: var(--color-white);
      --p-btn-v2-bg-disabled: var(--color-transparent);
      --p-btn-v1-media-text-default: var(--color-white);
      --p-btn-v1-media-border-default: var(--color-coal);
      --p-btn-v1-media-bg-default: var(--color-coal);
      --p-btn-v1-media-text-hover: var(--color-white);
      --p-btn-v1-media-border-hover: var(--color-pink);
      --p-btn-v1-media-bg-hover: var(--color-pink);
      --p-btn-v1-media-text-active: var(--color-white);
      --p-btn-v1-media-border-active: var(--color-pink);
      --p-btn-v1-media-bg-active: var(--color-pink);
      --p-btn-v1-media-text-disabled: var(--color-white-48);
      --p-btn-v1-media-border-disabled: var(--color-coal);
      --p-btn-v1-media-bg-disabled: var(--color-coal);
      --field-text-color-default: var(--color-stone-48);
      --field-border-color-default: var(--color-transparent);
      --field-bg-color-default: var(--color-white);
      --field-text-color-value: var(--color-coal);
      --field-border-color-value: var(--color-transparent);
      --field-bg-color-value: var(--color-white);
      --field-text-color-hover: var(--color-coal);
      --field-border-color-hover: var(--color-coal);
      --field-bg-color-hover: var(--color-white);
      --field-text-color-focus: var(--color-coal);
      --field-border-color-focus: var(--color-aqua);
      --field-bg-color-focus: var(--color-white);
      --field-text-color-error: var(--color-coal);
      --field-border-color-error: var(--color-crimson);
      --field-bg-color-error: var(--color-white);
      --field-text-color-disabled: var(--color-stone-48);
      --field-border-color-disabled: var(--color-white-16);
      --field-bg-color-disabled: var(--color-transparent);
      --toggle-input-icon-color-default: var(--color-stone-48);
      --toggle-input-border-color-default: var(--color-concrete);
      --toggle-input-bg-color-default: var(--color-white);
      --toggle-input-icon-color-value: var(--color-coal);
      --toggle-input-border-color-value: var(--color-concrete);
      --toggle-input-bg-color-value: var(--color-white);
      --toggle-input-icon-color-hover: var(--color-coal);
      --toggle-input-border-color-hover: var(--color-aqua);
      --toggle-input-bg-color-hover: var(--color-white);
      --toggle-input-icon-color-focus: var(--color-coal);
      --toggle-input-border-color-focus: var(--color-aqua);
      --toggle-input-bg-color-focus: var(--color-white);
      --toggle-input-icon-color-disabled: var(--color-stone-48);
      --toggle-input-border-color-disabled: var(--color-concrete);
      --toggle-input-bg-color-disabled: var(--color-transparent);
      --tag-text-color-default: var(--color-coal);
      --tag-border-color-default: var(--color-transparent);
      --tag-bg-color-default: var(--color-sky);
      --tag-text-color-hover: var(--color-white);
      --tag-border-color-hover: var(--color-transparent);
      --tag-bg-color-hover: var(--color-pink);
      --p-tab-text-default: var(--color-coal);
      --p-tab-border-default: var(--color-transparent);
      --p-tab-bg-default: var(--color-transparent);
      --p-tab-text-hover: var(--color-coal);
      --p-tab-border-hover: var(--color-transparent);
      --p-tab-bg-hover: var(--color-aqua);
      --p-tab-text-active: var(--color-white);
      --p-tab-border-active: var(--color-transparent);
      --p-tab-bg-active: var(--color-coal);
      --p-tab-text-disabled: var(--color-stone-48);
      --p-tab-border-disabled: var(--color-transparent);
      --p-tab-bg-disabled: var(--color-transparent);
      --p-pagination-active: var(--color-white);
      --p-pagination-inactive: var(--color-white-48);
      --p-nav-dropdown-bg: var(--color-white);
    }
  }
  :root[data-palette-mode=dark] .\:palette-3, :root[data-palette-mode=dark] .\:palette-sky {
    --p-bg: var(--color-ocean);
    --p-inset-bg: var(--color-coal);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-white);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-sky);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-white);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-white-16);
    --p-line-alt: var(--color-white);
    --p-icon: var(--color-white);
    --p-icon-alt: var(--color-coal);
    --p-image-bg: var(--color-coal-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-white);
    --link-bg-color-default: var(--color-sky);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-sky);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-white);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-sky);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-sky);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-coal);
    --p-btn-v1-border-active: var(--color-white);
    --p-btn-v1-bg-active: var(--color-white);
    --p-btn-v1-text-disabled: var(--color-coal);
    --p-btn-v1-border-disabled: var(--color-aqua);
    --p-btn-v1-bg-disabled: var(--color-aqua);
    --p-btn-v2-text-default: var(--color-white);
    --p-btn-v2-border-default: var(--color-white);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-coal);
    --p-btn-v2-border-active: var(--color-white);
    --p-btn-v2-bg-active: var(--color-white);
    --p-btn-v2-text-disabled: var(--color-white);
    --p-btn-v2-border-disabled: var(--color-white);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-transparent);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-transparent);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-white-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-sky);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
  }
  .-bg-ocean {
    background-color: var(--color-ocean);
  }
  .-fill-ocean {
    fill: var(--color-ocean);
  }
  .-text-ocean {
    color: var(--color-ocean);
  }
  .\:palette-4, .\:palette-ocean {
    --p-bg: var(--color-ocean);
    --p-inset-bg: var(--color-coal);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-white);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-sky);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-white);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-white-16);
    --p-line-alt: var(--color-white);
    --p-icon: var(--color-white);
    --p-icon-alt: var(--color-coal);
    --p-image-bg: var(--color-coal-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-white);
    --link-bg-color-default: var(--color-sky);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-sky);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-white);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-sky);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-sky);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-coal);
    --p-btn-v1-border-active: var(--color-white);
    --p-btn-v1-bg-active: var(--color-white);
    --p-btn-v1-text-disabled: var(--color-coal);
    --p-btn-v1-border-disabled: var(--color-aqua);
    --p-btn-v1-bg-disabled: var(--color-aqua);
    --p-btn-v2-text-default: var(--color-white);
    --p-btn-v2-border-default: var(--color-white);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-coal);
    --p-btn-v2-border-active: var(--color-white);
    --p-btn-v2-bg-active: var(--color-white);
    --p-btn-v2-text-disabled: var(--color-white);
    --p-btn-v2-border-disabled: var(--color-white);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-transparent);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-transparent);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-white-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-sky);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
  }
  .-bg-night {
    background-color: var(--color-night);
  }
  .-fill-night {
    fill: var(--color-night);
  }
  .-text-night {
    color: var(--color-night);
  }
  .\:palette-5, .\:palette-night {
    --p-bg: var(--color-night);
    --p-inset-bg: var(--color-ocean);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-white);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-aqua);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-white);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-white-16);
    --p-line-alt: var(--color-white);
    --p-icon: var(--color-white);
    --p-icon-alt: var(--color-ocean);
    --p-image-bg: var(--color-white-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-white);
    --link-bg-color-default: var(--color-sky);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-sky);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-white);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-sky);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-sky);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-coal);
    --p-btn-v1-border-active: var(--color-white);
    --p-btn-v1-bg-active: var(--color-white);
    --p-btn-v1-text-disabled: var(--color-coal);
    --p-btn-v1-border-disabled: var(--color-aqua);
    --p-btn-v1-bg-disabled: var(--color-aqua);
    --p-btn-v2-text-default: var(--color-white);
    --p-btn-v2-border-default: var(--color-white);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-coal);
    --p-btn-v2-border-active: var(--color-white);
    --p-btn-v2-bg-active: var(--color-white);
    --p-btn-v2-text-disabled: var(--color-white);
    --p-btn-v2-border-disabled: var(--color-white);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-transparent);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-transparent);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-white-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-sky);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
  }
  .-bg-carbon {
    background-color: var(--color-carbon);
  }
  .-fill-carbon {
    fill: var(--color-carbon);
  }
  .-text-carbon {
    color: var(--color-carbon);
  }
}
@layer site_local {
  .kicker {
    margin-bottom: 0.55em;
    font-size: 13px;
    font-family: "Instrument Condensed Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0em;
    text-transform: uppercase;
    font-variant-numeric: lining-nums;
  }
}

@layer site_base {
  :is(ul, ol) {
    margin-block: var(--rhythm-medium);
  }
  :is(ul, ol) :is(ul, ol) {
    margin-top: 0;
  }
  :is(ul, ol):first-child {
    margin-top: 0;
  }
  :is(ul, ol):first-child li:first-child {
    margin-top: 0;
  }
  :is(ul, ol):last-child {
    margin-bottom: 0;
  }
  :is(ul, ol):last-child li:last-child {
    margin-bottom: 0;
  }
  :is(ul, ol) :is(ul, ol):first-child li:first-child {
    margin-top: 0.85em;
  }
  :is(ul, ol) li {
    margin-block: 0.85em;
  }
  ul {
    --bullet-size: 8px;
    padding-left: 1.25em;
  }
  ul > li {
    position: relative;
  }
  ul > li::before {
    content: "";
    position: absolute;
    left: -0.9375em;
    top: calc(0.7em - var(--bullet-size) / 2);
    display: block;
    width: var(--bullet-size);
    height: var(--bullet-size);
    background: var(--p-list-marker-1);
    border-radius: 50%;
  }
  ol {
    padding-left: 1.25em;
    counter-reset: ordered;
  }
  ol > li {
    position: relative;
  }
  ol > li::before {
    content: counter(ordered);
    position: absolute;
    left: -0.4em;
    display: flex;
    justify-content: flex-end;
    width: 0;
    color: var(--p-list-marker-1);
    text-align: right;
    counter-increment: ordered;
  }
  :is(ul, ol) > li > ul > li::before {
    border: 1px solid var(--p-list-marker-2);
    background: transparent;
  }
  :is(ul, ol) > li > :is(ul, ol) > li > ul > li {
    --bullet-size: 4px;
  }
  :is(ul, ol) > li > :is(ul, ol) > li > ul > li::before {
    border: none;
    border-radius: 0;
    background: var(--p-list-marker-3);
  }
  ul.-comma-separated {
    padding-left: 0;
  }
  ul.-comma-separated li {
    display: inline;
  }
  ul.-comma-separated li:not(:last-child)::after {
    content: ",";
  }
  ul.-comma-separated li::before {
    all: unset;
  }
  ul.-comma-separated.-and li:nth-last-child(n+2):nth-last-child(-n+2):first-child::after, ul.-comma-separated.-and li:nth-last-child(n+2):nth-last-child(-n+2):first-child ~ li::after {
    display: none;
  }
  ul.-comma-separated.-and li:last-child:not(:first-child)::before {
    content: "and ";
  }
  ul.-comma-separated.-and li:first-child + li:last-child::before {
    content: "and ";
  }
}
@layer site_base {
  svg .fill,
  svg .mask-fill {
    stroke: none;
  }
  svg .fill {
    fill: var(--p-icon);
    transition: fill 240ms cubic-bezier(0.42, 0, 0.32, 1);
  }
  svg .stroke,
  svg .mask-stroke {
    fill: none;
    stroke-width: var(--icon-stroke, 1.5);
  }
  svg .stroke {
    stroke: var(--p-icon);
    transition: stroke 240ms cubic-bezier(0.42, 0, 0.32, 1);
  }
}
@layer element_local {
  .teeter-left {
    clear: both;
  }
  @media (min-width: 740px) {
    .teeter-left {
      float: left;
      margin-right: clamp(20px, 1.7123vw + 13.8356px, 40px);
      margin-left: calc(-100% / var(--content-width) - clamp(20px, 1.7123vw + 13.8356px, 40px) * 1 / var(--content-width));
      width: calc(600% / var(--content-width) - clamp(20px, 1.7123vw + 13.8356px, 40px) * (1 - 6 / var(--content-width)));
    }
  }
  @media (min-width: 900px) {
    .teeter-left {
      margin-left: calc(-200% / var(--content-width) - clamp(20px, 1.7123vw + 13.8356px, 40px) * 2 / var(--content-width));
      width: calc(500% / var(--content-width) - clamp(20px, 1.7123vw + 13.8356px, 40px) * (1 - 5 / var(--content-width)));
    }
  }
  @media (min-width: 1292px) {
    .teeter-left {
      width: calc(400% / var(--content-width) - clamp(20px, 1.7123vw + 13.8356px, 40px) * (1 - 4 / var(--content-width)));
    }
  }
  .teeter-right {
    clear: both;
  }
  @media (min-width: 740px) {
    .teeter-right {
      float: right;
      margin-left: clamp(20px, 1.7123vw + 13.8356px, 40px);
      margin-right: calc(-100% / var(--content-width) - clamp(20px, 1.7123vw + 13.8356px, 40px) * 1 / var(--content-width));
      width: calc(600% / var(--content-width) - clamp(20px, 1.7123vw + 13.8356px, 40px) * (1 - 6 / var(--content-width)));
    }
  }
  @media (min-width: 900px) {
    .teeter-right {
      margin-right: calc(-200% / var(--content-width) - clamp(20px, 1.7123vw + 13.8356px, 40px) * 2 / var(--content-width));
      width: calc(500% / var(--content-width) - clamp(20px, 1.7123vw + 13.8356px, 40px) * (1 - 5 / var(--content-width)));
    }
  }
  @media (min-width: 1292px) {
    .teeter-right {
      width: calc(400% / var(--content-width) - clamp(20px, 1.7123vw + 13.8356px, 40px) * (1 - 4 / var(--content-width)));
    }
  }
}
@layer element_custom {
  @media (min-width: 740px) {
    [class*=teeter-] {
      margin-top: 6px;
      margin-bottom: var(--rhythm-medium);
    }
  }
  [class*=teeter-][class*=":width-"] {
    --grid-columns: unset;
  }
}
@layer site_local {
  :not(.\:bg-bleed-true).\:width-slim {
    --content-width: 12;
    --content-offset: 0;
    grid-column: 1/-1;
  }
  @media (min-width: 596px) {
    :not(.\:bg-bleed-true).\:width-slim {
      --content-width: 10;
      --content-offset: 1;
      grid-column: 2/span 10;
    }
  }
  @media (min-width: 900px) {
    :not(.\:bg-bleed-true).\:width-slim {
      --content-width: 8;
      --content-offset: 2;
      grid-column: 3/span 8;
    }
  }
  @media (min-width: 1292px) {
    :not(.\:bg-bleed-true).\:width-slim {
      --content-width: 6;
      --content-offset: 3;
      grid-column: 4/span 6;
    }
  }
  @media (min-width: 1528px) {
    :not(.\:bg-bleed-true).\:width-slim {
      --content-width: 4;
      --content-offset: 4;
      grid-column: 5/span 4;
    }
  }
  :not(.\:bg-bleed-true).\:width-narrow {
    --content-width: 12;
    --content-offset: 0;
    grid-column: 1/-1;
  }
  @media (min-width: 596px) {
    :not(.\:bg-bleed-true).\:width-narrow {
      --content-width: 10;
      --content-offset: 1;
      grid-column: 2/span 10;
    }
  }
  @media (min-width: 900px) {
    :not(.\:bg-bleed-true).\:width-narrow {
      --content-width: 8;
      --content-offset: 2;
      grid-column: 3/span 8;
    }
  }
  @media (min-width: 1292px) {
    :not(.\:bg-bleed-true).\:width-narrow {
      --content-width: 6;
      --content-offset: 3;
      grid-column: 4/span 6;
    }
  }
  :not(.\:bg-bleed-true).\:width-medium {
    --content-width: 12;
    --content-offset: 0;
    grid-column: 1/-1;
  }
  @media (min-width: 596px) {
    :not(.\:bg-bleed-true).\:width-medium {
      --content-width: 10;
      --content-offset: 1;
      grid-column: 2/span 10;
    }
  }
  @media (min-width: 900px) {
    :not(.\:bg-bleed-true).\:width-medium {
      --content-width: 8;
      --content-offset: 2;
      grid-column: 3/span 8;
    }
  }
  :not(.\:bg-bleed-true).\:width-wide {
    --content-width: 12;
    --content-offset: 0;
    grid-column: 1/-1;
  }
  @media (min-width: 596px) {
    :not(.\:bg-bleed-true).\:width-wide {
      --content-width: 10;
      --content-offset: 1;
      grid-column: 2/span 10;
    }
  }
  :not(.\:bg-bleed-true).\:width-full {
    --content-width: 12;
    --content-offset: 0;
    grid-column: 1/-1;
  }
  :not(.\:bg-bleed-true).\:width-bleed {
    --content-width: 12;
    --content-offset: 0;
    grid-column: 1/-1;
    margin-inline: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) * -1);
  }
  @media (min-width: 1528px) {
    :not(.\:bg-bleed-true).\:width-bleed {
      margin-inline: calc((100vw - 1440px) / -2);
    }
  }
  :not(.\:bg-bleed-true).\:width-unbleed {
    margin-inline: 0;
  }
  .\:bg-bleed-true:not([class*=":palette-"]).\:width-slim {
    --content-width: 12;
    --content-offset: 0;
    grid-column: 1/-1;
  }
  @media (min-width: 596px) {
    .\:bg-bleed-true:not([class*=":palette-"]).\:width-slim {
      --content-width: 10;
      --content-offset: 1;
      grid-column: 2/span 10;
    }
  }
  @media (min-width: 900px) {
    .\:bg-bleed-true:not([class*=":palette-"]).\:width-slim {
      --content-width: 8;
      --content-offset: 2;
      grid-column: 3/span 8;
    }
  }
  @media (min-width: 1292px) {
    .\:bg-bleed-true:not([class*=":palette-"]).\:width-slim {
      --content-width: 6;
      --content-offset: 3;
      grid-column: 4/span 6;
    }
  }
  @media (min-width: 1528px) {
    .\:bg-bleed-true:not([class*=":palette-"]).\:width-slim {
      --content-width: 4;
      --content-offset: 4;
      grid-column: 5/span 4;
    }
  }
  .\:bg-bleed-true:not([class*=":palette-"]).\:width-narrow {
    --content-width: 12;
    --content-offset: 0;
    grid-column: 1/-1;
  }
  @media (min-width: 596px) {
    .\:bg-bleed-true:not([class*=":palette-"]).\:width-narrow {
      --content-width: 10;
      --content-offset: 1;
      grid-column: 2/span 10;
    }
  }
  @media (min-width: 900px) {
    .\:bg-bleed-true:not([class*=":palette-"]).\:width-narrow {
      --content-width: 8;
      --content-offset: 2;
      grid-column: 3/span 8;
    }
  }
  @media (min-width: 1292px) {
    .\:bg-bleed-true:not([class*=":palette-"]).\:width-narrow {
      --content-width: 6;
      --content-offset: 3;
      grid-column: 4/span 6;
    }
  }
  .\:bg-bleed-true:not([class*=":palette-"]).\:width-medium {
    --content-width: 12;
    --content-offset: 0;
    grid-column: 1/-1;
  }
  @media (min-width: 596px) {
    .\:bg-bleed-true:not([class*=":palette-"]).\:width-medium {
      --content-width: 10;
      --content-offset: 1;
      grid-column: 2/span 10;
    }
  }
  @media (min-width: 900px) {
    .\:bg-bleed-true:not([class*=":palette-"]).\:width-medium {
      --content-width: 8;
      --content-offset: 2;
      grid-column: 3/span 8;
    }
  }
  .\:bg-bleed-true:not([class*=":palette-"]).\:width-wide {
    --content-width: 12;
    --content-offset: 0;
    grid-column: 1/-1;
  }
  @media (min-width: 596px) {
    .\:bg-bleed-true:not([class*=":palette-"]).\:width-wide {
      --content-width: 10;
      --content-offset: 1;
      grid-column: 2/span 10;
    }
  }
  .\:bg-bleed-true:not([class*=":palette-"]).\:width-full {
    --content-width: 12;
    --content-offset: 0;
    grid-column: 1/-1;
  }
  .\:bg-bleed-true:not([class*=":palette-"]).\:width-bleed {
    --content-width: 12;
    --content-offset: 0;
    grid-column: 1/-1;
    margin-inline: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) * -1);
  }
  @media (min-width: 1528px) {
    .\:bg-bleed-true:not([class*=":palette-"]).\:width-bleed {
      margin-inline: calc((100vw - 1440px) / -2);
    }
  }
  .\:bg-bleed-true:not([class*=":palette-"]).\:width-unbleed {
    margin-inline: 0;
  }
  .\:bg-bleed-true[class*=":palette-"] {
    --content-width: 12;
    --content-offset: 0;
    grid-column: 1/-1;
    margin-inline: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) * -1);
  }
  @media (min-width: 1528px) {
    .\:bg-bleed-true[class*=":palette-"] {
      margin-inline: calc((100vw - 1440px) / -2);
    }
  }
  .\:bg-bleed-true[class*=":palette-"]:not(.\:width-bleed) {
    padding-inline: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) * 1);
    display: grid;
    grid-template-columns: repeat(var(--grid-columns), 1fr);
    gap: var(--grid-gap-y) var(--grid-gap-x);
  }
  @media (min-width: 1528px) {
    .\:bg-bleed-true[class*=":palette-"]:not(.\:width-bleed) {
      padding-inline: calc((100vw - 1440px) / 2);
    }
  }
  .\:bg-bleed-true[class*=":palette-"].\:width-slim > .p-inner {
    --content-width: 12;
    --content-offset: 0;
    grid-column: 1/-1;
  }
  @media (min-width: 596px) {
    .\:bg-bleed-true[class*=":palette-"].\:width-slim > .p-inner {
      --content-width: 10;
      --content-offset: 1;
      grid-column: 2/span 10;
    }
  }
  @media (min-width: 900px) {
    .\:bg-bleed-true[class*=":palette-"].\:width-slim > .p-inner {
      --content-width: 8;
      --content-offset: 2;
      grid-column: 3/span 8;
    }
  }
  @media (min-width: 1292px) {
    .\:bg-bleed-true[class*=":palette-"].\:width-slim > .p-inner {
      --content-width: 6;
      --content-offset: 3;
      grid-column: 4/span 6;
    }
  }
  @media (min-width: 1528px) {
    .\:bg-bleed-true[class*=":palette-"].\:width-slim > .p-inner {
      --content-width: 4;
      --content-offset: 4;
      grid-column: 5/span 4;
    }
  }
  .\:bg-bleed-true[class*=":palette-"].\:width-narrow > .p-inner {
    --content-width: 12;
    --content-offset: 0;
    grid-column: 1/-1;
  }
  @media (min-width: 596px) {
    .\:bg-bleed-true[class*=":palette-"].\:width-narrow > .p-inner {
      --content-width: 10;
      --content-offset: 1;
      grid-column: 2/span 10;
    }
  }
  @media (min-width: 900px) {
    .\:bg-bleed-true[class*=":palette-"].\:width-narrow > .p-inner {
      --content-width: 8;
      --content-offset: 2;
      grid-column: 3/span 8;
    }
  }
  @media (min-width: 1292px) {
    .\:bg-bleed-true[class*=":palette-"].\:width-narrow > .p-inner {
      --content-width: 6;
      --content-offset: 3;
      grid-column: 4/span 6;
    }
  }
  .\:bg-bleed-true[class*=":palette-"].\:width-medium > .p-inner {
    --content-width: 12;
    --content-offset: 0;
    grid-column: 1/-1;
  }
  @media (min-width: 596px) {
    .\:bg-bleed-true[class*=":palette-"].\:width-medium > .p-inner {
      --content-width: 10;
      --content-offset: 1;
      grid-column: 2/span 10;
    }
  }
  @media (min-width: 900px) {
    .\:bg-bleed-true[class*=":palette-"].\:width-medium > .p-inner {
      --content-width: 8;
      --content-offset: 2;
      grid-column: 3/span 8;
    }
  }
  .\:bg-bleed-true[class*=":palette-"].\:width-wide > .p-inner {
    --content-width: 12;
    --content-offset: 0;
    grid-column: 1/-1;
  }
  @media (min-width: 596px) {
    .\:bg-bleed-true[class*=":palette-"].\:width-wide > .p-inner {
      --content-width: 10;
      --content-offset: 1;
      grid-column: 2/span 10;
    }
  }
  .\:bg-bleed-true[class*=":palette-"].\:width-full > .p-inner {
    --content-width: 12;
    --content-offset: 0;
    grid-column: 1/-1;
  }
  .\:bg-bleed-false[class*=":palette-"] > .p-inner {
    padding-inline: clamp(20px, 2.0547vw + 12.6027px, 44px);
  }
}
@layer page_local {
  .palette-demo__section {
    grid-column: 1/-1;
  }
  .palette-demo__section__inner {
    grid-column: 1/-1;
    padding-block: var(--rhythm-bg);
  }
  .palette-demo__wysiwyg {
    margin-block: 0;
  }
  .palette-demo__headings {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 24px;
  }
  .palette-demo__headings > * {
    margin-top: 0;
  }
}
@font-face {
  font-family: "Erode";
  src: url("./../fonts/Erode-Variable.woff2");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Erode";
  src: url("./../fonts/Erode-VariableItalic.woff2");
  font-weight: 300 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Grotesk";
  src: url("./../fonts/PPRightGrotesk-SpatialBlack.woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Grotesk Compact";
  src: url("./../fonts/PPRightGrotesk-CompactBlack.woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Instrument";
  src: url("./../fonts/InstrumentSans-Regular.ttf");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Instrument";
  src: url("./../fonts/InstrumentSans-Bold.ttf");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Instrument Condensed Bold";
  src: url("./../fonts/InstrumentSans_Condensed-Bold.ttf");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "National";
  src: url("./../fonts/national-2-regular.woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "National";
  src: url("./../fonts/national-2-regular-italic.woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "National";
  src: url("./../fonts/national-2-bold.woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "National";
  src: url("./../fonts/national-2-bold-italic.woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Tiempos Headline";
  src: url("./../fonts/tiempos-headline-light.woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Tiempos Headline";
  src: url("./../fonts/tiempos-headline-light-italic.woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Tiempos Headline";
  src: url("./../fonts/tiempos-headline-bold.woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Tiempos Headline";
  src: url("./../fonts/tiempos-headline-bold-italic.woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@layer element_default {
  .accordion-item {
    grid-column: 1/-1;
  }
  .accordion-item__button {
    width: 100%;
  }
  .accordion-item__button svg {
    rotate: 90deg;
    transition: all 240ms cubic-bezier(0.42, 0, 0.32, 1);
  }
  .accordion-item__button[aria-expanded=true] svg {
    rotate: -90deg;
  }
}
@layer element_base {
  .accordion-item {
    border-top: 1px solid var(--p-line);
  }
  .accordion-item__expandable__content {
    padding-bottom: var(--rhythm-flow);
  }
}
@layer element_local {
  .accordion-item__button {
    --btn-text-color: var(--p-text);
    --btn-border-radius: 0;
    --btn-bg-color: transparent;
    --btn-padding-x: 0;
    --btn-padding-y: 20px;
    display: flex;
    justify-content: space-between;
    font-size: 24px;
    font-family: "Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 900;
    line-height: 1.1;
    text-transform: uppercase;
    font-variant-numeric: oldstyle-nums;
    text-align: left;
  }
}
@layer element_base {
  .anchor {
    --icon-size: 16px;
  }
  .anchor .icon {
    flex: 0 0 var(--icon-size);
  }
  .anchor,
  .anchor__link {
    display: inline-flex;
    align-items: center;
    gap: 0.6em;
  }
  @media (hover: hover) {
    .anchor.\:text-only-true.\:shy-false .anchor__link:hover .anchor__text {
      --link-border-width: 0%;
    }
  }
  .anchor.\:text-only-true.\:shy-true .anchor__link {
    --link-border-color: transparent;
  }
  .anchor.\:shy-true:not(:has(.anchor__link)) .anchor__text {
    background: none;
    text-decoration: none;
  }
  .anchor:not(:has(.anchor__link)) .anchor__text {
    color: var(--link-text-color, var(--link-text-color-default));
  }
  .anchor.\:text-only-true:has(.icon) .anchor__link {
    background: none;
  }
  .anchor.\:text-only-true:has(.icon) .anchor__text {
    transition-property: color, background-color, background-size, background-position, text-decoration-color, text-underline-offset, border-color;
    color: var(--link-text-color, var(--link-text-color-default));
    background-size: 100% var(--link-bg-size, var(--link-bg-size-default));
    background-position: 0 var(--link-bg-offset, var(--link-bg-offset-default));
    background-repeat: no-repeat;
    transition-duration: 240ms;
    transition-timing-function: cubic-bezier(0.42, 0, 0.32, 1);
  }
  .anchor.\:text-only-true:has(.icon).\:shy-false .anchor__text {
    background-image: linear-gradient(var(--link-bg-color, var(--link-bg-color-hover)), var(--link-bg-color, var(--link-bg-color-hover)));
  }
  .anchor.\:text-only-true:has(.icon).\:shy-true .anchor__text {
    background-image: linear-gradient(var(--link-shy-bg-color, var(--link-shy-bg-color-hover)), var(--link-shy-bg-color, var(--link-shy-bg-color-hover)));
  }
  @media (hover: hover) {
    .anchor.\:text-only-true:has(.icon) .anchor__link:hover .anchor__text {
      color: var(--link-text-color, var(--link-text-color-hover));
      background-size: 100% var(--link-bg-size, var(--link-bg-size-hover));
      background-position: 0 var(--link-bg-offset, var(--link-bg-offset-hover));
    }
    .anchor.\:text-only-true:has(.icon).\:shy-true .anchor__link:hover .anchor__text {
      color: var(--link-shy-text-color, var(--link-shy-text-color-hover));
      text-decoration-color: var(--link-shy-border-color, var(--link-shy-border-color-hover));
    }
  }
  .anchor.\:text-only-false:has(.icon) .anchor__link {
    padding-right: 0.2em;
    border-bottom-style: solid;
    border-bottom-width: var(--link-border-size, var(--link-border-size-default));
    text-decoration: none;
  }
  @media (hover: hover) {
    .anchor.\:text-only-false:has(.icon) .anchor__link:hover {
      border-bottom-width: var(--link-border-size, var(--link-border-size-hover));
      border-bottom-color: var(--link-border-color, var(--link-border-color-hover));
    }
  }
  .anchor.\:text-only-false:has(.icon).\:shy-false .anchor__link {
    border-bottom-color: var(--link-border-color, var(--link-border-color-default));
  }
  @media (hover: hover) {
    .anchor.\:text-only-false:has(.icon).\:shy-false .anchor__link:hover {
      --p-icon: var(--link-text-color, var(--link-text-color-hover));
      border-bottom-color: var(--link-border-color, var(--link-border-color-hover));
    }
  }
  .anchor.\:text-only-false:has(.icon).\:shy-true .anchor__link {
    border-bottom-color: var(--link-shy-border-color, var(--link-shy-border-color-default));
  }
  @media (hover: hover) {
    .anchor.\:text-only-false:has(.icon).\:shy-true .anchor__link:hover {
      --p-icon: var(--link-shy-text-color, var(--link-shy-text-color-hover));
      border-bottom-color: var(--link-shy-border-color, var(--link-shy-border-color-hover));
    }
  }
  .anchor.disclaimer {
    --icon-size: 24px;
    align-items: baseline;
    font-size: 18px;
    font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 400;
    line-height: 1.36;
    letter-spacing: 0;
    text-transform: none;
    font-variant-numeric: oldstyle-nums;
  }
  .anchor.disclaimer .icon {
    order: -1;
    margin-left: calc(var(--icon-size) * -0.2);
    margin-block: calc(var(--icon-size) * -0.5);
    translate: 0 calc(var(--icon-size) * 0.2);
  }
}
@layer site_local {
  .reveal {
    opacity: 1;
  }
  [js] .reveal {
    opacity: 0;
  }
  [js] .reveal.uk-scrollspy-inview {
    opacity: 1;
  }
  .\+spin svg {
    animation: spin 1.25s linear infinite;
  }
  @keyframes spin {
    from {
      rotate: 0deg;
    }
    to {
      rotate: 360deg;
    }
  }
  @keyframes tm-slide-bottom-small {
    0% {
      opacity: 0;
      transform: translateY(30px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  .tm-slide-bottom-small {
    animation-name: tm-slide-bottom-small;
    animation-duration: 0.8s;
    animation-timing-function: cubic-bezier(0, 0, 0.32, 1);
  }
  @keyframes tm-slide-bottom-medium {
    0% {
      opacity: 0;
      transform: translateY(40px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  .tm-slide-bottom-medium {
    animation-name: tm-slide-bottom-medium;
    animation-duration: 1.2s;
    animation-timing-function: cubic-bezier(0, 0, 0.32, 1);
  }
  @keyframes tm-slide-bottom-large {
    0% {
      opacity: 0;
      transform: translateY(50px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  .tm-slide-bottom-large {
    animation-name: tm-slide-bottom-large;
    animation-duration: 1.6s;
    animation-timing-function: cubic-bezier(0, 0, 0.32, 1);
  }
  @keyframes tm-slide-bottom-medium-image {
    0% {
      opacity: 0;
      transform: translateY(30px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  .tm-slide-bottom-medium-image {
    animation-name: tm-slide-bottom-medium-image;
    animation-duration: 1.6s;
    animation-timing-function: cubic-bezier(0, 0, 0.32, 1);
  }
  :root[js]:not([ready]) *,
  :root[js]:not([ready]) *::before,
  :root[js]:not([ready]) *::after {
    transition: none !important;
  }
  html[js]:not([loaded]) body {
    display: none;
  }
}
@layer element_local {}
@layer element_base {
  .audio__control {
    display: flex;
    align-items: center;
    gap: 20px;
  }
  .audio__control .tm-media-play-toggle {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
  }
  .audio__control .tm-media-play-toggle[data-is-playing=false] .text.pause {
    display: none;
  }
  .audio__control .tm-media-play-toggle[data-is-playing=false] .icon.\:icon-pause {
    display: none;
  }
  .audio__control .tm-media-play-toggle[data-is-playing=true] .text.play {
    display: none;
  }
  .audio__control .tm-media-play-toggle[data-is-playing=true] .icon.\:icon-play {
    display: none;
  }
  .audio__control .tm-progress {
    position: relative;
    width: 100%;
    height: 8px;
  }
  .audio__control .tm-progress::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    z-index: 0;
    display: block;
    width: 100%;
    height: 4px;
    background-color: #ccc;
    opacity: 0.2;
  }
  .audio__control .tm-progress > div {
    position: relative;
    z-index: 10;
    width: 0;
    height: 100%;
    background-color: #f09;
    transition: all 1s linear(0, 1);
  }
}
@layer element_base {
  .background-switch {
    grid-column: 1/-1;
    margin: 0;
    padding: 0;
    height: 0;
  }
}

.btn.\:version-1 {
  --btn-text-color-default: #151515;
  --btn-border-color-default: #151515;
  --btn-bg-color-default: #fff;
  --btn-text-color-hover: #151515;
  --btn-border-color-hover: #F15822;
  --btn-bg-color-hover: #F15822;
}
.btn.\:version-2 {
  --btn-text-color-default: #151515;
  --btn-border-color-default: #F15822;
  --btn-bg-color-default: #F15822;
  --btn-text-color-hover: #151515;
  --btn-border-color-hover: #D8E260;
  --btn-bg-color-hover: #D8E260;
}
@layer site_base {
  :root {
    --btn-border-size: 0px;
    --btn-border-radius: 0;
    --btn-text-offset-y: 0.05em;
    --icon-size: 28px;
  }
}
@layer element_base {
  .btn {
    position: relative;
    isolation: isolate;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--btn-icon-gap);
    padding-inline: var(--btn-padding, var(--btn-padding-x));
    padding-block: var(--btn-padding, var(--btn-padding-y));
    border-radius: var(--btn-border-radius);
    background-color: var(--btn-bg-color, var(--btn-bg-color-default));
    color: var(--btn-text-color, var(--btn-text-color-default));
    --p-icon: var(--btn-text-color, var(--btn-text-color-default));
    height: -moz-fit-content;
    height: fit-content;
    outline: 0;
    text-align: center;
    text-decoration: none;
    box-shadow: none;
    overflow: hidden;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition-duration: 240ms;
    transition-property: opacity, color, background-color, border-color;
    transition-timing-function: cubic-bezier(0.42, 0, 0.32, 1);
  }
  .btn::before {
    content: "";
    position: absolute;
    display: block;
    border-radius: var(--btn-border-radius);
    transition: all 240ms cubic-bezier(0.42, 0, 0.32, 1);
    pointer-events: none;
    inset: 0;
    z-index: 1;
    border-color: var(--btn-border-color, var(--btn-border-color-default));
    border-width: var(--btn-border-size);
    border-style: solid;
  }
  .btn > * {
    position: relative;
    z-index: 3;
  }
  @media (hover: hover) {
    .btn:hover, .overlink:hover ~ * .btn:not(.overlink-disconnect) {
      background-color: var(--btn-bg-color, var(--btn-bg-color-hover));
      color: var(--btn-text-color, var(--btn-text-color-hover));
      --p-icon: var(--btn-text-color, var(--btn-text-color-hover));
    }
    .btn:hover::before, .overlink:hover ~ * .btn:not(.overlink-disconnect)::before {
      border-color: var(--btn-border-color, var(--btn-border-color-hover));
    }
  }
  .btn:active, .overlink:active ~ * .btn {
    background-color: var(--btn-bg-color, var(--btn-bg-color-active));
    color: var(--btn-text-color, var(--btn-text-color-active));
    --p-icon: var(--btn-text-color, var(--btn-text-color-active));
  }
  .btn:active::before, .overlink:active ~ * .btn::before {
    border-color: var(--btn-border-color, var(--btn-border-color-active));
  }
  .btn:focus {
    outline: 0;
  }
  .btn[disabled] {
    pointer-events: none;
    touch-action: none;
    cursor: default;
    opacity: 0.4;
  }
  .btn.\:version-1 {
    --btn-text-color-default: var(--p-btn-v1-text-default);
    --btn-border-color-default: var(--p-btn-v1-border-default);
    --btn-bg-color-default: var(--p-btn-v1-bg-default);
    --btn-text-color-hover: var(--p-btn-v1-text-hover);
    --btn-border-color-hover: var(--p-btn-v1-border-hover);
    --btn-bg-color-hover: var(--p-btn-v1-bg-hover);
    --btn-border-size: 0px;
  }
  .btn.\:version-1:active, .overlink:active ~ * .btn.\:version-1 {
    --btn-text-color-active: var(--p-btn-v1-text-active);
    --btn-border-color-active: var(--p-btn-v1-border-active);
    --btn-bg-color-active: var(--p-btn-v1-bg-active);
  }
  .btn.\:version-1:is([disabled], [aria-disabled=true]) {
    --btn-text-color-disabled: var(--p-btn-v1-text-disabled);
    --btn-border-color-disabled: var(--p-btn-v1-border-disabled);
    --btn-bg-color-disabled: var(--p-btn-v1-bg-disabled);
  }
  .btn.\:version-1.playback-toggle {
    --btn-text-color-default: var(--p-btn-v1-media-text-default);
    --btn-border-color-default: var(--p-btn-v1-media-border-default);
    --btn-bg-color-default: var(--p-btn-v1-media-bg-default);
  }
  @media (hover: hover) {
    .btn.\:version-1.playback-toggle:hover, .overlink:hover ~ * .btn.\:version-1.playback-toggle:not(.overlink-disconnect) {
      --btn-text-color-hover: var(--p-btn-v1-media-text-hover);
      --btn-border-color-hover: var(--p-btn-v1-media-border-hover);
      --btn-bg-color-hover: var(--p-btn-v1-media-bg-hover);
    }
  }
  .btn.\:version-1.playback-toggle:active, .overlink:active ~ * .btn.\:version-1.playback-toggle {
    --btn-text-color-active: var(--p-btn-v1-media-text-active);
    --btn-border-color-active: var(--p-btn-v1-media-border-active);
    --btn-bg-color-active: var(--p-btn-v1-media-bg-active);
  }
  .btn.\:version-2 {
    --btn-text-color-default: var(--p-btn-v2-text-default);
    --btn-border-color-default: var(--p-btn-v2-border-default);
    --btn-bg-color-default: var(--p-btn-v2-bg-default);
    --btn-text-color-hover: var(--p-btn-v2-text-hover);
    --btn-border-color-hover: var(--p-btn-v2-border-hover);
    --btn-bg-color-hover: var(--p-btn-v2-bg-hover);
    --btn-border-size: 1px;
  }
  .btn.\:version-2:active, .overlink:active ~ * .btn.\:version-2 {
    --btn-text-color-active: var(--p-btn-v2-text-active);
    --btn-border-color-active: var(--p-btn-v2-border-active);
    --btn-bg-color-active: var(--p-btn-v2-bg-active);
  }
  .btn.\:version-2:is([disabled], [aria-disabled=true]) {
    --btn-text-color-disabled: var(--p-btn-v2-text-disabled);
    --btn-border-color-disabled: var(--p-btn-v2-border-disabled);
    --btn-bg-color-disabled: var(--p-btn-v2-bg-disabled);
  }
  .btn.\:size-1 {
    --icon-size: 28px;
    --icon-stroke: 1.5;
    --btn-icon-gap: 12px;
    --btn-padding-x: 24px;
    --btn-padding-y: 16px;
    --btn-icon-margin: -4px;
    font-size: 18px;
    font-family: "Grotesk Compact", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    letter-spacing: 1px;
    font-weight: 900;
    line-height: 1.2;
    text-transform: uppercase;
  }
  .btn.\:size-1.\:icon-only {
    --btn-padding-x: 10px;
    --btn-padding-y: 10px;
  }
  .btn.\:size-2 {
    --icon-size: 20px;
    --icon-stroke: 1;
    --btn-icon-gap: 10px;
    --btn-padding-x: 16px;
    --btn-padding-y: 8px;
    --btn-icon-margin: -4px;
    font-size: 13px;
    font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 400;
    line-height: 1.36;
    letter-spacing: 0;
    text-transform: none;
    font-variant-numeric: oldstyle-nums;
  }
  .btn.\:size-2.\:icon-only {
    --btn-padding-x: 6px;
    --btn-padding-y: 6px;
  }
  .btn.\:icon-only {
    --btn-border-radius: 50%;
    display: flex;
  }
  .btn.\:icon-only::after {
    inset: 0;
    opacity: 0;
  }
  @media (hover: hover) {
    .btn.\:icon-only:hover::after, .overlink:hover ~ * .btn.\:icon-only:not(.overlink-disconnect)::after {
      opacity: 1;
    }
  }
  .btn.\:icon-only .button__text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip-path: rect(0 0 0 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
  .btn:not(.\:icon-only) .button__icon {
    margin-block: calc(var(--icon-size) / -2);
  }
  .btn.\:icon-before .button__icon {
    margin-left: var(--btn-icon-margin);
  }
  .btn.\:icon-after .button__icon {
    margin-right: var(--btn-icon-margin);
  }
  .btn.playback-toggle.\:icon-only {
    --btn-border-radius: 0;
  }
  .button__text {
    top: var(--btn-text-offset-y);
  }
  .button__icon {
    flex: 0 0 var(--icon-size);
  }
}
@layer element_local {}
@layer element_local {}
@layer element_base {
  .collage-item {
    --collage-shadow-inset: 40px;
    --collage-shadow-color: rgb(0 0 0 / 0.25);
    position: relative;
  }
  .collage-item:not(:last-child) {
    margin-bottom: var(--collage-margin);
  }
  .collage-item::before {
    content: "";
    position: absolute;
    inset: var(--collage-shadow-inset);
    z-index: 0;
    box-shadow: 0 4px 30px var(--collage-shadow-inset) var(--collage-shadow-color);
    background: var(--collage-shadow-color);
  }
  .collage-item .c-media {
    position: relative;
    z-index: 1;
    padding: 4%;
  }
  .collage-item .c-media:has(.video) {
    padding: 1.6% 1.7% 1.5% 2%;
  }
  .collage-item .c-frame {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
  }
  .collage-item:nth-child(odd) {
    rotate: calc(var(--collage-rotate) * -1);
  }
  .collage-item:nth-child(even) {
    rotate: var(--collage-rotate);
  }
  .collage-item:nth-child(1) {
    z-index: 2;
  }
  .collage-item:nth-child(1):not(:only-child) {
    left: -5%;
  }
  .collage-item:nth-child(2) {
    left: 5%;
    z-index: 1;
  }
  .collage-item:nth-child(3) {
    z-index: 3;
    margin-bottom: 0;
  }
}
@layer element_default {
  .empty-result {
    grid-column: 1/-1;
  }
}
@layer element_base {
  .empty-result {
    text-align: center;
  }
  .empty-result__text {
    --content-width: 12;
    --content-offset: 0;
    grid-column: 1/-1;
  }
  @media (min-width: 596px) {
    .empty-result__text {
      --content-width: 10;
      --content-offset: 1;
      grid-column: 2/span 10;
    }
  }
  @media (min-width: 900px) {
    .empty-result__text {
      --content-width: 8;
      --content-offset: 2;
      grid-column: 3/span 8;
    }
  }
  @media (min-width: 1292px) {
    .empty-result__text {
      --content-width: 6;
      --content-offset: 3;
      grid-column: 4/span 6;
    }
  }
  .empty-result__button-container {
    grid-column: 1/-1;
    display: flex;
    justify-content: center;
  }
}
@layer element_base {}
@layer site_base {
  :root {
    --field-padding-x: clamp(16px, 0.6849vw + 13.5342px, 24px);
    --field-padding-y: clamp(12px, 0.3424vw + 10.7671px, 16px);
    --field-border-size: 1px;
    --field-icon-gap: 0px;
    --field-border-radius: 0;
  }
}
@layer element_base {
  .field {
    position: relative;
    display: block;
    --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);
  }
  .field .icon {
    position: absolute;
    top: 50%;
    translate: 0 -50%;
    pointer-events: none;
  }
  .field.\:icon-before .field__input {
    --field-padding-left: var(--field-icon-padding);
  }
  .field.\:icon-before .icon {
    left: var(--field-icon-position-x);
  }
  .field.\:icon-after .field__input {
    --field-padding-right: var(--field-icon-padding);
  }
  .field.\:icon-after .icon {
    right: var(--field-icon-position-x);
  }
  :is(.field__input:where(:not([type=button],
  [type=reset],
  [type=submit],
  [type=checkbox],
  [type=radio],
  [type=hidden])),
  select) {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    display: block;
    padding-left: var(--field-padding-left, var(--field-padding-x));
    padding-right: var(--field-padding-right, var(--field-padding-x));
    padding-top: var(--field-padding-top, var(--field-padding-y));
    padding-bottom: var(--field-padding-bottom, var(--field-padding-y));
    width: 100%;
    border-color: var(--field-border-color, var(--field-border-color-default));
    border-width: var(--field-border-size);
    border-style: solid;
    border-radius: var(--field-border-radius);
    outline: none;
    background-color: var(--field-bg-color, var(--field-bg-color-default));
    font-size: clamp(20px, 0.1712vw + 19.3835px, 22px);
    font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 400;
    line-height: 1.36;
    letter-spacing: 0;
    text-transform: none;
    font-variant-numeric: oldstyle-nums;
    color: var(--field-text-color, var(--field-text-color-value));
  }
  :is(.field__input:where(:not([type=button],
  [type=reset],
  [type=submit],
  [type=checkbox],
  [type=radio],
  [type=hidden])),
  select)::-moz-placeholder {
    color: var(--field-text-color, var(--field-text-color-value));
    -moz-transition: color 240ms cubic-bezier(0.42, 0, 0.32, 1);
    transition: color 240ms cubic-bezier(0.42, 0, 0.32, 1);
  }
  :is(.field__input:where(:not([type=button],
  [type=reset],
  [type=submit],
  [type=checkbox],
  [type=radio],
  [type=hidden])),
  select)::placeholder {
    color: var(--field-text-color, var(--field-text-color-value));
    transition: color 240ms cubic-bezier(0.42, 0, 0.32, 1);
  }
  :is(.field__input:where(:not([type=button],
  [type=reset],
  [type=submit],
  [type=checkbox],
  [type=radio],
  [type=hidden])),
  select)::-webkit-search-cancel-button {
    display: none;
  }
  :is(.field__input:where(:not([type=button],
  [type=reset],
  [type=submit],
  [type=checkbox],
  [type=radio],
  [type=hidden])),
  select):not(:-moz-placeholder-shown) {
    border-color: var(--field-border-color, var(--field-border-color-value));
    background-color: var(--field-bg-color, var(--field-bg-color-value));
  }
  :is(.field__input:where(:not([type=button],
  [type=reset],
  [type=submit],
  [type=checkbox],
  [type=radio],
  [type=hidden])),
  select):not(:placeholder-shown) {
    border-color: var(--field-border-color, var(--field-border-color-value));
    background-color: var(--field-bg-color, var(--field-bg-color-value));
  }
  :is(.field__input:where(:not([type=button],
  [type=reset],
  [type=submit],
  [type=checkbox],
  [type=radio],
  [type=hidden])),
  select):not(:placeholder-shown)::-moz-placeholder {
    color: var(--field-text-color, var(--field-text-color-default));
  }
  :is(.field__input:where(:not([type=button],
  [type=reset],
  [type=submit],
  [type=checkbox],
  [type=radio],
  [type=hidden])),
  select):not(:-moz-placeholder-shown)::placeholder {
    color: var(--field-text-color, var(--field-text-color-default));
  }
  :is(.field__input:where(:not([type=button],
  [type=reset],
  [type=submit],
  [type=checkbox],
  [type=radio],
  [type=hidden])),
  select):not(:placeholder-shown)::placeholder {
    color: var(--field-text-color, var(--field-text-color-default));
  }
  :is(.field__input:where(:not([type=button],
  [type=reset],
  [type=submit],
  [type=checkbox],
  [type=radio],
  [type=hidden])),
  select):focus {
    color: var(--field-text-color, var(--field-text-color-focus));
    border-color: var(--field-border-color, var(--field-border-color-focus));
    background-color: var(--field-bg-color, var(--field-bg-color-focus));
  }
  :is(.field__input:where(:not([type=button],
  [type=reset],
  [type=submit],
  [type=checkbox],
  [type=radio],
  [type=hidden])),
  select):focus::-moz-placeholder {
    color: var(--field-text-color, var(--field-text-color-default));
  }
  :is(.field__input:where(:not([type=button],
  [type=reset],
  [type=submit],
  [type=checkbox],
  [type=radio],
  [type=hidden])),
  select):focus::placeholder {
    color: var(--field-text-color, var(--field-text-color-default));
  }
  :is(.field__input:where(:not([type=button],
  [type=reset],
  [type=submit],
  [type=checkbox],
  [type=radio],
  [type=hidden])),
  select):focus:not(:-moz-placeholder-shown) {
    border-color: var(--field-border-color, var(--field-border-color-focus));
  }
  :is(.field__input:where(:not([type=button],
  [type=reset],
  [type=submit],
  [type=checkbox],
  [type=radio],
  [type=hidden])),
  select):focus:not(:placeholder-shown) {
    border-color: var(--field-border-color, var(--field-border-color-focus));
  }
  :is(.field__input:where(:not([type=button],
  [type=reset],
  [type=submit],
  [type=checkbox],
  [type=radio],
  [type=hidden])),
  select)[disabled] {
    opacity: 0.4;
    color: var(--field-text-color, var(--field-text-color-disabled));
    border-color: var(--field-border-color, var(--field-border-color-disabled));
    background-color: var(--field-bg-color, var(--field-bg-color-disabled));
  }
  :is(.field__input:where(:not([type=button],
  [type=reset],
  [type=submit],
  [type=checkbox],
  [type=radio],
  [type=hidden])),
  select)[disabled]::-moz-placeholder {
    color: var(--field-text-color, var(--field-text-color-disabled));
  }
  :is(.field__input:where(:not([type=button],
  [type=reset],
  [type=submit],
  [type=checkbox],
  [type=radio],
  [type=hidden])),
  select)[disabled]::placeholder {
    color: var(--field-text-color, var(--field-text-color-disabled));
  }
  :is(.field__input:where(:not([type=button],
  [type=reset],
  [type=submit],
  [type=checkbox],
  [type=radio],
  [type=hidden])),
  select).show-invalid:required:is(:invalid, [aria-invalid=true]), :is(.field__input:where(:not([type=button],
  [type=reset],
  [type=submit],
  [type=checkbox],
  [type=radio],
  [type=hidden])),
  select).show-invalid:required:is(:invalid, [aria-invalid=true]):focus {
    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));
  }
  input[type=file] {
    font-size: 18px;
    font-family: "Grotesk Compact", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    letter-spacing: 1px;
    font-weight: 900;
    line-height: 1.2;
    text-transform: uppercase;
  }
  input[type=file] + .gform_fileupload_rules {
    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;
  }
  textarea {
    border-radius: 20px;
  }
  label abbr {
    text-decoration: none;
  }
  .field__label {
    display: block;
    margin-bottom: 0.55em;
    font-size: 16px;
    font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 400;
    line-height: 1.36;
    letter-spacing: 0;
    text-transform: none;
    font-variant-numeric: oldstyle-nums;
  }
  .field.\:type-datepicker {
    --icon-stroke: 1.5;
    --icon-size: 28px;
  }
  .field.\:type-datepicker .field__label {
    position: absolute;
    left: calc(var(--field-padding-left, var(--field-padding-x)) + var(--field-border-size));
    top: calc(var(--field-padding-y) * 0.5);
    font-size: 11px;
    line-height: 1.36;
    letter-spacing: 0;
    font-weight: 400;
    color: var(--p-caption);
    pointer-events: none;
  }
  .field.\:type-datepicker .field__input {
    padding-top: calc(var(--field-padding-y) * 1.5);
    padding-bottom: calc(var(--field-padding-y) * 0.5);
    font-size: 14px;
    line-height: 1.36;
    letter-spacing: 0;
  }
  .field.\:type-datepicker .field__input::-moz-placeholder {
    color: var(--field-text-color, var(--field-text-color-value));
  }
  .field.\:type-datepicker .field__input::placeholder {
    color: var(--field-text-color, var(--field-text-color-value));
  }
}
@layer element_local {
  .field--button {
    position: relative;
    display: flex;
  }
  .field--button .field {
    flex: 1 1 auto;
  }
  .field--button .field__input {
    text-overflow: ellipsis;
  }
  .field--button:has(.btn.\:version-1) .field__input {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .field--button:has(.btn.\:version-2.\:icon-only) .field__input {
    padding-right: var(--field-icon-padding);
  }
  .field--button:has(.btn.\:version-2.\:icon-only) .btn {
    right: var(--field-border-size);
    height: calc(100% - var(--field-border-size) * 2);
  }
  .field--button .btn {
    flex: 0 0 auto;
    margin: 0;
    height: unset;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .field--button .btn.\:version-2 {
    position: absolute;
    top: 50%;
    right: 6px;
    translate: 0 -50%;
  }
  .field--button .btn.\:icon-only {
    --btn-padding-x: 16px;
  }
  .air-datepicker {
    --adp-z-index: 1102;
    --adp-nav-arrow-color: var(--p-icon);
    --adp-nav-color-secondary: var(--p-text);
    --adp-day-name-color: var(--p-text);
    --adp-color-other-month: var(--p-caption);
    --adp-color-other-month-hover: var(--link-text-color-hover);
    --adp-color-current-date: var(--p-text);
    --adp-cell-background-color-selected: var(--p-btn-v1-bg-active);
    --adp-cell-background-color-selected-hover: var(--p-btn-v1-bg-hover);
    --adp-cell-border-radius: 100vw;
  }
  .air-datepicker-cell.-current- {
    border: 1px solid var(--p-line-alt);
  }
}
@layer component_base {
  .field-group legend {
    display: block;
    margin-bottom: 1em;
    font-size: 12px;
    font-family: "Instrument Condensed Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 1.44px;
    text-transform: uppercase;
  }
}
@layer component_base {
  .form .btn {
    margin-top: var(--rhythm-small);
  }
  .gform_wrapper legend {
    color: #fff;
  }
}
@layer element_base {}
@layer element_base {
  .icon {
    width: var(--icon-size);
    height: var(--icon-size);
  }
  .icon svg {
    width: var(--icon-size);
    height: var(--icon-size);
  }
  .icon[style] svg {
    rotate: var(--icon-rotate, 0deg);
  }
  .icon.material-symbols {
    opacity: 0;
    font-size: var(--icon-size) !important;
    transition: opacity 0.3s linear;
  }
  .icon.material-symbols:not(.loaded) {
    width: 24px !important;
    min-width: var(--icon-size);
    max-width: var(--icon-size);
  }
  .icon.material-symbols.loaded {
    opacity: 1;
  }
  .\:icon-loading .track {
    stroke: var(--p-icon-alt, var(--color-transparent));
  }
}
@layer site_default {
  :root {
    --image-scale: 1;
  }
}
@layer element_default {
  .media-figure__media {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .media-figure__source {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@layer element_base {
  .media-figure {
    position: relative;
  }
  .w-content-group > .media-figure {
    margin-top: var(--rhythm-small);
    --content-width: 12;
    --content-offset: 0;
    grid-column: 1/-1;
  }
  @media (min-width: 596px) {
    .w-content-group > .media-figure {
      --content-width: 10;
      --content-offset: 1;
      grid-column: 2/span 10;
    }
  }
  @media (min-width: 900px) {
    .w-content-group > .media-figure {
      --content-width: 8;
      --content-offset: 2;
      grid-column: 3/span 8;
    }
  }
  @media (min-width: 1292px) {
    .w-content-group > .media-figure {
      --content-width: 6;
      --content-offset: 3;
      grid-column: 4/span 6;
    }
  }
  .media-figure .media-figure__source {
    scale: var(--image-scale);
    opacity: 1;
    transition: all 480ms cubic-bezier(0.42, 0, 0.32, 1);
  }
  .image__inner {
    grid-area: 1/1/span 1/-1;
  }
  .media-figure__media {
    grid-area: 1/1/span 1/-1;
  }
  .media-figure__source {
    opacity: 1;
    transition: all 480ms cubic-bezier(0.42, 0, 0.32, 1);
  }
  .media-figure__caption {
    grid-column: 1/-1;
    margin-top: 1.25em;
    max-width: 484px;
    color: var(--p-caption);
    font-size: 18px;
    font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 400;
    line-height: 1.36;
    letter-spacing: 0;
    text-transform: none;
    font-variant-numeric: oldstyle-nums;
  }
  .media-figure__caption [data-content] {
    margin-top: 0.55em;
    color: var(--p-caption);
  }
  :root[js] .media-figure__media--lazy:not(.\@lazy-done) .media-figure__source {
    opacity: 0;
  }
  .media-figure__media--lazy, .media-figure__media--lazy .lazy-bg {
    overflow: hidden;
    background: transparent;
    transition: background 480ms cubic-bezier(0.42, 0, 0.32, 1);
  }
  .media-figure__media--lazy:not(.media-figure__media--transparent, .\@lazy-done), .media-figure__media--lazy .lazy-bg:not(.media-figure__media--transparent, .\@lazy-done) {
    background: var(--p-image-bg);
  }
  .media-figure__media--lazy.\@lazy-loading .media-figure__source {
    opacity: 0;
  }
  .media-figure__media {
    position: relative;
  }
  .media-figure__button {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
  }
  .image__loading {
    grid-area: 1/1/span 1/-1;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 480ms cubic-bezier(0.42, 0, 0.32, 1);
    pointer-events: none;
  }
  .image__loading:has(~ .media-figure__media--lazy.\@lazy-loading) {
    opacity: 1;
  }
  .image__loading:has(~ .media-figure__media--lazy.\@lazy-done) {
    opacity: 0;
  }
}
@layer element_local {
  .\:ratio-auto :is(.media-figure__media,
  iframe) {
    aspect-ratio: auto;
  }
  .\:ratio-normal :is(.media-figure__media,
  iframe) {
    aspect-ratio: 1.5;
  }
  .\:ratio-square :is(.media-figure__media,
  iframe) {
    aspect-ratio: 1;
  }
  .\:ratio-video :is(.media-figure__media,
  iframe) {
    aspect-ratio: 1.7778;
  }
  .\:ratio-wide :is(.media-figure__media,
  iframe) {
    aspect-ratio: 2;
  }
  .\:ratio-portrait :is(.media-figure__media,
  iframe) {
    aspect-ratio: 0.75;
  }
  .\:ratio-jail :is(.media-figure__media,
  iframe) {
    aspect-ratio: 0.33;
  }
  .\:ratio-mailslot :is(.media-figure__media,
  iframe) {
    aspect-ratio: 6;
  }
}
@layer element_base {}
@layer element_base {
  .jump-nav__toggle svg {
    rotate: 90deg;
    transition: rotate 240ms cubic-bezier(0.42, 0, 0.32, 1);
  }
  .jump-nav__toggle[aria-expanded=true] svg {
    rotate: -90deg;
  }
  @media (min-width: 740px) {
    .jump-nav__toggle {
      display: none;
    }
  }
  .jump-nav__items {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .jump-nav__content {
    transition: all 240ms cubic-bezier(0.42, 0, 0.32, 1);
  }
  .jump-nav__content > .expandable_row {
    position: sticky;
    top: clamp(20px, 2.0547vw + 12.6027px, 44px);
  }
  @media (min-width: 740px) {
    .jump-nav__content > .expandable_row {
      overflow: visible;
    }
  }
}
@layer element_base {
  .jump-nav-item__anchor {
    display: block;
    padding-top: 0.55em;
  }
  .jump-nav-item__anchor [data-is-active=true] {
    outline: 6px dotted #f00;
  }
  [data-jump-target] {
    outline: 6px dotted #00f;
    outline-offset: 20px;
  }
}
@layer element_local {
  .marquee-item .media-figure__media {
    aspect-ratio: unset;
    margin-block: 2px;
  }
  .marquee-item .media-figure__source {
    transition: unset;
  }
  .marquee-item a:has(.image) {
    display: block;
  }
}
@layer component_base {
  .meta-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    margin-top: var(--rhythm-small);
  }
  .meta-header + .title {
    margin-top: 0.4em;
  }
  .meta-header__tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 8px;
    font-size: 13px;
    font-family: "Instrument Condensed Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0em;
    text-transform: uppercase;
    font-variant-numeric: lining-nums;
  }
  .meta-header__tags li {
    display: flex;
  }
  .meta-header__event-date {
    padding-inline: 0.1em;
    color: var(--p-highlight-text);
    font-size: clamp(24px, 1.0273vw + 20.3013px, 36px);
    font-family: "Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 900;
    line-height: 1.1;
    text-transform: uppercase;
    font-variant-numeric: oldstyle-nums;
  }
  .meta-header__event-status {
    display: flex;
    padding-inline: 16px;
    gap: 8px;
    font-size: 13px;
    font-family: "Instrument Condensed Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0em;
    text-transform: uppercase;
    font-variant-numeric: lining-nums;
    align-items: center;
    background: var(--p-lowlight-bg);
    color: var(--p-lowlight-text);
  }
  .meta-header__event-status::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--p-accent-1);
  }
  .meta-header__event-status span {
    padding-top: 0.15em;
    padding-bottom: 0.1em;
  }
}
@layer element_base {
  .meta-list__item {
    font-size: 18px;
    line-height: 1.36;
    letter-spacing: 0;
  }
  .meta-list__item--segmented {
    word-spacing: -0.26em;
  }
  .meta-list__item--segmented .meta-list__value {
    position: relative;
    margin-right: 7px;
    padding-right: 8px;
    word-spacing: normal;
  }
  .meta-list__item--segmented .meta-list__value::after {
    content: "";
    position: absolute;
    top: 20%;
    right: 0;
    display: block;
    height: 0.85em;
    border-right: 1px solid var(--p-line);
  }
  .meta-list__item--segmented .meta-list__value:last-child {
    margin-right: 0;
    padding-right: 0;
  }
  .meta-list__item--segmented .meta-list__value:last-child::after {
    display: none;
  }
}
@layer element_base {}
@layer element_custom {
  .overlink {
    position: absolute;
    inset: 0;
    z-index: 10;
    background: none;
    text-decoration: none;
    box-shadow: none;
  }
  .overlink ~ * a {
    position: relative;
    z-index: 11;
  }
  @media (hover: hover) {
    :is(.overlink, :has(.overlink-remote)):hover ~ [class*=__text] .shy {
      color: var(--link-shy-text-color, var(--link-shy-text-color-hover));
      text-decoration-color: var(--link-shy-border-color, var(--link-shy-border-color-hover));
    }
    :is(.overlink, :has(.overlink-remote)):hover ~ [class*=__image] {
      --image-scale: 1.05;
    }
  }
}
@layer element_base {
  .pattern-data-error {
    display: inline-block;
    padding: 20px;
    border: 4px solid var(--p-error);
    font-weight: 700;
    color: var(--p-error);
  }
}
@layer element_base {
  .pullquote__quote {
    position: relative;
    margin-bottom: 0.4em;
    font-size: clamp(24px, 1.1986vw + 19.6849px, 38px);
    font-family: "Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 900;
    line-height: 1.1;
    text-transform: uppercase;
    font-variant-numeric: oldstyle-nums;
  }
  .pullquote__quote-mark {
    position: absolute;
    left: -0.45em;
    top: 0;
  }
  .pullquote__caption {
    display: flex;
    align-items: center;
  }
  .pullquote__image {
    clip-path: circle(closest-side);
  }
  .pullquote__meta {
    display: flex;
    align-items: center;
  }
  .pullquote__meta .meta-list__item {
    margin-top: 0.1em;
    font-size: 13px;
    font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 400;
    line-height: 1.4;
  }
}
@layer element_local {}
@layer element_local {}
@layer element_base {
  .search-form {
    position: relative;
    display: flex;
    align-items: center;
  }
  .search-form input[type=search] {
    width: 100%;
    padding-inline: 0;
    border-radius: 0;
    border-width: 0 0 1px 0;
    text-overflow: ellipsis;
  }
  .search-form input[type=search]:focus {
    border-width: 0 0 1px 0;
  }
}
@layer element_local {
  .search-form .field {
    flex: 1 1 auto;
    margin-top: 0;
  }
  .search-form .btn {
    --field-bg-color: transparent;
    --btn-border-color: transparent;
    margin-top: 0;
  }
  .nav-mobile__expandable .search-form {
    --btn-bg-color: transparent;
  }
  .nav-mobile__expandable .search-form input[type=search] {
    padding-right: calc(var(--field-padding-x) + var(--icon-size));
  }
  .nav-mobile__expandable .search-form .btn {
    position: absolute;
    right: -12px;
    top: 50%;
    translate: 0 -50%;
  }
  .search-panel .search-form .btn {
    right: 0;
  }
}
@layer element_base {
  .search-panel__expandable__content {
    padding-top: var(--masthead-height);
    background: var(--p-bg);
  }
  .search-panel__panel {
    flex: 0 0 100%;
  }
  .search-panel__inner {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: clamp(20px, 1.7123vw + 13.8356px, 40px);
  }
}
@layer element_local {
  .search-panel {
    background: transparent;
  }
  .search-panel .anchor {
    --icon-stroke: 1;
  }
  .search-panel__panel {
    padding-top: var(--rhythm-bg);
    padding-bottom: var(--rhythm-bg);
  }
  .search-panel__field {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  @media (min-width: 596px) {
    .search-panel__field {
      flex: 0 0 clamp(320px, 46.5753vw + 152.3287px, 864px);
    }
  }
}
.section-header {
  margin-bottom: 27px;
  align-items: flex-end;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));
  padding-bottom: 14px;
}
.section-header .section-header__text {
  width: 100%;
  max-width: 1000px;
  flex-direction: column;
  align-items: flex-start;
}
.section-header .section-header__text h2 {
  margin: 0px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.section-header .section-header__text h4 {
  margin-bottom: 0px;
  margin-top: 16px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.section-header .section-header__text .abstract {
  margin-top: 16px;
  margin-bottom: 0px;
  max-width: 540px;
}
.section-header .section-header__text .abstract p {
  font-size: 16px;
  font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 400;
  line-height: 1.4;
  margin: 0px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.section-header .section-header__items {
  margin-left: 0px;
  -moz-column-gap: 24px;
       column-gap: 24px;
  padding-bottom: 12px;
}
@media (min-width: 921px) {
  .section-header .section-header__items {
    margin-left: auto;
  }
}
.section-header .section-header__items li .anchor a {
  background-image: none;
  text-decoration-line: none;
}
.section-header .section-header__items li .anchor a .anchor__text {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  background-image: none;
  font-family: "Instrument";
  text-decoration-line: none;
}
.section-header .section-header__items li .anchor a .icon svg polyline {
  stroke: #FFFFFF;
}
.section-header .section-header__items li .anchor a:hover .anchor__text {
  --tw-text-opacity: 1;
  color: rgb(241 88 34 / var(--tw-text-opacity));
}
.section-header .section-header__items li .anchor a:hover .icon svg polyline {
  stroke: #F15822;
}
@layer element_base {
  .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);
    padding-bottom: 0.4em;
    border-bottom: 1px solid var(--p-line-alt);
  }
  .section-header__text {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25em;
  }
  .section-header__title {
    margin: 0;
    padding: 0.1em 0.1em 0.1em 0.1em;
    background: var(--p-lowlight-bg);
    color: var(--p-lowlight-text);
    font-size: 13px;
    font-family: "Instrument Condensed Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0em;
    text-transform: uppercase;
    font-variant-numeric: lining-nums;
    padding-block: 0.17em;
    padding-left: 0.4em;
    padding-right: 0.4em;
  }
  .section-header__items {
    display: flex;
    flex-wrap: wrap;
    margin-left: auto;
  }
  .section-header__items .tag {
    background: var(--p-lowlight-bg);
    color: var(--p-lowlight-text);
  }
  .section-header__items .anchor {
    font-size: 12px;
    font-family: "Instrument Condensed Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 1.44px;
    text-transform: uppercase;
  }
}
@layer element_base {
  .select {
    --icon-stroke: 2;
    --icon-size: 32px;
    position: relative;
    padding-block: 0.2em;
  }
  .select__inner {
    display: flex;
    align-items: center;
    gap: 0.3em;
    padding-inline: var(--field-padding-x);
    padding-block: var(--field-padding-y);
    padding-top: var(--field-padding-top, var(--field-padding-y));
    padding-bottom: var(--field-padding-bottom, var(--field-padding-y));
    width: 100%;
    border-width: var(--field-border-size);
    border-style: solid;
    border-color: var(--field-border-color, var(--field-border-color-value));
    border-radius: 100vw;
    outline: none;
    background-color: var(--field-bg-color, var(--field-bg-color-value));
    color: var(--field-text-color, var(--field-text-color-value));
    font-size: clamp(20px, 0.1712vw + 19.3835px, 22px);
    font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 400;
    line-height: 1.36;
    letter-spacing: 0;
    text-transform: none;
    font-variant-numeric: oldstyle-nums;
  }
  .select__container {
    flex: 1 1 0;
    display: flex;
    align-items: center;
    overflow: hidden;
  }
  .select__value {
    flex: 1 0 0;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    pointer-events: none;
  }
  .select__select {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    border: none;
    opacity: 0;
    cursor: pointer;
  }
  .select .icon {
    flex: 0 0 var(--icon-size);
    pointer-events: none;
  }
  .select:not(.\:icon-only) .icon {
    margin-block: calc(var(--icon-size) / -2);
  }
  .select svg {
    width: var(--icon-size);
    height: var(--icon-size);
  }
  .select--sort {
    --field-padding-x: 0;
    --field-padding-y: 0;
    display: flex;
    align-items: baseline;
    gap: 0.2em;
  }
  .select--sort .field__label {
    margin: 0;
    white-space: nowrap;
    color: var(--p-caption);
    font-size: 12px;
    font-family: "Instrument Condensed Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 1.44px;
    text-transform: uppercase;
  }
  .select--sort .select__inner {
    border: none;
    border-radius: 0;
    font-size: 15px;
    font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 800;
    line-height: 1.28;
    letter-spacing: 0;
    text-transform: uppercase;
    font-variant-numeric: oldstyle-nums;
  }
  .select--sort .icon {
    display: none;
  }
}
@layer element_local {}
@layer element_base {
  .site-logo {
    --logo-width: clamp(96px, 2.5684vw + 86.7534px, 126px);
    --logo-ratio: 3.7;
  }
  .site-logo__link {
    display: flex;
    align-items: center;
    padding: 0;
    width: var(--logo-width);
    height: calc(var(--logo-width) / var(--logo-ratio, 1));
    border: none;
    background: transparent;
    text-decoration: none;
    box-shadow: none;
  }
  .site-logo__text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip-path: rect(0 0 0 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
}
@layer element_local {
  .site-logo .media-figure__source {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .site-logo > a,
  .site-logo svg {
    width: 100%;
    height: 104%;
  }
}
@layer element_base {
  .social-anchor {
    --btn-padding-x: 3px;
    --btn-padding-y: 3px;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
  }
  .social-anchor svg {
    width: 100%;
    height: 100%;
  }
}
@layer element_local {
  .stack-item {
    position: absolute;
    z-index: 1;
    width: 100%;
    opacity: 0;
    transition: opacity 240ms linear(0, 1) var(--stack-delay);
    --collage-shadow-inset: 40px;
    --collage-shadow-color: rgb(0 0 0 / 0.25);
  }
  .stack-item:first-child {
    position: relative;
    opacity: 1;
  }
  .photo-stack[data-is-active=true] .stack-item {
    opacity: 1;
  }
  .stack-item:nth-child(odd) {
    left: calc(var(--stack-offset-x) * -1);
    top: calc(var(--stack-offset-y) * -1);
    rotate: calc(var(--stack-rotate) * -1);
  }
  .stack-item:nth-child(even) {
    left: var(--stack-offset-x);
    top: var(--stack-offset-y);
    rotate: var(--stack-rotate);
  }
  .stack-item::before {
    content: "";
    position: absolute;
    inset: var(--collage-shadow-inset);
    z-index: 0;
    box-shadow: 0 4px 30px var(--collage-shadow-inset) var(--collage-shadow-color);
    background: var(--collage-shadow-color);
  }
  .stack-item .c-media {
    position: relative;
    z-index: 1;
    padding: 2.1% 2.7% 2% 2.2%;
  }
  .stack-item .c-frame {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
  }
}
.statistic {
  border-style: none;
  padding-left: 0px;
}
.statistic > .p-inner .statistic__number .statistic__number-text {
  --tw-text-opacity: 1;
  color: rgb(241 88 34 / var(--tw-text-opacity));
}
.statistic > .p-inner .statistic__text {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: 16px;
  font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 400;
  line-height: 1.4;
}
.statistic > .p-inner .statistic__cite {
  text-transform: none;
  letter-spacing: 0px;
  --tw-text-opacity: 1;
  color: rgb(170 170 170 / var(--tw-text-opacity));
  font-size: 13px;
  font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 400;
  line-height: 1.4;
}
@layer element_base {
  .statistic__number {
    display: block;
    margin-bottom: 0.1em;
  }
  .statistic__text {
    display: block;
  }
  .statistic__cite {
    display: block;
    margin-top: 0.85em;
    font-size: 12px;
    font-family: "Instrument Condensed Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 1.44px;
    text-transform: uppercase;
    color: var(--p-caption);
    font-style: normal;
  }
}
@layer element_local {
  .sticky-cta {
    position: fixed;
    right: clamp(20px, 2.0547vw + 12.6027px, 44px);
    bottom: clamp(20px, 2.0547vw + 12.6027px, 44px);
    z-index: 10;
  }
  .sticky-cta .btn {
    box-shadow: 0px 3px 8px 2px rgba(0, 0, 0, 0.1);
  }
}
@layer element_base {
  .tab-item__sublink {
    display: block;
  }
}
@layer element_local {
  .tab-item__expandable-button {
    --btn-text-color-default: var(--p-tab-text-default);
    --btn-border-color-default: var(--p-tab-border-default);
    --btn-bg-color-default: var(--p-tab-bg-default);
    --btn-text-color-hover: var(--p-tab-text-hover);
    --btn-border-color-hover: var(--p-tab-border-hover);
    --btn-bg-color-hover: var(--p-tab-bg-hover);
    --btn-text-color-active: var(--p-tab-text-active);
    --btn-border-color-active: var(--p-tab-border-active);
    --btn-bg-color-active: var(--p-tab-bg-active);
    --btn-text-color-disabled: var(--p-tab-text-disabled);
    --btn-border-color-disabled: var(--p-tab-border-disabled);
    --btn-bg-color-disabled: var(--p-tab-bg-disabled);
    --btn-padding-x: 0.4em;
    --btn-padding-y: 0.2em;
    font-size: 20px;
    font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 800;
    line-height: 1.28;
    letter-spacing: 0;
    text-transform: none;
    font-variant-numeric: oldstyle-nums;
  }
  .tab-item__expandable-button .button__text {
    position: static;
  }
  .tab-item__expandable-button[aria-expanded=true] {
    background-color: var(--btn-bg-color, var(--btn-bg-color-active));
  }
  .tab-item__expandable-button[aria-expanded=true]::before {
    border-color: var(--btn-border-color, var(--btn-border-color-active));
  }
  @media (hover: hover) {
    .tab-item__expandable-button:hover:not([aria-expanded=true]) {
      background-color: var(--btn-bg-color, var(--btn-bg-color-hover));
      color: var(--btn-text-color, var(--btn-text-color-hover));
    }
  }
  .tab-item__expandable-button[aria-expanded=true] {
    background-color: var(--btn-bg-color, var(--btn-bg-color-active));
    color: var(--btn-text-color, var(--btn-text-color-active));
  }
}
@layer element_default {
  .tag {
    --link-border-color: transparent;
    display: inline-block;
    border: 1px solid var(--tag-border-color, var(--tag-border-color-default));
    background: var(--tag-bg-color, var(--tag-bg-color-default));
    font-size: 13px;
    font-family: "Instrument Condensed Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0em;
    text-transform: uppercase;
    font-variant-numeric: lining-nums;
    color: var(--tag-text-color, var(--tag-text-color-default));
    transition: all 240ms cubic-bezier(0.42, 0, 0.32, 1);
  }
  @media (hover: hover) {
    a.tag:hover {
      color: var(--tag-text-color, var(--tag-text-color-hover));
      border-color: var(--tag-border-color, var(--tag-border-color-hover));
      background-color: var(--tag-bg-color, var(--tag-bg-color-hover));
    }
  }
}
@layer element_base {
  .tag {
    padding: 0.17em 0.4em;
  }
  .tag__text {
    display: inline-block;
    translate: 0em -0.03em;
  }
}
@layer element_base {
  .tag-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 8px;
    font-size: 13px;
    font-family: "Instrument Condensed Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0em;
    text-transform: uppercase;
    font-variant-numeric: lining-nums;
  }
  .tag-group li {
    display: flex;
  }
}
@layer element_local {
  .title .shy:has(+ .tag-group) {
    margin-right: 0.25em;
  }
}
@layer element_base {
  .title.external {
    --icon-size: 0.9em;
    --icon-margin: 0.2em;
    padding-right: calc(var(--icon-size) + var(--icon-margin));
  }
  .title.external .icon.external-link {
    position: relative;
    left: 0.2em;
    top: -0.05em;
    display: inline-block;
    margin-right: calc((var(--icon-size) + var(--icon-margin)) * -1);
  }
  .title.external .icon.external-link svg {
    display: inline-block;
  }
}
@layer site_default {
  :root {
    --input-option-gap-x: 12px;
    --input-option-gap-y: 12px;
  }
}
@layer element_base {
  .toggle-input-group {
    --icon-size: 18px;
    position: relative;
  }
  .toggle-input-group__expandable-button svg {
    rotate: 90deg;
    transition: rotate 240ms cubic-bezier(0.42, 0, 0.32, 1);
  }
  .toggle-input-group__expandable-button[aria-expanded=true] svg {
    rotate: -90deg;
  }
  .toggle-input-group__options {
    display: flex;
    flex-direction: column;
    gap: var(--input-option-gap-y);
  }
  .toggle-input-group__expandable__content {
    padding: 2px 0 clamp(22px, 0.5136vw + 20.1506px, 28px) 0;
  }
  .toggle-input-group__summary {
    flex: 0 1 auto;
    flex: 1 0 0;
    margin-left: 0.8em;
    font-size: 15px;
    letter-spacing: 0.06666em;
    line-height: 1.2;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    min-width: 0;
  }
}
@layer element_local {
  .toggle-input-group .toggle-input-group__expandable-button .button__text {
    display: flex;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .toggle-input-group .field-group legend {
    display: none;
  }
  .toggle-input-group .field-group label {
    margin-top: var(--input-option-gap-y);
  }
  .toggle-input-group [data-expandable-content]:has(> .field-group) {
    padding-block: 0;
  }
}
@layer site_base {
  :root {
    --toggle-input-border-size: 1px;
  }
}
@layer element_base {
  .toggle-input-option {
    --icon-size: 18px;
    display: flex;
    align-items: flex-start;
    gap: 0 var(--input-option-gap-x);
    font-size: 16px;
    line-height: 1.4;
    cursor: pointer;
  }
  .toggle-input-option:has(.toggle-input-option__description) {
    display: grid;
    grid-template-columns: auto 1fr;
  }
  .toggle-input-option:has(.toggle-input-option__description) .toggle-input-option__container {
    grid-row: 1/span 2;
  }
  .toggle-input-option .toggle-input-option__container {
    position: relative;
    top: 1px;
  }
  .toggle-input-option .icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .toggle-input-option input:is([type=checkbox], [type=radio]) {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    position: relative;
    display: block;
    width: var(--icon-size);
    height: var(--icon-size);
    border-color: var(--toggle-input-border-color, var(--toggle-input-border-color-default));
    border-width: var(--toggle-input-border-size);
    border-style: solid;
    outline: none;
    background-color: var(--toggle-input-bg-color, var(--toggle-input-bg-color-default));
    transition: border-color 240ms linear(0, 1);
    cursor: pointer;
  }
  .toggle-input-option input:is([type=checkbox], [type=radio]) ~ .icon {
    --p-icon: transparent;
  }
  @media (hover: hover) {
    .toggle-input-option input:is([type=checkbox], [type=radio]):hover {
      border-color: var(--toggle-input-border-color, var(--toggle-input-border-color-hover));
      background-color: var(--toggle-input-bg-color, var(--toggle-input-bg-color-hover));
    }
  }
  .toggle-input-option input:is([type=checkbox], [type=radio]):focus {
    border-color: var(--toggle-input-border-color, var(--toggle-input-border-color-focus));
    background-color: var(--toggle-input-bg-color, var(--toggle-input-bg-color-focus));
  }
  .toggle-input-option input:is([type=checkbox], [type=radio]):checked {
    border-color: var(--toggle-input-border-color, var(--toggle-input-border-color-value));
    background-color: var(--toggle-input-bg-color, var(--toggle-input-bg-color-value));
  }
  .toggle-input-option input:is([type=checkbox], [type=radio]):checked ~ .icon {
    --p-icon: var(--toggle-input-icon-color, var(--toggle-input-icon-color-value));
  }
  .toggle-input-option input[type=checkbox] {
    border-radius: 0;
  }
  .toggle-input-option input[type=radio] {
    border-radius: 50%;
  }
  .toggle-input-option input[type=radio]:checked {
    background-color: transparent;
  }
  .toggle-input-option:has(input:is([type=checkbox], [type=radio])[disabled]) {
    pointer-events: none;
    opacity: 0.4;
  }
  @media (hover: hover) {
    .toggle-input-option:hover input:is([type=checkbox], [type=radio]) {
      border-color: var(--toggle-input-border-color, var(--toggle-input-border-color-hover));
    }
  }
  .toggle-input-option__children {
    margin-top: var(--input-option-gap-y);
    padding-left: 48px;
  }
  .toggle-input-option__description {
    margin-top: 0.1em;
    font-size: 18px;
    line-height: 1.36;
    letter-spacing: 0;
  }
}
@layer element_base {
  .vanish {
    opacity: 1;
    transition: opacity 480ms cubic-bezier(0.42, 0, 0.32, 1);
  }
  .vanish[data-vanish-visible=false] {
    opacity: 0;
    pointer-events: none;
  }
}
@layer element_base {
  .video {
    --btn-media-inset: clamp(16px, 0.6849vw + 13.5342px, 24px);
    position: relative;
    overflow: hidden;
  }
  .video .media-figure__media {
    inset: 0;
  }
  .video video {
    position: relative;
    z-index: 1;
  }
  .video .video__image {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
  }
  .video .video__title {
    margin-bottom: 0;
  }
  .video[data-playing=false] .playback-toggle .text.pause {
    display: none;
  }
  .video[data-playing=false] .playback-toggle .icon.\:icon-pause {
    display: none;
  }
  .video[data-playing=false].\:poster-true video {
    z-index: 0;
  }
  .video[data-playing=false].\:poster-true .video__image {
    z-index: 1;
  }
  .video[data-playing=true] iframe {
    z-index: 1;
  }
  .video[data-playing=true] .playback-toggle .text.play {
    display: none;
  }
  .video[data-playing=true] .playback-toggle .icon.\:icon-play {
    display: none;
  }
  .video[data-playing=true] .video__image {
    display: none;
  }
  .video iframe {
    position: relative;
    inset: -1px;
    z-index: 1;
    display: block;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
  }
  .video__control {
    position: absolute;
    left: auto;
    right: var(--btn-media-inset);
    top: auto;
    bottom: var(--btn-media-inset);
    z-index: 11;
  }
  .video.\:autoplay-false .video__control {
    inset: 50%;
  }
  .video.\:autoplay-false .playback-toggle {
    --icon-size: 52px;
    --btn-padding-x: 14px;
    --btn-padding-y: 14px;
    --btn-bg-color: var(--p-btn-v1-bg-default);
    translate: -50% -50%;
    scale: 1;
    transition-property: scale;
  }
  @media (hover: hover) {
    .video.\:autoplay-false .playback-toggle:hover {
      scale: 1.1;
    }
  }
  .video-autoplay iframe {
    position: absolute;
    left: 50%;
    top: 50%;
    translate: -50% -50%;
    pointer-events: none;
  }
  .youtube-standard .media-figure {
    margin: 0 !important;
  }
  .video[data-playing=false] .youtube-autoplay iframe {
    z-index: 0;
  }
  .video[data-playing=false] .youtube-autoplay .video__image {
    z-index: 1;
  }
  .video[data-playing=true] .youtube-autoplay iframe {
    z-index: 1;
  }
  .video[data-playing=true] .youtube-autoplay .video__image {
    z-index: 0;
  }
}
@layer element_local {
  .video__control {
    background-color: transparent;
  }
  .video__control .btn {
    --btn-border-width: 0;
    flex: 0 0 calc(var(--icon-size) + var(--btn-padding-x) * 2);
  }
  [uk-lightbox] ~ .video__control {
    z-index: 9;
  }
  @media (hover: hover) {
    [uk-lightbox]:has(.overlink:hover) ~ .video__control .playback-toggle {
      scale: 1.1;
    }
  }
}
@layer element_local {
  .anchor-card {
    --icon-size: 32px;
    --icon-stroke: 2;
    position: relative;
    overflow: hidden;
    transition: background-color 240ms cubic-bezier(0.42, 0, 0.32, 1);
  }
  @media (hover: hover) {
    .anchor-card:has(.overlink:hover) {
      --p-bg: var(--p-accent-1);
    }
  }
  .anchor-card__inner {
    flex: 1 1 0;
    flex-direction: column;
  }
  .anchor-card__image .media-figure__media {
    border-radius: 0;
  }
  .anchor-card__text {
    flex: 1 0 112px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: clamp(20px, 1.7123vw + 13.8356px, 40px);
    padding-block: clamp(22px, 0.5136vw + 20.1506px, 28px) clamp(24px, 0.6849vw + 21.5342px, 32px);
  }
  .anchor-card__title {
    margin: 0;
    line-height: 1.33;
  }
  .anchor-card__icon {
    flex: 0 0 var(--icon-size);
  }
}
@layer element_local {}
.card {
  position: relative;
}
.card > .p-inner {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.card > .p-inner .c-image {
  height: -moz-fit-content;
  height: fit-content;
}
.card > .p-inner .c-text {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
}
.card.default-card {
  transition: bottom 0.3s ease-in-out;
}
.card.default-card:after {
  position: absolute;
  bottom: 0px;
  height: 5px;
  max-height: 0px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(241 88 34 / var(--tw-bg-opacity));
  --tw-content: "";
  content: var(--tw-content);
  transition: max-height 0.3s ease-in-out;
}
.card.default-card > .p-inner .c-image figure .image__inner .media-figure__media {
  aspect-ratio: 308/212;
}
.card.default-card > .p-inner .c-image figure .image__inner .media-figure__media .media-figure__button button {
  --tw-bg-opacity: 1;
  background-color: rgb(241 88 34 / var(--tw-bg-opacity));
}
.card.default-card > .p-inner .c-image figure .image__inner .media-figure__media .media-figure__button button .icon svg polygon {
  fill: #151515;
}
.card.default-card > .p-inner .c-image figure .image__inner .media-figure__media .type-label {
  position: absolute;
  bottom: 0px;
  left: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(241 88 34 / var(--tw-bg-opacity));
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  --tw-text-opacity: 1;
  color: rgb(21 21 21 / var(--tw-text-opacity));
}
.card.default-card > .p-inner .c-text {
  row-gap: 16px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 24px;
  padding-bottom: 32px;
}
@media (min-width: 921px) {
  .card.default-card > .p-inner .c-text {
    padding-top: 32px;
    padding-bottom: 40px;
  }
}
.card.default-card > .p-inner .c-text .top h4, .card.default-card > .p-inner .c-text .top h3 {
  margin-bottom: 8px;
}
.card.default-card > .p-inner .c-text .top h4 .shy, .card.default-card > .p-inner .c-text .top h3 .shy {
  text-decoration-line: none;
}
.card.default-card > .p-inner .c-text .top .authors {
  margin-bottom: 16px;
  font-size: 13px;
  font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 400;
  line-height: 1.4;
}
.card.default-card > .p-inner .c-text .top .authors a {
  background-image: none;
  text-decoration-line: none;
  font-size: 13px;
  font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 400;
  line-height: 1.4;
}
.card.default-card > .p-inner .c-text .top .authors a:hover {
  text-decoration-line: underline;
  text-decoration-color: inherit;
}
.card.default-card > .p-inner .c-text .top .abstract {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 13px;
  font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 400;
  line-height: 1.4;
}
.card.default-card > .p-inner .c-text .bottom {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.card.default-card > .p-inner .c-text .bottom .meta-header {
  margin-top: 0px;
}
.card.default-card > .p-inner .c-text .bottom .meta-header menu {
  -moz-column-gap: 13px;
       column-gap: 13px;
  row-gap: 5px;
}
.card.default-card > .p-inner .c-text .bottom .meta-header menu li {
  position: relative;
}
.card.default-card > .p-inner .c-text .bottom .meta-header menu li a {
  background-color: transparent;
  padding: 0px;
}
.card.default-card > .p-inner .c-text .bottom .meta-header menu li a span {
  text-transform: uppercase;
  font-size: 13px;
  font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 400;
  line-height: 1.4;
}
.card.default-card > .p-inner .c-text .bottom .meta-header menu li a:hover span {
  --tw-text-opacity: 1;
  color: rgb(241 88 34 / var(--tw-text-opacity));
}
.card.default-card > .p-inner .c-text .bottom .meta-header menu li:after {
  position: absolute;
  right: -9px;
  top: calc(50% - 3.5px);
  height: 5px;
  width: 5px;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-content: "";
  content: var(--tw-content);
}
.card.default-card > .p-inner .c-text .bottom .meta-header menu li:last-child:after {
  display: none;
}
.card.default-card > .p-inner .c-text .bottom .meta-header:not(:has(menu)) {
  align-items: center;
  -moz-column-gap: 13px;
       column-gap: 13px;
  row-gap: 5px;
}
.card.default-card > .p-inner .c-text .bottom .meta-header:not(:has(menu)) > * {
  position: relative;
  text-transform: uppercase;
  font-size: 13px;
  font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 400;
  line-height: 1.4;
}
.card.default-card > .p-inner .c-text .bottom .meta-header:not(:has(menu)) > *:after {
  position: absolute;
  right: -9px;
  top: calc(50% - 3.5px);
  height: 5px;
  width: 5px;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-content: "";
  content: var(--tw-content);
}
.card.default-card > .p-inner .c-text .bottom .meta-header:not(:has(menu)) > *:last-child:after {
  display: none;
}
.card.default-card > .p-inner .c-text .bottom .card-footer .card-meta {
  display: flex;
  flex-direction: column;
}
.card.default-card > .p-inner .c-text .bottom .card-footer .card-meta .meta-list__item {
  font-size: 13px;
  font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 400;
  line-height: 1.4;
  margin: 0px;
}
.card.default-card > .p-inner .c-text .bottom .card-footer .card-meta .meta-list__item.meta-list__item--date {
  order: 9999;
}
.card.default-card:hover .c-image figure .image__inner .media-figure__media img {
  --image-scale: 1.1;
}
.card.default-card:hover:after {
  max-height: 5px;
}
.card:not(.default-card) {
  transition: bottom 0.3s ease-in-out;
}
.card:not(.default-card):after {
  position: absolute;
  bottom: 0px;
  height: 5px;
  max-height: 0px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(241 88 34 / var(--tw-bg-opacity));
  --tw-content: "";
  content: var(--tw-content);
  transition: max-height 0.3s ease-in-out;
}
.card:not(.default-card) > .p-inner .c-image figure .image__inner .media-figure__media {
  aspect-ratio: 308/212;
}
.card:not(.default-card) > .p-inner .c-image figure .image__inner .media-figure__media .media-figure__button button {
  --tw-bg-opacity: 1;
  background-color: rgb(241 88 34 / var(--tw-bg-opacity));
}
.card:not(.default-card) > .p-inner .c-image figure .image__inner .media-figure__media .media-figure__button button .icon svg polygon {
  fill: #151515;
}
.card:not(.default-card) > .p-inner .c-image figure .image__inner .media-figure__media .type-label {
  position: absolute;
  bottom: 0px;
  left: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(241 88 34 / var(--tw-bg-opacity));
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  --tw-text-opacity: 1;
  color: rgb(21 21 21 / var(--tw-text-opacity));
}
.card:not(.default-card) > .p-inner .c-text {
  row-gap: 16px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 24px;
  padding-bottom: 32px;
}
@media (min-width: 921px) {
  .card:not(.default-card) > .p-inner .c-text {
    padding-top: 32px;
    padding-bottom: 40px;
  }
}
.card:not(.default-card) > .p-inner .c-text .top h4, .card:not(.default-card) > .p-inner .c-text .top h3 {
  margin-bottom: 8px;
}
.card:not(.default-card) > .p-inner .c-text .top h4 .shy, .card:not(.default-card) > .p-inner .c-text .top h3 .shy {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-decoration-line: none;
}
.card:not(.default-card) > .p-inner .c-text .top h4 .icon svg polyline, .card:not(.default-card) > .p-inner .c-text .top h3 .icon svg polyline {
  stroke: #FFFFFF;
}
.card:not(.default-card) > .p-inner .c-text .top .authors {
  margin-bottom: 16px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: 13px;
  font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 400;
  line-height: 1.4;
}
.card:not(.default-card) > .p-inner .c-text .top .authors a {
  background-image: none;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-decoration-line: none;
  font-size: 13px;
  font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 400;
  line-height: 1.4;
}
.card:not(.default-card) > .p-inner .c-text .top .authors a:hover {
  text-decoration-line: underline;
  text-decoration-color: inherit;
}
.card:not(.default-card) > .p-inner .c-text .top .abstract {
  margin-top: 0px;
  margin-bottom: 0px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: 13px;
  font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 400;
  line-height: 1.4;
}
.card:not(.default-card) > .p-inner .c-text .top .abstract p {
  margin-top: 0px;
  margin-bottom: 0px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: 13px;
  font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 400;
  line-height: 1.4;
}
.card:not(.default-card) > .p-inner .c-text .bottom {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.card:not(.default-card) > .p-inner .c-text .bottom .meta-header {
  margin-top: 0px;
}
.card:not(.default-card) > .p-inner .c-text .bottom .meta-header menu {
  -moz-column-gap: 13px;
       column-gap: 13px;
  row-gap: 5px;
}
.card:not(.default-card) > .p-inner .c-text .bottom .meta-header menu li {
  position: relative;
}
.card:not(.default-card) > .p-inner .c-text .bottom .meta-header menu li a {
  background-color: transparent;
  padding: 0px;
}
.card:not(.default-card) > .p-inner .c-text .bottom .meta-header menu li a span {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: 13px;
  font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 400;
  line-height: 1.4;
}
.card:not(.default-card) > .p-inner .c-text .bottom .meta-header menu li:after {
  position: absolute;
  right: -9px;
  top: calc(50% - 3.5px);
  height: 5px;
  width: 5px;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-content: "";
  content: var(--tw-content);
}
.card:not(.default-card) > .p-inner .c-text .bottom .meta-header menu li:last-child:after {
  display: none;
}
.card:not(.default-card) > .p-inner .c-text .bottom .meta-header:not(:has(menu)) {
  align-items: center;
  -moz-column-gap: 13px;
       column-gap: 13px;
  row-gap: 5px;
}
.card:not(.default-card) > .p-inner .c-text .bottom .meta-header:not(:has(menu)) > * {
  position: relative;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: 13px;
  font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 400;
  line-height: 1.4;
}
.card:not(.default-card) > .p-inner .c-text .bottom .meta-header:not(:has(menu)) > *:after {
  position: absolute;
  right: -9px;
  top: calc(50% - 3.5px);
  height: 5px;
  width: 5px;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-content: "";
  content: var(--tw-content);
}
.card:not(.default-card) > .p-inner .c-text .bottom .meta-header:not(:has(menu)) > *:last-child:after {
  display: none;
}
.card:not(.default-card) > .p-inner .c-text .bottom .card-footer .card-meta {
  display: flex;
  flex-direction: column;
}
.card:not(.default-card) > .p-inner .c-text .bottom .card-footer .card-meta .meta-list__item {
  font-size: 13px;
  font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 400;
  line-height: 1.4;
  margin: 0px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.card:not(.default-card) > .p-inner .c-text .bottom .card-footer .card-meta .meta-list__item.meta-list__item--date {
  order: 9999;
}
.card:not(.default-card):hover .c-image figure .image__inner .media-figure__media img {
  --image-scale: 1.1;
}
.card:not(.default-card):hover:after {
  max-height: 5px;
}
.card.think-100:after {
  --tw-bg-opacity: 1;
  background-color: rgb(64 166 213 / var(--tw-bg-opacity));
}
.card.think-100 > .p-inner .c-image figure .image__inner .media-figure__media .type-label {
  --tw-bg-opacity: 1;
  background-color: rgb(64 166 213 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(6 25 46 / var(--tw-text-opacity));
}
.card.think-100 > .p-inner .c-image figure .image__inner .media-figure__media .media-figure__button button {
  --tw-bg-opacity: 1;
  background-color: rgb(64 166 213 / var(--tw-bg-opacity));
}
.card.think-100 > .p-inner .c-image figure .image__inner .media-figure__media .media-figure__button button .icon svg polygon {
  fill: #06192E;
}
.card.think-100 > .p-inner .c-text {
  --tw-bg-opacity: 1;
  background-color: rgb(6 25 46 / var(--tw-bg-opacity));
}
.card.think-100 > .p-inner .c-text .bottom .meta-header menu li a:hover span {
  --tw-text-opacity: 1;
  color: rgb(64 166 213 / var(--tw-text-opacity));
}
.card.respect-my-vote:after {
  --tw-bg-opacity: 1;
  background-color: rgb(174 125 183 / var(--tw-bg-opacity));
}
.card.respect-my-vote > .p-inner .c-image figure .image__inner .media-figure__media .type-label {
  --tw-bg-opacity: 1;
  background-color: rgb(212 164 221 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(80 18 42 / var(--tw-text-opacity));
}
.card.respect-my-vote > .p-inner .c-image figure .image__inner .media-figure__media .media-figure__button button {
  --tw-bg-opacity: 1;
  background-color: rgb(174 125 183 / var(--tw-bg-opacity));
}
.card.respect-my-vote > .p-inner .c-image figure .image__inner .media-figure__media .media-figure__button button .icon svg polygon {
  fill: #50122A;
}
.card.respect-my-vote > .p-inner .c-text {
  --tw-bg-opacity: 1;
  background-color: rgb(80 18 42 / var(--tw-bg-opacity));
}
.card.respect-my-vote > .p-inner .c-text .bottom .meta-header menu li a:hover span {
  --tw-text-opacity: 1;
  color: rgb(212 164 221 / var(--tw-text-opacity));
}
.card.justice-paid-in-full:after {
  --tw-bg-opacity: 1;
  background-color: rgb(216 226 96 / var(--tw-bg-opacity));
}
.card.justice-paid-in-full > .p-inner .c-image figure .image__inner .media-figure__media .type-label {
  --tw-bg-opacity: 1;
  background-color: rgb(216 226 96 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(3 100 80 / var(--tw-text-opacity));
}
.card.justice-paid-in-full > .p-inner .c-image figure .image__inner .media-figure__media .media-figure__button button {
  --tw-bg-opacity: 1;
  background-color: rgb(216 226 96 / var(--tw-bg-opacity));
}
.card.justice-paid-in-full > .p-inner .c-image figure .image__inner .media-figure__media .media-figure__button button .icon svg polygon {
  fill: #036450;
}
.card.justice-paid-in-full > .p-inner .c-text {
  --tw-bg-opacity: 1;
  background-color: rgb(3 100 80 / var(--tw-bg-opacity));
}
.card.justice-paid-in-full > .p-inner .c-text .bottom .meta-header menu li a:hover span {
  --tw-text-opacity: 1;
  color: rgb(216 226 96 / var(--tw-text-opacity));
}
.card.good-trouble-dept:after {
  --tw-bg-opacity: 1;
  background-color: rgb(254 216 0 / var(--tw-bg-opacity));
}
.card.good-trouble-dept > .p-inner .c-image figure .image__inner .media-figure__media .type-label {
  --tw-bg-opacity: 1;
  background-color: rgb(254 216 0 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(118 68 1 / var(--tw-text-opacity));
}
.card.good-trouble-dept > .p-inner .c-image figure .image__inner .media-figure__media .media-figure__button button {
  --tw-bg-opacity: 1;
  background-color: rgb(254 216 0 / var(--tw-bg-opacity));
}
.card.good-trouble-dept > .p-inner .c-image figure .image__inner .media-figure__media .media-figure__button button .icon svg polygon {
  fill: #906326;
}
.card.good-trouble-dept > .p-inner .c-text {
  --tw-bg-opacity: 1;
  background-color: rgb(144 99 38 / var(--tw-bg-opacity));
}
.card.good-trouble-dept > .p-inner .c-text .bottom .meta-header menu li a:hover span {
  --tw-text-opacity: 1;
  color: rgb(254 216 0 / var(--tw-text-opacity));
}
.card.group-card > .p-inner .c-image figure .image__inner .media-figure__media {
  aspect-ratio: 308/291;
}
.card.group-card > .p-inner .c-text {
  background-color: transparent;
  padding: 0px;
  padding-top: 40px;
}
.card.group-card > .p-inner .c-text *:not(.bottom .e-btn .btn .text) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.card.group-card > .p-inner .c-text .top .subtitle {
  font-size: 18px;
  font-family: "Grotesk Compact", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 900;
  line-height: 1;
  font-variant-numeric: oldstyle-nums;
  text-transform: uppercase;
}
.card.group-card > .p-inner .c-text .top .title {
  margin-top: 6px;
  margin-bottom: 20px;
}
.card.group-card > .p-inner .c-text .bottom .e-btn {
  margin-top: 24px;
}
.card.group-card > .p-inner .c-text .bottom .e-btn .btn {
  --btn-text-color-default: #151515;
  --btn-border-color-default: #F15822;
  --btn-bg-color-default: #F15822;
  --btn-text-color-hover: #151515;
  --btn-border-color-hover: #fff;
  --btn-bg-color-hover: #fff;
}
.card.group-card > .p-inner .c-text .bottom .e-btn .btn .text {
  --tw-text-opacity: 1;
  color: rgb(20 20 16 / var(--tw-text-opacity));
}
.card.group-card:after {
  display: none;
}
@layer element_base {
  .card-nope {
    --p-icon: var(--p-accent-1);
    container-type: inline-size;
  }
  .card-nope .card__inner {
    position: relative;
  }
  .card-nope .card__inner > * {
    grid-column: 1/-1;
  }
  .card-nope .c-image {
    grid-row: auto/span 2;
  }
  .card-nope figure {
    overflow: hidden;
  }
  .card-nope .image--hover {
    position: absolute;
    inset: 0;
    z-index: 2;
  }
  .card-nope .image--hover .media-figure__source {
    opacity: 0;
  }
  .card-nope .image--hover .media-figure__media {
    background: none;
  }
  .card-nope .image--hover .image__loading {
    display: none;
  }
  .card-nope .c-text {
    grid-auto-rows: min-content;
  }
  .card-nope .title {
    margin-bottom: 0;
  }
  .card-nope .title.is-external {
    --icon-size: 24px;
    --icon-margin: 8px;
    padding-right: calc(var(--icon-size) + var(--icon-margin));
  }
  .card-nope .title.is-external .icon.external-link {
    position: relative;
    left: 0.2em;
    top: 0;
    display: inline-block;
    margin-right: calc((var(--icon-size) + var(--icon-margin)) * -1);
  }
  .card-nope .title.is-external .icon.external-link svg {
    display: inline-block;
  }
  .card-nope .abstract {
    color: var(--p-caption);
  }
  @media (max-width: 359.98px) {
    .card-nope .abstract {
      display: none;
    }
  }
  .card-nope .card-meta {
    margin-top: 0.85em;
  }
  .card-nope .card-meta p {
    margin-top: 0.1em;
    font-size: 12px;
    font-family: "Instrument Condensed Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 1.44px;
    text-transform: uppercase;
    color: var(--p-caption);
  }
  .card-nope .e-btn {
    position: relative;
    z-index: 11;
    justify-self: flex-start;
    order: 2;
  }
  .card-nope.\:version-1 {
    container-name: card-v1;
  }
  .card-nope.\:version-1 .title {
    font-size: clamp(32px, 1.3698vw + 27.0684px, 48px);
    font-family: "Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 900;
    line-height: 1.1;
    text-transform: uppercase;
    font-variant-numeric: oldstyle-nums;
  }
  @container card-v1 (max-width: 556px) {
    .card-nope.\:version-1 .title {
      margin-top: 0.55em;
    }
    .card-nope.\:version-1 .meta-header.tag-only {
      margin-top: 0;
      flex-wrap: wrap-reverse;
      height: 0;
    }
    .card-nope.\:version-1 .meta-header.tag-only .c-tag {
      flex-wrap: wrap-reverse;
    }
  }
  @container card-v1 (min-width: 556px) {
    .card-nope.\:version-1 > .p-inner {
      --grid-columns: 12;
    }
    .card-nope.\:version-1 .c-image {
      grid-column: auto/span 5;
    }
    .card-nope.\:version-1 .c-text {
      grid-column: auto/span 7;
      padding-top: var(--rhythm-gutter);
      border-top: 1px solid var(--p-line);
    }
    .card-nope.\:version-1 .meta-header {
      margin-top: 0;
    }
    .card-nope.\:version-1 .e-btn {
      grid-column: 6/span 7;
    }
    .card-nope.\:version-1.\:align-right .c-image {
      order: 1;
    }
    .card-nope.\:version-1.\:align-right .e-btn {
      grid-column-start: 1;
    }
  }
  @container card-v1 (min-width: 860px) {
    .card-nope.\:version-1 .c-image {
      grid-column: auto/span 6;
    }
    .card-nope.\:version-1 .c-text {
      grid-column: auto/span 6;
    }
    .card-nope.\:version-1 .e-btn {
      grid-column: 7/span 6;
    }
  }
  .card-nope.\:version-2 {
    container-name: card-v2;
  }
  .card-nope.\:version-2 .title {
    font-size: clamp(26px, 0.8561vw + 22.9178px, 36px);
    font-family: "Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 900;
    line-height: 1.1;
    text-transform: uppercase;
    font-variant-numeric: oldstyle-nums;
  }
  .card-nope.\:version-2 .meta-header .event-date {
    font-size: 24px;
    font-family: "Grotesk Compact", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 900;
    line-height: 1;
    font-variant-numeric: oldstyle-nums;
  }
  @media (max-width: 595.98px) {
    .card-nope.\:version-2 .abstract {
      display: none;
    }
  }
  @container card-v2 (max-width: 428px) {
    .card-nope.\:version-2 .title {
      margin-top: 0.55em;
    }
    .card-nope.\:version-2 .meta-header.tag-only {
      margin-top: 0;
      flex-wrap: wrap-reverse;
      height: 0;
    }
    .card-nope.\:version-2 .meta-header.tag-only .c-tag {
      flex-wrap: wrap-reverse;
    }
  }
  @container card-v2 (min-width: 428px) {
    .card-nope.\:version-2 > .p-inner {
      --grid-columns: 12;
    }
    .card-nope.\:version-2 .c-image {
      grid-column: auto/span 5;
    }
    .card-nope.\:version-2 .c-text {
      grid-column: auto/span 7;
    }
    .card-nope.\:version-2 .meta-header {
      margin-top: 0;
    }
    .card-nope.\:version-2 .e-btn {
      grid-column: 6/span 7;
    }
    .card-nope.\:version-2.\:align-right .c-image {
      order: 1;
    }
    .card-nope.\:version-2.\:align-right .e-btn {
      grid-column-start: 1;
    }
  }
  @container card-v2 (min-width: 556px) {
    .card-nope.\:version-2 .c-image {
      grid-column: auto/span 4;
    }
    .card-nope.\:version-2 .c-text {
      grid-column: auto/span 8;
    }
    .card-nope.\:version-2 .e-btn {
      grid-column: 5/span 8;
    }
    .card-nope.\:version-2.\:align-right .e-btn {
      grid-column: 1/span 8;
    }
  }
  @container card-v2 (min-width: 700px) {
    .card-nope.\:version-2 .c-image {
      grid-column: auto/span 3;
    }
    .card-nope.\:version-2 .c-text {
      --grid-columns: 9;
      grid-column: auto/span 9;
    }
    .card-nope.\:version-2 .c-text > * {
      grid-column: 1/span 6;
    }
    .card-nope.\:version-2 .meta-header {
      grid-area: 1/1/span 1/-1;
    }
    .card-nope.\:version-2 .card-footer {
      grid-area: 2/7/span 99/span 3;
      margin-top: clamp(10px, 0.3424vw + 8.7671px, 14px);
    }
    .card-nope.\:version-2 .card-meta {
      margin-top: 0;
    }
    .card-nope.\:version-2 .e-btn {
      grid-column: 4/span 9;
    }
    .card-nope.\:version-2.\:align-right .e-btn {
      grid-column: 1/span 9;
    }
  }
  .card-nope.\:version-3 {
    container-name: card-v3;
    margin: 0 auto;
    width: 100%;
    max-width: 700px;
  }
  .card-nope.\:version-3 .abstract {
    display: none;
  }
  @container card-v3 (max-width: 428px) {
    .card-nope.\:version-3 .title {
      margin-top: 0.55em;
    }
    .card-nope.\:version-3 .meta-header.tag-only {
      margin-top: 0;
      flex-wrap: wrap-reverse;
      height: 0;
    }
    .card-nope.\:version-3 .meta-header.tag-only .c-tag {
      flex-wrap: wrap-reverse;
    }
  }
  @container card-v3 (min-width: 428px) {
    .card-nope.\:version-3 > .p-inner {
      --grid-columns: 12;
    }
    .card-nope.\:version-3 .c-image {
      grid-column: auto/span 5;
    }
    .card-nope.\:version-3 .c-text {
      grid-column: auto/span 7;
    }
    .card-nope.\:version-3 .meta-header {
      margin-top: 0;
    }
    .card-nope.\:version-3.\:align-right .c-image {
      order: 1;
    }
    .card-nope.\:version-3.\:align-right .e-btn {
      grid-column-start: 1;
    }
  }
  @container card-v3 (min-width: 556px) {
    .card-nope.\:version-3 .c-image {
      grid-column: auto/span 6;
    }
    .card-nope.\:version-3 .c-text {
      grid-column: auto/span 6;
    }
  }
}
@layer element_local {
  [data-feed-items]:has(.event-card) {
    --item-min-width: 300px;
  }
  .event-card__header .event-card__meta {
    display: flex;
  }
  .event-card__header .meta-list__item.event-date {
    font-size: 24px;
    font-family: "Grotesk Compact", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 900;
    line-height: 1;
    font-variant-numeric: oldstyle-nums;
    background: var(--p-highlight-bg);
    color: var(--p-highlight-text);
  }
}
.latest-card {
  width: 100%;
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(20 20 16 / var(--tw-bg-opacity));
  transition-property: all;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.latest-card > .p-inner {
  height: 100%;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(94 94 94 / var(--tw-border-opacity));
}
@media (min-width: 768px) {
  .latest-card > .p-inner {
    border-bottom-width: 0px;
    padding: 40px;
    padding-bottom: 50px;
  }
}
.latest-card > .p-inner .latest-card__text {
  max-width: 352px;
}
.latest-card > .p-inner .latest-card__text .type-label {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-family: "Instrument";
}
.latest-card > .p-inner .latest-card__text h4 {
  margin-top: 24px;
  margin-bottom: 24px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.latest-card > .p-inner .latest-card__text h4 .shy {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-decoration-line: none;
  text-underline-offset: 3px;
}
.latest-card > .p-inner .overlink:hover ~ [class*=__text] h4 .shy {
  text-decoration-color: inherit;
}
.latest-card:after {
  display: none;
}
@media (min-width: 768px) {
  .latest-card:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }
  .latest-card:hover > .p-inner .latest-card__text .type-label {
    --tw-bg-opacity: 1;
    background-color: rgb(20 20 16 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
}
.latest-card:hover > .p-inner .latest-card__text h4 .shy {
  text-decoration-line: underline;
  text-decoration-color: inherit;
}
@media (min-width: 768px) {
  .latest-card:hover > .p-inner .latest-card__text h4 .shy {
    --tw-text-opacity: 1;
    color: rgb(20 20 16 / var(--tw-text-opacity));
    text-decoration-line: none;
  }
  .latest-card:hover > .p-inner .overlink ~ [class*=__text] h4 {
    --tw-text-opacity: 1;
    color: rgb(20 20 16 / var(--tw-text-opacity));
  }
}
@layer element_local {
  .person-card {
    position: relative;
    container-type: normal;
  }
  .person-card__title {
    margin-top: 0.85em;
    margin-bottom: 0.25em;
  }
  .person-card__footer {
    margin-block: 0;
  }
  .person-card__meta {
    font-size: 18px;
    font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 400;
    line-height: 1.36;
    letter-spacing: 0;
    text-transform: none;
    font-variant-numeric: oldstyle-nums;
  }
  .person-card__meta .meta-list__item {
    margin-block: 0.1em;
    color: var(--p-caption);
  }
}
@layer element_custom {
  .person-card {
    display: flex;
  }
  .person-card__inner {
    width: 100%;
  }
}
.person-card:after {
  display: none;
}
.person-card > .p-inner .person-card__text h4 span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.person-card > .p-inner .person-card__text footer .person-card__meta p {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.person-card:hover > .p-inner .person-card__text h4 span {
  text-decoration-color: inherit;
}
@layer element_local {
  .person-card {
    position: relative;
    container-type: normal;
  }
  .person-card__title {
    margin-top: 0.85em;
    margin-bottom: 0.25em;
  }
  .person-card__footer {
    margin-block: 0;
  }
  .person-card__meta {
    font-size: 18px;
    font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 400;
    line-height: 1.36;
    letter-spacing: 0;
    text-transform: none;
    font-variant-numeric: oldstyle-nums;
  }
  .person-card__meta .meta-list__item {
    margin-block: 0.1em;
    color: var(--p-caption);
  }
}
@layer element_custom {
  .person-card {
    display: flex;
  }
  .person-card__inner {
    width: 100%;
  }
}
@layer element_base {
  .post-card {
    --p-icon: var(--p-accent-1);
    container-type: inline-size;
    display: flex;
    flex-direction: column;
  }
  .post-card__inner {
    flex: 1 0 auto;
    position: relative;
    grid-template-rows: auto 1fr;
  }
  .post-card__inner > * {
    grid-column: 1/-1;
  }
  .post-card__image {
    container: post-card-image/inline-size;
    grid-row: auto/span 2;
  }
  .post-card__image figure {
    overflow: hidden;
  }
  .post-card__image .image--hover {
    position: absolute;
    inset: 0;
    z-index: 2;
  }
  .post-card__image .image--hover .media-figure__source {
    opacity: 0;
  }
  .post-card__image .image--hover .media-figure__media {
    background: none;
  }
  .post-card__image .image--hover .image__loading {
    display: none;
  }
  .post-card__image .btn.playback-toggle {
    --btn-padding: min(max(calc(2cqi + 2px), 8px), 16px);
    --icon-size: min(max(calc(9cqi + 4px), 32px), 68px);
  }
  .post-card__text {
    position: relative;
    grid-auto-rows: min-content;
    font-size: 13px;
    line-height: 1.4;
  }
  .post-card__title {
    margin-block: 0;
  }
  .post-card__title.is-external {
    --icon-size: 24px;
    --icon-margin: 8px;
    padding-right: calc(var(--icon-size) + var(--icon-margin));
  }
  .post-card__title.is-external .icon.external-link {
    position: relative;
    left: 0.2em;
    top: 0;
    display: inline-block;
    margin-right: calc((var(--icon-size) + var(--icon-margin)) * -1);
  }
  .post-card__title.is-external .icon.external-link svg {
    display: inline-block;
  }
  .post-card__header + .post-card__title {
    margin-top: 0.3em;
  }
  .post-card__abstract {
    margin-bottom: 0;
    color: var(--p-caption);
  }
  @media (max-width: 359.98px) {
    .post-card__abstract {
      display: none;
    }
  }
  .post-card__meta .meta-list__item {
    margin-block: 0.1em;
    font-size: 12px;
    font-family: "Instrument Condensed Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 1.44px;
    text-transform: uppercase;
    color: var(--p-caption);
  }
  .post-card__meta .meta-list__item.byline {
    color: var(--p-text);
  }
  .post-card__button {
    position: relative;
    z-index: 11;
    justify-self: flex-start;
    order: 2;
    margin-top: auto;
    padding-top: 1.25em;
  }
  .post-card.\:version-1 {
    container-name: post-card-v1;
  }
  .post-card.\:version-1 .post-card__title {
    font-size: clamp(32px, 1.3698vw + 27.0684px, 48px);
    font-family: "Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 900;
    line-height: 1.1;
    text-transform: uppercase;
    font-variant-numeric: oldstyle-nums;
  }
  .post-card.\:version-1:has(.media-figure__button) .tag-group {
    padding-right: 48px;
  }
  @container post-card-v1 (max-width: 531.98px) {
    .post-card.\:version-1 .post-card__inner {
      display: flex;
      flex-direction: column;
    }
    .post-card.\:version-1 .tag-group {
      position: absolute;
      left: 0;
      bottom: 100%;
    }
    .post-card.\:version-1 .post-card__text {
      padding-top: 0.8em;
    }
    .post-card.\:version-1 .post-card__header:has(.tag-group) + .post-card__title {
      margin-top: 0;
    }
  }
  @container post-card-v1 (min-width: 532px) {
    .post-card.\:version-1 .post-card__inner {
      --grid-columns: 12;
    }
    .post-card.\:version-1 .post-card__image {
      grid-column: auto/span 5;
    }
    .post-card.\:version-1 .post-card__text {
      grid-column: auto/span 7;
    }
    .post-card.\:version-1 .meta-header {
      margin-top: 0;
    }
    .post-card.\:version-1 .post-card__button {
      grid-column: 6/span 7;
    }
    .post-card.\:version-1.\:align-right .post-card__image {
      order: 1;
    }
    .post-card.\:version-1.\:align-right .post-card__button {
      grid-column-start: 1;
    }
  }
  @container post-card-v1 (min-width: 836px) {
    .post-card.\:version-1 .post-card__image {
      grid-column: auto/span 6;
    }
    .post-card.\:version-1 .post-card__text {
      grid-column: auto/span 6;
    }
    .post-card.\:version-1 .post-card__button {
      grid-column: 7/span 6;
    }
  }
  .post-card.\:version-2 {
    container-name: post-card-v2;
  }
  .post-card.\:version-2 .post-card__title {
    font-size: clamp(26px, 0.8561vw + 22.9178px, 36px);
    font-family: "Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 900;
    line-height: 1.1;
    text-transform: uppercase;
    font-variant-numeric: oldstyle-nums;
  }
  .post-card.\:version-2 .meta-header .event-date {
    font-size: 24px;
    font-family: "Grotesk Compact", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 900;
    line-height: 1;
    font-variant-numeric: oldstyle-nums;
  }
  @container post-card-v2 (max-width: 403.98px) {
    .post-card.\:version-2 .tag-group {
      position: absolute;
      left: 0;
      bottom: 100%;
    }
    .post-card.\:version-2 .post-card__text {
      padding-top: 0.8em;
    }
    .post-card.\:version-2 .post-card__header:has(.tag-group) + .post-card__title {
      margin-top: 0;
    }
  }
  @container post-card-v2 (max-width: 531.98px) {
    .post-card.\:version-2 .post-card__abstract {
      display: none;
    }
  }
  @container post-card-v2 (min-width: 404px) {
    .post-card.\:version-2 .post-card__inner {
      --grid-columns: 12;
    }
    .post-card.\:version-2 .post-card__image {
      grid-column: auto/span 5;
    }
    .post-card.\:version-2 .post-card__text {
      grid-column: auto/span 7;
    }
    .post-card.\:version-2 .meta-header {
      margin-top: 0;
    }
    .post-card.\:version-2 .post-card__button {
      grid-column: 6/span 7;
    }
    .post-card.\:version-2.\:align-right .post-card__image {
      order: 1;
    }
    .post-card.\:version-2.\:align-right .post-card__button {
      grid-column-start: 1;
    }
  }
  @container post-card-v2 (min-width: 532px) {
    .post-card.\:version-2 .post-card__image {
      grid-column: auto/span 4;
    }
    .post-card.\:version-2 .post-card__text {
      grid-column: auto/span 8;
    }
    .post-card.\:version-2 .post-card__button {
      grid-column: 5/span 8;
    }
    .post-card.\:version-2.\:align-right .post-card__button {
      grid-column: 1/span 8;
    }
  }
  @container post-card-v2 (min-width: 676px) {
    .post-card.\:version-2 .post-card__image {
      grid-column: auto/span 3;
    }
    .post-card.\:version-2 .post-card__text {
      --grid-columns: 9;
      grid-column: auto/span 9;
    }
    .post-card.\:version-2 .post-card__text > * {
      grid-column: 1/span 6;
    }
    .post-card.\:version-2 .meta-header {
      grid-area: 1/1/span 1/-1;
    }
    .post-card.\:version-2 .post-card__footer {
      grid-area: 2/7/span 99/span 3;
      margin-top: clamp(10px, 0.3424vw + 8.7671px, 14px);
    }
    .post-card.\:version-2 .post-card__meta {
      margin-top: 0;
    }
    .post-card.\:version-2 .post-card__button {
      grid-column: 4/span 9;
    }
    .post-card.\:version-2.\:align-right .post-card__button {
      grid-column: 1/span 9;
    }
  }
  .post-card.\:version-3 {
    container-name: post-card-v3;
    margin: 0 auto;
    width: 100%;
    max-width: 700px;
  }
  .post-card.\:version-3 .post-card__abstract {
    display: none;
  }
  @container post-card-v3 (min-width: 404px) {
    .post-card.\:version-3 .post-card__inner {
      --grid-columns: 12;
    }
    .post-card.\:version-3 .post-card__image {
      grid-column: auto/span 5;
    }
    .post-card.\:version-3 .post-card__text {
      grid-column: auto/span 7;
    }
    .post-card.\:version-3 .meta-header {
      margin-top: 0;
    }
    .post-card.\:version-3.\:align-right .post-card__image {
      order: 1;
    }
    .post-card.\:version-3.\:align-right .post-card__button {
      grid-column-start: 1;
    }
  }
  @container post-card-v3 (min-width: 532px) {
    .post-card.\:version-3 .post-card__image {
      grid-column: auto/span 6;
    }
    .post-card.\:version-3 .post-card__text {
      grid-column: auto/span 6;
    }
  }
  @media (hover: hover) {
    .post-card .overlink:hover ~ .post-card__image .image--hover .media-figure__source {
      opacity: 1;
    }
  }
}
@layer element_local {
  .search-result-card {
    border-bottom: 1px solid var(--p-line);
  }
  .search-result-card > .p-inner {
    display: grid;
    --grid-columns: 1;
    padding-block: var(--rhythm-flow);
  }
  @media (min-width: 596px) {
    .search-result-card > .p-inner {
      --grid-columns: 10;
    }
  }
  @media (min-width: 900px) {
    .search-result-card > .p-inner {
      --grid-columns: 8;
    }
  }
  .search-result-card .c-text {
    grid-column: 1/-1;
  }
  @media (min-width: 740px) {
    .search-result-card .c-text {
      grid-column: 1/span 6;
    }
  }
  @media (min-width: 900px) {
    .search-result-card .c-text {
      grid-column: 1/span 5;
    }
  }
  .search-result-card .title {
    line-height: 1.33;
  }
  .search-result-card .abstract {
    color: var(--p-text);
  }
  .search-result-card .c-image {
    grid-column: 1/-1;
    margin-top: var(--rhythm-flow);
  }
  @media (min-width: 740px) {
    .search-result-card .c-image {
      grid-column: 7/span 4;
      margin-top: 0;
    }
  }
  @media (min-width: 900px) {
    .search-result-card .c-image {
      grid-column: 6/span 3;
    }
  }
  @media (min-width: 1292px) {
    .search-result-card .c-image {
      grid-column: 7/span 2;
    }
  }
  .search-result-card .media-figure__media {
    border-radius: 0;
  }
}
@layer element_base {
  .card-nope {
    --p-icon: var(--p-accent-1);
    container-type: inline-size;
  }
  .card-nope .card__inner {
    position: relative;
  }
  .card-nope .card__inner > * {
    grid-column: 1/-1;
  }
  .card-nope .c-image {
    grid-row: auto/span 2;
  }
  .card-nope figure {
    overflow: hidden;
  }
  .card-nope .image--hover {
    position: absolute;
    inset: 0;
    z-index: 2;
  }
  .card-nope .image--hover .media-figure__source {
    opacity: 0;
  }
  .card-nope .image--hover .media-figure__media {
    background: none;
  }
  .card-nope .image--hover .image__loading {
    display: none;
  }
  .card-nope .c-text {
    grid-auto-rows: min-content;
  }
  .card-nope .title {
    margin-bottom: 0;
  }
  .card-nope .title.is-external {
    --icon-size: 24px;
    --icon-margin: 8px;
    padding-right: calc(var(--icon-size) + var(--icon-margin));
  }
  .card-nope .title.is-external .icon.external-link {
    position: relative;
    left: 0.2em;
    top: 0;
    display: inline-block;
    margin-right: calc((var(--icon-size) + var(--icon-margin)) * -1);
  }
  .card-nope .title.is-external .icon.external-link svg {
    display: inline-block;
  }
  .card-nope .abstract {
    color: var(--p-caption);
  }
  @media (max-width: 359.98px) {
    .card-nope .abstract {
      display: none;
    }
  }
  .card-nope .card-meta {
    margin-top: 0.85em;
  }
  .card-nope .card-meta p {
    margin-top: 0.1em;
    font-size: 12px;
    font-family: "Instrument Condensed Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 1.44px;
    text-transform: uppercase;
    color: var(--p-caption);
  }
  .card-nope .e-btn {
    position: relative;
    z-index: 11;
    justify-self: flex-start;
    order: 2;
  }
  .card-nope.\:version-1 {
    container-name: card-v1;
  }
  .card-nope.\:version-1 .title {
    font-size: clamp(32px, 1.3698vw + 27.0684px, 48px);
    font-family: "Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 900;
    line-height: 1.1;
    text-transform: uppercase;
    font-variant-numeric: oldstyle-nums;
  }
  @container card-v1 (max-width: 556px) {
    .card-nope.\:version-1 .title {
      margin-top: 0.55em;
    }
    .card-nope.\:version-1 .meta-header.tag-only {
      margin-top: 0;
      flex-wrap: wrap-reverse;
      height: 0;
    }
    .card-nope.\:version-1 .meta-header.tag-only .c-tag {
      flex-wrap: wrap-reverse;
    }
  }
  @container card-v1 (min-width: 556px) {
    .card-nope.\:version-1 > .p-inner {
      --grid-columns: 12;
    }
    .card-nope.\:version-1 .c-image {
      grid-column: auto/span 5;
    }
    .card-nope.\:version-1 .c-text {
      grid-column: auto/span 7;
      padding-top: var(--rhythm-gutter);
      border-top: 1px solid var(--p-line);
    }
    .card-nope.\:version-1 .meta-header {
      margin-top: 0;
    }
    .card-nope.\:version-1 .e-btn {
      grid-column: 6/span 7;
    }
    .card-nope.\:version-1.\:align-right .c-image {
      order: 1;
    }
    .card-nope.\:version-1.\:align-right .e-btn {
      grid-column-start: 1;
    }
  }
  @container card-v1 (min-width: 860px) {
    .card-nope.\:version-1 .c-image {
      grid-column: auto/span 6;
    }
    .card-nope.\:version-1 .c-text {
      grid-column: auto/span 6;
    }
    .card-nope.\:version-1 .e-btn {
      grid-column: 7/span 6;
    }
  }
  .card-nope.\:version-2 {
    container-name: card-v2;
  }
  .card-nope.\:version-2 .title {
    font-size: clamp(26px, 0.8561vw + 22.9178px, 36px);
    font-family: "Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 900;
    line-height: 1.1;
    text-transform: uppercase;
    font-variant-numeric: oldstyle-nums;
  }
  .card-nope.\:version-2 .meta-header .event-date {
    font-size: 24px;
    font-family: "Grotesk Compact", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 900;
    line-height: 1;
    font-variant-numeric: oldstyle-nums;
  }
  @media (max-width: 595.98px) {
    .card-nope.\:version-2 .abstract {
      display: none;
    }
  }
  @container card-v2 (max-width: 428px) {
    .card-nope.\:version-2 .title {
      margin-top: 0.55em;
    }
    .card-nope.\:version-2 .meta-header.tag-only {
      margin-top: 0;
      flex-wrap: wrap-reverse;
      height: 0;
    }
    .card-nope.\:version-2 .meta-header.tag-only .c-tag {
      flex-wrap: wrap-reverse;
    }
  }
  @container card-v2 (min-width: 428px) {
    .card-nope.\:version-2 > .p-inner {
      --grid-columns: 12;
    }
    .card-nope.\:version-2 .c-image {
      grid-column: auto/span 5;
    }
    .card-nope.\:version-2 .c-text {
      grid-column: auto/span 7;
    }
    .card-nope.\:version-2 .meta-header {
      margin-top: 0;
    }
    .card-nope.\:version-2 .e-btn {
      grid-column: 6/span 7;
    }
    .card-nope.\:version-2.\:align-right .c-image {
      order: 1;
    }
    .card-nope.\:version-2.\:align-right .e-btn {
      grid-column-start: 1;
    }
  }
  @container card-v2 (min-width: 556px) {
    .card-nope.\:version-2 .c-image {
      grid-column: auto/span 4;
    }
    .card-nope.\:version-2 .c-text {
      grid-column: auto/span 8;
    }
    .card-nope.\:version-2 .e-btn {
      grid-column: 5/span 8;
    }
    .card-nope.\:version-2.\:align-right .e-btn {
      grid-column: 1/span 8;
    }
  }
  @container card-v2 (min-width: 700px) {
    .card-nope.\:version-2 .c-image {
      grid-column: auto/span 3;
    }
    .card-nope.\:version-2 .c-text {
      --grid-columns: 9;
      grid-column: auto/span 9;
    }
    .card-nope.\:version-2 .c-text > * {
      grid-column: 1/span 6;
    }
    .card-nope.\:version-2 .meta-header {
      grid-area: 1/1/span 1/-1;
    }
    .card-nope.\:version-2 .card-footer {
      grid-area: 2/7/span 99/span 3;
      margin-top: clamp(10px, 0.3424vw + 8.7671px, 14px);
    }
    .card-nope.\:version-2 .card-meta {
      margin-top: 0;
    }
    .card-nope.\:version-2 .e-btn {
      grid-column: 4/span 9;
    }
    .card-nope.\:version-2.\:align-right .e-btn {
      grid-column: 1/span 9;
    }
  }
  .card-nope.\:version-3 {
    container-name: card-v3;
    margin: 0 auto;
    width: 100%;
    max-width: 700px;
  }
  .card-nope.\:version-3 .abstract {
    display: none;
  }
  @container card-v3 (max-width: 428px) {
    .card-nope.\:version-3 .title {
      margin-top: 0.55em;
    }
    .card-nope.\:version-3 .meta-header.tag-only {
      margin-top: 0;
      flex-wrap: wrap-reverse;
      height: 0;
    }
    .card-nope.\:version-3 .meta-header.tag-only .c-tag {
      flex-wrap: wrap-reverse;
    }
  }
  @container card-v3 (min-width: 428px) {
    .card-nope.\:version-3 > .p-inner {
      --grid-columns: 12;
    }
    .card-nope.\:version-3 .c-image {
      grid-column: auto/span 5;
    }
    .card-nope.\:version-3 .c-text {
      grid-column: auto/span 7;
    }
    .card-nope.\:version-3 .meta-header {
      margin-top: 0;
    }
    .card-nope.\:version-3.\:align-right .c-image {
      order: 1;
    }
    .card-nope.\:version-3.\:align-right .e-btn {
      grid-column-start: 1;
    }
  }
  @container card-v3 (min-width: 556px) {
    .card-nope.\:version-3 .c-image {
      grid-column: auto/span 6;
    }
    .card-nope.\:version-3 .c-text {
      grid-column: auto/span 6;
    }
  }
  @media (hover: hover) {
    .card-nope .overlink:hover ~ .c-image .image--hover .media-figure__source {
      opacity: 1;
    }
  }
}
.accordion .accordion__title {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.accordion > .p-inner .accordion__menu .accordion-item {
  --tw-border-opacity: 1;
  border-top-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.accordion > .p-inner .accordion__menu .accordion-item:last-child {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.accordion > .p-inner .accordion__menu .accordion-item > .p-inner .expandable-button .text {
  text-transform: none;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: 24px;
  font-family: "Grotesk Compact", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 900;
  line-height: 1;
  font-variant-numeric: oldstyle-nums;
}
.accordion > .p-inner .accordion__menu .accordion-item > .p-inner .expandable-button .icon svg .stroke {
  stroke: #FFFFFF;
}
.accordion > .p-inner .accordion__menu .accordion-item > .p-inner .expandable .expandable__outer > .c-inner * {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@layer component_default {
  .accordion {
    grid-column: 1/-1;
  }
}
@layer component_base {
  .accordion {
    border-bottom: 1px solid var(--p-line);
  }
}
@layer component_base {
  .alert {
    --icon-stroke: 2;
  }
  .alert__inner {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: clamp(20px, 1.7123vw + 13.8356px, 40px);
    padding-block: clamp(20px, 1.7123vw + 13.8356px, 40px);
  }
  @media (min-width: 740px) {
    .alert__inner {
      flex-direction: row;
      justify-content: center;
      align-items: center;
      gap: clamp(20px, 1.7123vw + 13.8356px, 40px);
    }
  }
  .alert__text {
    max-width: 600px;
    font-size: 13px;
    line-height: 1.4;
  }
  @media (max-width: 739.98px) {
    .alert__text {
      padding-right: calc(var(--icon-size) + clamp(20px, 1.7123vw + 13.8356px, 40px));
    }
  }
  @media (min-width: 740px) {
    .alert__text {
      padding-left: calc(var(--icon-size) + clamp(20px, 1.7123vw + 13.8356px, 40px));
      padding-right: 0;
    }
  }
  .alert__text :is(ul, ol) {
    margin-block: 0.85em;
  }
  .alert__button {
    padding-right: calc(var(--icon-size) + clamp(20px, 1.7123vw + 13.8356px, 40px));
  }
  @media (max-width: 739.98px) {
    .alert__button {
      margin-top: 8px;
    }
  }
  .alert__close {
    position: absolute;
  }
  @media (max-width: 739.98px) {
    .alert__close {
      right: 6px;
      top: 6px;
    }
  }
  @media (min-width: 740px) {
    .alert__close {
      right: 0;
      top: 50%;
      translate: 0 -50%;
      margin-right: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) - 10px);
    }
  }
  .alert__close .btn {
    --btn-border-color: transparent;
  }
}
@layer component_base {
  .anchor-card-group {
    --link-border-color: transparent;
  }
  .anchor-card-group .anchor-card {
    grid-column: 1/-1;
  }
  @media (min-width: 740px) {
    .anchor-card-group .anchor-card {
      grid-column: auto/span 6;
    }
  }
  @media (min-width: 1084px) {
    .anchor-card-group .anchor-card {
      grid-column: auto/span 4;
    }
  }
  .anchor-card-group__cards {
    grid-column: 1/-1;
    row-gap: clamp(24px, 0.6849vw + 21.5342px, 32px);
    margin-top: var(--rhythm-flow);
  }
}
@layer component_base {
  @media (min-width: 740px) {
    .anchor-group__items {
      -moz-columns: 2;
           columns: 2;
      -moz-column-gap: clamp(20px, 1.7123vw + 13.8356px, 40px);
           column-gap: clamp(20px, 1.7123vw + 13.8356px, 40px);
    }
  }
  .anchor-group__item {
    padding-top: 0.85em;
    -moz-column-break-inside: avoid;
         break-inside: avoid-column;
  }
}
@layer component_local {
  .anchor-group__item .anchor__link {
    display: inline-block;
  }
}
@layer component_default {
  .button-group {
    grid-column: 1/-1;
    display: flex;
    flex-wrap: wrap;
  }
}
@layer component_base {
  .button-group {
    gap: 24px;
    justify-content: center;
  }
}
@layer component_local {}
.callout {
  --tw-bg-opacity: 1;
  background-color: rgb(241 88 34 / var(--tw-bg-opacity));
}
.callout > .p-inner .callout__text {
  grid-column: span 12 / span 12;
  grid-column-start: 1;
  display: flex;
  flex-direction: column;
}
@media (min-width: 921px) {
  .callout > .p-inner .callout__text {
    grid-column: span 8 / span 8;
    grid-column-start: 3;
  }
}
.callout > .p-inner .callout__text h2 {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 826px;
  text-align: center;
}
.callout > .p-inner .callout__text .callout__abstract {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 678px;
  text-align: center;
}
.callout > .p-inner .callout__text .buttons {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
.callout > .p-inner .callout__text .buttons .btn {
  --btn-text-color-hover: #ffffff;
  --btn-border-color-hover: #151515;
  --btn-bg-color-hover: #151515;
}
@layer component_default {
  .callout__text {
    grid-column: 1/-1;
  }
  @media (min-width: 900px) {
    .callout__text {
      grid-column: 1/span 6;
    }
  }
}
@layer component_base {
  .callout__text {
    grid-column: 1/-1;
  }
  @media (min-width: 740px) {
    .callout__text {
      grid-column: 1/span 8;
    }
  }
  @media (min-width: 1084px) {
    .callout__text {
      grid-column: 1/span 6;
    }
  }
}
@layer component_base {}
@layer component_base {
  @media (max-width: 739.98px) {
    .collage {
      padding-inline: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) * 2);
    }
  }
}
@layer component_local {
  .collage-duo {
    font-size: clamp(22px, 0.8561vw + 18.9178px, 32px);
    font-family: "Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 900;
    line-height: 1.36;
    text-transform: uppercase;
    font-variant-numeric: oldstyle-nums;
  }
  .collage-duo .c-text {
    margin-top: var(--rhythm-feature);
  }
  @media (min-width: 740px) {
    .collage-duo .c-collage {
      grid-column: auto/span 6;
    }
    .collage-duo .c-text {
      grid-column: auto/span 6;
      margin-top: var(--rhythm-default);
    }
    .collage-duo.\:align-right .c-collage {
      order: 1;
    }
  }
  @media (min-width: 1292px) {
    .collage-duo.\:align-left .c-collage {
      grid-column: 1/span 5;
    }
    .collage-duo.\:align-left .c-text {
      grid-column: 7/span 6;
    }
    .collage-duo.\:align-right .c-collage {
      grid-column: 8/span 5;
    }
    .collage-duo.\:align-right .c-text {
      grid-column: 1/span 6;
    }
  }
}
@layer component_default {
  .collage-feature .collage {
    grid-column: 1/-1;
  }
}
@layer component_base {}
.cluster .item {
  grid-column: 1/-1;
}
@media (min-width: 596px) {
  .cluster.-s2 .item {
    grid-column: auto/span 6;
  }
  .cluster.-s2 .item:nth-child(1):nth-last-child(2n+1) {
    grid-column: 2/span 10;
  }
}
@media (min-width: 900px) {
  .cluster.-s2 .item:nth-child(1):nth-last-child(2n+1) {
    grid-column: 3/span 8;
  }
}
@media (min-width: 468px) {
  .cluster.-s3 .item {
    grid-column: 2/span 4;
  }
}
@media (min-width: 596px) {
  .cluster.-s3 .item {
    grid-column: auto/span 6;
  }
}
@media (min-width: 900px) {
  .cluster.-s3 .item {
    grid-column: auto/span 4;
  }
}
@media (min-width: 596px) {
  .cluster.-s3 .item:nth-child(1):nth-last-child(1) {
    grid-column: 3/span 8;
  }
}
@media (min-width: 900px) {
  .cluster.-s3 .item:nth-child(1):nth-last-child(1) {
    grid-column: 4/span 6;
  }
}
@media (min-width: 596px) {
  .cluster.-s3 .item:nth-child(1):nth-last-child(2), .cluster.-s3 .item:nth-child(1):nth-last-child(2) ~ div {
    grid-column: auto/span 6;
  }
  .cluster.-s3 .item:nth-child(1):nth-last-child(n+3):nth-last-child(2n+1) {
    grid-column: 3/span 8;
  }
}
@media (min-width: 900px) {
  .cluster.-s3 .item:nth-child(1):nth-last-child(n+3):nth-last-child(2n+1) {
    grid-column: auto/span 4;
  }
  .cluster.-s3 .item:nth-child(1):nth-last-child(n+4):nth-last-child(3n+1), .cluster.-s3 .item:nth-child(1):nth-last-child(n+4):nth-last-child(3n+1) ~ div:nth-child(-n+4) {
    grid-column: auto/span 6;
  }
  .cluster.-s3 .item:nth-child(1):nth-last-child(n+5):nth-last-child(3n+2), .cluster.-s3 .item:nth-child(1):nth-last-child(n+5):nth-last-child(3n+2) + div {
    grid-column: auto/span 6;
  }
}
@media (min-width: 468px) {
  .cluster.-s4 .item {
    grid-column: 2/span 4;
  }
}
@media (min-width: 596px) {
  .cluster.-s4 .item {
    grid-column: auto/span 3;
  }
  .cluster.-s4 .item:nth-child(1):nth-last-child(1) {
    grid-column: 4/span 6;
  }
}
@media (min-width: 900px) {
  .cluster.-s4 .item:nth-child(1):nth-last-child(1) {
    grid-column: 5/span 4;
  }
}
@media (min-width: 596px) {
  .cluster.-s4 .item:nth-child(1):nth-last-child(2) {
    grid-column: 3/span 4;
  }
  .cluster.-s4 .item:nth-child(1):nth-last-child(2) ~ div {
    grid-column: auto/span 4;
  }
  .cluster.-s4 .item:nth-child(1):nth-last-child(n+3):nth-last-child(4n+3), .cluster.-s4 .item:nth-child(1):nth-last-child(n+3):nth-last-child(4n+3) ~ div:nth-child(-n+3) {
    grid-column: auto/span 4;
  }
  .cluster.-s4 .item:nth-child(1):nth-last-child(n+5):nth-last-child(4n+1) {
    grid-column: 3/span 4;
  }
  .cluster.-s4 .item:nth-child(1):nth-last-child(n+5):nth-last-child(4n+1) ~ div:nth-child(-n+5) {
    grid-column: auto/span 4;
  }
  .cluster.-s4 .item:nth-child(1):nth-last-child(n+6):nth-last-child(4n+2), .cluster.-s4 .item:nth-child(1):nth-last-child(n+6):nth-last-child(4n+2) ~ div:nth-child(-n+6) {
    grid-column: auto/span 4;
  }
}
@layer component_default {
  .content-duo {
    grid-column: 1/-1;
  }
  .content-duo .c-duo-group {
    grid-column: 1/-1;
  }
  @media (min-width: 740px) {
    .content-duo .c-duo-group {
      grid-column: auto/span 6;
    }
  }
  .content-duo.\:sticky-true .c-duo-inner {
    position: sticky;
  }
}
@layer component_base {
  .content-duo.\:sticky-true .c-duo-inner {
    top: var(--rhythm-bg);
  }
  .content-duo.\:sticky-false > .p-inner {
    align-items: center;
  }
  .content-duo[class*=":palette-"] {
    padding-block: var(--rhythm-feature);
  }
}
@layer component_base {}
.embed.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 24px;
}

@layer component_default {}

/* embed overrides */

body .BambooHR-ATS-board {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

body .BambooHR-ATS-board h1, body .BambooHR-ATS-board h2, body .BambooHR-ATS-board div, body .BambooHR-ATS-board li {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

body .BambooHR-ATS-board ul li:before {
  content: none;
}
@layer component_default {
  [data-expandable] {
    display: grid;
    grid-template-rows: 0fr;
  }
  [data-expandable] > .expandable__outer {
    overflow: hidden;
  }
  [data-expandable] > .expandable__overlay {
    position: fixed;
    inset: 0;
    z-index: 0;
    background: var(--p-overlay-bg);
    opacity: 0;
    pointer-events: none;
    transition: opacity 240ms linear(0, 1);
  }
  [data-expandable][data-is-active=false][aria-busy=false] {
    clip-path: rect(0 0 0 0);
  }
  [data-expandable][data-is-active=true] {
    grid-template-rows: 1fr;
  }
  [data-expandable][data-is-active=true] > .expandable__overlay {
    pointer-events: auto;
    opacity: 1;
  }
  [data-expandable][data-is-active=true][aria-busy=false] > .expandable__outer {
    overflow: visible;
  }
  [data-expandable-btn][data-expand-once=true] {
    opacity: 1;
  }
  [data-expandable-btn][data-expand-once=true][aria-expanded=true] {
    opacity: 0;
    pointer-events: none;
  }
}
@layer component_base {
  [data-expandable] {
    transition: grid-template-rows 240ms cubic-bezier(0.42, 0, 0.32, 1);
  }
  [data-expandable-btn][data-expand-once=true] {
    transition: opacity 240ms cubic-bezier(0.42, 0, 0.32, 1);
  }
}
.feed.\:arrange-grid > .p-inner .feed__cards {
  margin: 0px;
  -moz-column-gap: 24px;
       column-gap: 24px;
}
@media (min-width: 1024px) {
  .feed.\:arrange-grid > .p-inner .feed__cards {
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}
.feed.\:arrange-grid > .p-inner .feed__cards .card {
  max-width: 100%;
  flex-grow: 0;
  flex-basis: auto;
  padding: 0px;
}
@media (min-width: 768px) {
  .feed.\:arrange-grid > .p-inner .feed__cards .card {
    width: calc(50% - 12px);
  }
}
@media (min-width: 1024px) {
  .feed.\:arrange-grid > .p-inner .feed__cards .card {
    width: calc(25% - 30px);
  }
}
.feed.\:arrange-grid > .p-inner .feed__cards .card:after {
  left: 0px;
}
.feed.\:arrange-grid > .p-inner .feed__cards:has(.card:nth-child(5)) {
  flex-wrap: wrap;
  row-gap: 24px;
}
@media (min-width: 921px) {
  .feed.\:arrange-grid > .p-inner .feed__cards:has(.card:nth-child(5)) {
    row-gap: 40px;
  }
}
.feed.\:arrange-grid:not(:has(> .p-inner .feed__cards .group-card:nth-child(4))) > .p-inner .feed__cards {
  flex-wrap: wrap;
  row-gap: 40px;
}
.feed.\:arrange-grid:not(:has(> .p-inner .feed__cards .group-card:nth-child(4))) > .p-inner .feed__cards .group-card {
  flex-basis: 100%;
}
@media (min-width: 921px) {
  .feed.\:arrange-grid:not(:has(> .p-inner .feed__cards .group-card:nth-child(4))) > .p-inner .feed__cards .group-card {
    flex-basis: calc(50% - 20px);
  }
}
.feed.\:arrange-grid:not(:has(> .p-inner .feed__cards .group-card:nth-child(4))) > .p-inner .feed__cards .group-card > .p-inner .c-image figure .image__inner .media-figure__media {
  aspect-ratio: 656/291;
}
.feed.\:arrange-grid:not(:has(> .p-inner .feed__cards .group-card:nth-child(4))) > .p-inner .feed__cards .group-card > .p-inner .c-text .top .subtitle {
  font-size: 24px;
  font-family: "Grotesk Compact", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 900;
  line-height: 1.2;
  font-variant-numeric: oldstyle-nums;
  text-transform: uppercase;
}
.feed.\:arrange-grid:not(:has(> .p-inner .feed__cards .group-card:nth-child(4))) > .p-inner .feed__cards .group-card > .p-inner .c-text .top .title {
  font-size: clamp(27px, 1.113vw + 22.9931px, 40px);
  font-family: "Grotesk Compact", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 900;
  line-height: 1;
  font-variant-numeric: oldstyle-nums;
}
.feed.\:arrange-grid:has(> .p-inner .feed__cards .group-card:nth-child(4)) > .p-inner .feed__cards {
  flex-wrap: wrap;
  row-gap: 40px;
}
.feed.\:arrange-grid:has(> .p-inner .feed__cards .group-card:nth-child(4)) > .p-inner .feed__cards .group-card {
  flex-basis: 100%;
}
@media (min-width: 921px) {
  .feed.\:arrange-grid:has(> .p-inner .feed__cards .group-card:nth-child(4)) > .p-inner .feed__cards .group-card {
    flex-basis: 308px;
  }
}
@layer component_default {
  .feed.\:arrange-grid.\:wrap-false .feed__cards {
    display: flex;
    scroll-snap-type: x mandatory;
  }
  .feed.\:arrange-grid.\:wrap-false .card {
    scroll-snap-align: start;
  }
}
@layer component_base {
  .feed.\:arrange-grid .feed__cards {
    margin-left: 0;
    margin-right: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) * -1);
    padding-left: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) * 1);
    translate: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) * -1) 0;
    overflow: hidden;
  }
  .feed.\:arrange-grid .card {
    padding-block: var(--rhythm-gutter);
  }
  .feed.\:arrange-grid.\:wrap-true .feed__cards {
    clip-path: inset(0 0 2px 0);
  }
  .feed.\:arrange-grid.\:wrap-true .card::after {
    content: "";
    position: absolute;
    left: 0;
    right: calc(clamp(20px, 1.7123vw + 13.8356px, 40px) * -1);
    bottom: 0;
    display: block;
    border-bottom: 1px solid var(--p-line);
  }
  .feed.\:arrange-rows .card {
    padding-block: var(--rhythm-gutter);
    border-bottom: 1px solid var(--p-line);
  }
  .feed.\:arrange-grid.\:wrap-false .feed__cards {
    margin-inline: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) * -1);
    padding-left: 0;
    translate: 0 0;
    overflow-x: auto;
    gap: 0;
    padding-bottom: 40px;
  }
  .feed.\:arrange-grid.\:wrap-false .card {
    box-sizing: content-box;
    flex: 0 0 260px;
    padding-left: clamp(20px, 1.7123vw + 13.8356px, 40px);
  }
  .feed.\:arrange-grid.\:wrap-false .card::after {
    left: clamp(20px, 1.7123vw + 13.8356px, 40px);
    right: calc(clamp(20px, 1.7123vw + 13.8356px, 40px) * -1);
  }
  .feed.\:arrange-grid.\:wrap-false .card:nth-child(1):nth-last-child(n+3), .feed.\:arrange-grid.\:wrap-false .card:nth-child(1):nth-last-child(n+3) ~ * {
    flex-grow: 1;
  }
  .feed.\:arrange-grid.\:wrap-false .card:first-child {
    padding-left: clamp(20px, 2.0547vw + 12.6027px, 44px);
  }
  .feed.\:arrange-grid.\:wrap-false .card:first-child::after {
    left: clamp(20px, 2.0547vw + 12.6027px, 44px);
  }
  .feed.\:arrange-grid.\:wrap-false .card:last-child {
    padding-right: clamp(20px, 2.0547vw + 12.6027px, 44px);
  }
  .feed.\:arrange-grid.\:wrap-false .card:last-child::after {
    right: clamp(20px, 2.0547vw + 12.6027px, 44px);
  }
  .feed.\:item-width-fit .feed__cards {
    --item-repeat: auto-fit;
  }
}
@layer component_local {
  .feed.\:layout-tiered [data-feed-items] {
    row-gap: 40px;
  }
  .feed.\:layout-tiered .card {
    grid-column: 1/-1;
  }
  @media (min-width: 596px) and (max-width: 899.98px) {
    .feed.\:layout-tiered .card {
      grid-column: auto/span 6;
    }
    .feed.\:layout-tiered .card:nth-child(1):nth-last-child(2n+1) {
      grid-column: 1/-1;
    }
  }
  @media (min-width: 900px) and (max-width: 1291.98px) {
    .feed.\:layout-tiered .card {
      grid-column: auto/span 4;
    }
    .feed.\:layout-tiered .card:nth-child(1):nth-last-child(n+2):nth-last-child(3n+2), .feed.\:layout-tiered .card:nth-child(1):nth-last-child(n+2):nth-last-child(3n+2) + article {
      grid-column: auto/span 6;
    }
    .feed.\:layout-tiered .card:nth-child(1):nth-last-child(n+4):nth-last-child(3n+1), .feed.\:layout-tiered .card:nth-child(1):nth-last-child(n+4):nth-last-child(3n+1) ~ article:nth-child(-n+4) {
      grid-column: auto/span 6;
    }
  }
  @media (min-width: 1292px) {
    .feed.\:layout-tiered .card {
      grid-column: auto/span 3;
    }
    .feed.\:layout-tiered .card:nth-child(1):nth-last-child(-n+2), .feed.\:layout-tiered .card:nth-child(1):nth-last-child(-n+2) + article {
      grid-column: auto/span 6;
    }
    .feed.\:layout-tiered .card:nth-child(1):nth-last-child(n+3):nth-last-child(4n+3), .feed.\:layout-tiered .card:nth-child(1):nth-last-child(n+3):nth-last-child(4n+3) ~ article:nth-child(-n+3) {
      grid-column: auto/span 4;
    }
    .feed.\:layout-tiered .card:nth-child(1):nth-last-child(n+5):nth-last-child(4n+1), .feed.\:layout-tiered .card:nth-child(1):nth-last-child(n+5):nth-last-child(4n+1) ~ article:nth-child(-n+2) {
      grid-column: auto/span 6;
    }
    .feed.\:layout-tiered .card:nth-child(1):nth-last-child(n+5):nth-last-child(4n+1) ~ article:nth-child(n+3):nth-child(-n+5) {
      grid-column: auto/span 4;
    }
    .feed.\:layout-tiered .card:nth-child(1):nth-last-child(n+6):nth-last-child(4n+2), .feed.\:layout-tiered .card:nth-child(1):nth-last-child(n+6):nth-last-child(4n+2) ~ article:nth-child(-n+6) {
      grid-column: auto/span 4;
    }
  }
}
.filter.listing-media > .p-inner [data-filter-root] .feed.\:arrange-grid.\:wrap-false .card, .filter.listing-press > .p-inner [data-filter-root] .feed.\:arrange-grid.\:wrap-false .card {
  flex-basis: auto;
}
.filter > .p-inner [data-filter-root] .filter__load-more a {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  background-color: transparent;
}
.filter > .p-inner [data-filter-root] .filter__load-more a .text {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.filter > .p-inner [data-filter-root] .filter__load-more a:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.filter > .p-inner [data-filter-root] .filter__load-more a:hover .text {
  --tw-text-opacity: 1;
  color: rgb(20 20 16 / var(--tw-text-opacity));
}
.filter > .p-inner [data-filter-root] .feed.\:arrange-grid.\:wrap-false .card {
  flex-basis: auto;
}
.filter > .p-inner [data-filter-root] .feed.\:arrange-grid.\:wrap-false .card:not(.think-100):not(.justice-paid-in-full):not(.good-trouble-dept):not(.respect-my-vote) > .p-inner .c-text .top .title .shy {
  --tw-text-opacity: 1;
  color: rgb(20 20 16 / var(--tw-text-opacity));
}
.filter > .p-inner [data-filter-root] .feed.\:arrange-grid.\:wrap-false .card:not(.think-100):not(.justice-paid-in-full):not(.good-trouble-dept):not(.respect-my-vote) > .p-inner .c-text .top .abstract p {
  --tw-text-opacity: 1;
  color: rgb(20 20 16 / var(--tw-text-opacity));
}
.filter > .p-inner [data-filter-root] .filter__feed-header [data-filter-applied] {
  overflow-x: scroll;
}
.filter > .p-inner [data-filter-root] .filter__feed-header [data-filter-applied] a {
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.filter > .p-inner [data-filter-root] .filter__feed-header [data-filter-applied] a .text {
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 1.44px;
  font-weight: 700;
  text-transform: uppercase;
}
.filter > .p-inner [data-filter-root] .filter__feed-header [data-filter-applied] a[data-match-id="issue[]-think-100"] {
  --tw-bg-opacity: 1;
  background-color: rgb(64 166 213 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(6 25 46 / var(--tw-text-opacity));
}
.filter > .p-inner [data-filter-root] .filter__feed-header [data-filter-applied] a[data-match-id="issue[]-think-100"]:before {
  --tw-border-opacity: 1;
  border-color: rgb(64 166 213 / var(--tw-border-opacity));
}
.filter > .p-inner [data-filter-root] .filter__feed-header [data-filter-applied] a[data-match-id="issue[]-think-100"] .icon svg .stroke {
  stroke: #06192E;
}
.filter > .p-inner [data-filter-root] .filter__feed-header [data-filter-applied] a[data-match-id="issue[]-think-100"]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(6 25 46 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(64 166 213 / var(--tw-text-opacity));
}
.filter > .p-inner [data-filter-root] .filter__feed-header [data-filter-applied] a[data-match-id="issue[]-think-100"]:hover .icon svg .stroke {
  stroke: #40A6D5;
}
.filter > .p-inner [data-filter-root] .filter__feed-header [data-filter-applied] a[data-match-id="issue[]-justice-paid-in-full"] {
  --tw-bg-opacity: 1;
  background-color: rgb(216 226 96 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(3 100 80 / var(--tw-text-opacity));
}
.filter > .p-inner [data-filter-root] .filter__feed-header [data-filter-applied] a[data-match-id="issue[]-justice-paid-in-full"]:before {
  --tw-border-opacity: 1;
  border-color: rgb(216 226 96 / var(--tw-border-opacity));
}
.filter > .p-inner [data-filter-root] .filter__feed-header [data-filter-applied] a[data-match-id="issue[]-justice-paid-in-full"] .icon svg .stroke {
  stroke: #036450;
}
.filter > .p-inner [data-filter-root] .filter__feed-header [data-filter-applied] a[data-match-id="issue[]-justice-paid-in-full"]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(3 100 80 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(216 226 96 / var(--tw-text-opacity));
}
.filter > .p-inner [data-filter-root] .filter__feed-header [data-filter-applied] a[data-match-id="issue[]-justice-paid-in-full"]:hover .icon svg .stroke {
  stroke: #D8E260;
}
.filter > .p-inner [data-filter-root] .filter__feed-header [data-filter-applied] a[data-match-id="issue[]-good-trouble-dept"] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 216 0 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(144 99 38 / var(--tw-text-opacity));
}
.filter > .p-inner [data-filter-root] .filter__feed-header [data-filter-applied] a[data-match-id="issue[]-good-trouble-dept"]:before {
  --tw-border-opacity: 1;
  border-color: rgb(254 216 0 / var(--tw-border-opacity));
}
.filter > .p-inner [data-filter-root] .filter__feed-header [data-filter-applied] a[data-match-id="issue[]-good-trouble-dept"] .icon svg .stroke {
  stroke: #906326;
}
.filter > .p-inner [data-filter-root] .filter__feed-header [data-filter-applied] a[data-match-id="issue[]-good-trouble-dept"]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(144 99 38 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(254 216 0 / var(--tw-text-opacity));
}
.filter > .p-inner [data-filter-root] .filter__feed-header [data-filter-applied] a[data-match-id="issue[]-good-trouble-dept"]:hover .icon svg .stroke {
  stroke: #FED800;
}
.filter > .p-inner [data-filter-root] .filter__feed-header [data-filter-applied] a[data-match-id="issue[]-respect-my-vote"] {
  --tw-bg-opacity: 1;
  background-color: rgb(174 125 183 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(80 18 42 / var(--tw-text-opacity));
}
.filter > .p-inner [data-filter-root] .filter__feed-header [data-filter-applied] a[data-match-id="issue[]-respect-my-vote"]:before {
  --tw-border-opacity: 1;
  border-color: rgb(174 125 183 / var(--tw-border-opacity));
}
.filter > .p-inner [data-filter-root] .filter__feed-header [data-filter-applied] a[data-match-id="issue[]-respect-my-vote"] .icon svg .stroke {
  stroke: #50122A;
}
.filter > .p-inner [data-filter-root] .filter__feed-header [data-filter-applied] a[data-match-id="issue[]-respect-my-vote"]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(80 18 42 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(174 125 183 / var(--tw-text-opacity));
}
.filter > .p-inner [data-filter-root] .filter__feed-header [data-filter-applied] a[data-match-id="issue[]-respect-my-vote"]:hover .icon svg .stroke {
  stroke: #AE7DB7;
}
.filter > .p-inner [data-filter-root] .filter__feed-header [data-filter-reset] a {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  background-image: none;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-weight: 700;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(20 20 16 / var(--tw-text-opacity));
  text-decoration-line: none;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 1.44px;
}
.filter > .p-inner [data-filter-root] .filter__feed-header [data-filter-reset] a:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 88 34 / var(--tw-bg-opacity));
}
.filter > .p-inner [data-filter-root] .filter__feed-header .sort-count-container {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));
  padding-top: 16px;
  padding-bottom: 16px;
}
.filter > .p-inner [data-filter-root] .filter__feed-header .sort-count-container .filter__feed-result-count {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: 16px;
  line-height: 1.4;
}
.filter > .p-inner [data-filter-root] .filter__feed-header .sort-count-container .filter__feed-result-count span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: 16px;
  line-height: 1.4;
}
.filter > .p-inner [data-filter-root] .filter__feed-header .sort-count-container .select--sort .field__label {
  font-family: "Instrument";
  font-weight: 400;
  text-transform: none;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  letter-spacing: 0;
  font-size: 16px;
  line-height: 1.4;
}
.filter > .p-inner [data-filter-root] .filter__feed-header .sort-count-container .select--sort .select__inner {
  background-color: transparent;
}
.filter > .p-inner [data-filter-root] .filter__feed-header .sort-count-container .select--sort .select__inner .select__container .select__value {
  font-family: "Instrument";
  font-weight: 400;
  text-transform: none;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-decoration-line: underline;
  font-size: 16px;
  line-height: 1.4;
}
.filter > .p-inner form .filter__criteria-primary .filter__fields-primary {
  flex-direction: column;
}
@media (min-width: 921px) {
  .filter > .p-inner form .filter__criteria-primary .filter__fields-primary {
    flex-basis: 0px;
    flex-direction: row;
    flex-wrap: nowrap;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));
    padding-bottom: 20px;
  }
}
.filter > .p-inner form .filter__criteria-primary .filter__fields-primary > * {
  width: 100%;
  max-width: 100%;
  flex-basis: auto;
}
@media (min-width: 921px) {
  .filter > .p-inner form .filter__criteria-primary .filter__fields-primary > * {
    flex-basis: 0px;
  }
  .filter > .p-inner form .filter__criteria-primary .filter__fields-primary > *:last-child {
    border-right-width: 0px !important;
  }
}
.filter > .p-inner form .filter__criteria-primary .filter__fields-primary .field.\:type-search {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));
  padding: 0px;
}
@media (min-width: 921px) {
  .filter > .p-inner form .filter__criteria-primary .filter__fields-primary .field.\:type-search {
    border-bottom-width: 0px;
    border-right-width: 1px;
    --tw-border-opacity: 1;
    border-right-color: rgb(255 255 255 / var(--tw-border-opacity));
  }
}
.filter > .p-inner form .filter__criteria-primary .filter__fields-primary .field.\:type-search input {
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.filter > .p-inner form .filter__criteria-primary .filter__fields-primary .field.\:type-search input::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(255 255 255 / var(--tw-placeholder-opacity));
}
.filter > .p-inner form .filter__criteria-primary .filter__fields-primary .field.\:type-search input::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(255 255 255 / var(--tw-placeholder-opacity));
}
.filter > .p-inner form .filter__criteria-primary .filter__fields-primary .field.\:type-search .icon svg .stroke {
  stroke: #FFFFFF;
}
.filter > .p-inner form .filter__criteria-primary .filter__fields-primary .checkbox-group {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));
}
@media (min-width: 921px) {
  .filter > .p-inner form .filter__criteria-primary .filter__fields-primary .checkbox-group {
    border-bottom-width: 0px;
    border-right-width: 1px;
    --tw-border-opacity: 1;
    border-right-color: rgb(255 255 255 / var(--tw-border-opacity));
    padding-left: 16px;
    padding-right: 16px;
  }
}
.filter > .p-inner form .filter__criteria-primary .filter__fields-primary .checkbox-group button {
  padding-left: 0px;
  padding-right: 0px;
}
.filter > .p-inner form .filter__criteria-primary .filter__fields-primary .checkbox-group button .text {
  align-items: center;
}
.filter > .p-inner form .filter__criteria-primary .filter__fields-primary .checkbox-group button .text .toggle-input-group__label {
  font-size: 18px;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.filter > .p-inner form .filter__criteria-primary .filter__fields-primary .checkbox-group button .text .toggle-input-group__summary {
  font-size: 16px;
  line-height: 1.4;
  font-family: "Instrument";
  text-transform: capitalize;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.filter > .p-inner form .filter__criteria-primary .filter__fields-primary .checkbox-group button .icon svg .stroke {
  stroke: #FFFFFF;
}
.filter > .p-inner form .filter__criteria-primary .filter__fields-primary .select {
  display: flex;
  align-items: center;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 16px;
  padding-bottom: 16px;
}
@media (min-width: 921px) {
  .filter > .p-inner form .filter__criteria-primary .filter__fields-primary .select {
    border-bottom-width: 0px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.filter > .p-inner form .filter__criteria-primary .filter__fields-primary .select .field__label {
  margin: 0px;
  font-family: "Grotesk Compact";
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: 18px;
  line-height: 1;
}
.filter > .p-inner form .filter__criteria-primary .filter__fields-primary .select .select__inner {
  margin-left: .8em;
  border-style: none;
  background-color: transparent;
  padding: 0px;
}
.filter > .p-inner form .filter__criteria-primary .filter__fields-primary .select .select__inner .select__container .select__value {
  font-size: 16px;
  line-height: 1.4;
  font-family: "Instrument";
  text-transform: capitalize;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.filter > .p-inner form .filter__criteria-primary .filter__fields-primary .select .select__inner .select__container .icon {
  height: 28px;
  width: 28px;
  flex: 0 0 28px;
}
.filter > .p-inner form .filter__criteria-primary .filter__fields-primary .select .select__inner .select__container .icon svg .stroke {
  stroke: #FFFFFF;
}
@layer component_default {
  .filter {
    --icon-stroke: 1.5;
    grid-column: 1/-1;
  }
  .filter[data-is-active=false] .filter__load-more .icon.\:icon-loading {
    display: none;
  }
  .filter[data-is-active=true] .filter__load-more .icon.\:icon-more {
    display: none;
  }
  [data-filter-root] {
    position: relative;
  }
  [data-filter-response] {
    opacity: 1;
    transition: opacity 480ms cubic-bezier(0.42, 0, 0.32, 1);
  }
  [data-filter-applied] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
  }
  [data-load-more-button]:not([href]) {
    opacity: 0;
    pointer-events: none;
  }
  .filter__loading {
    position: absolute;
    top: 0;
    left: 50%;
    translate: -50% 0;
    display: flex;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 240ms cubic-bezier(0, 0, 0.32, 1);
  }
  .filter[data-is-obsolete=true] [data-filter-response] {
    opacity: 0.3;
    pointer-events: none;
  }
  .filter[data-is-obsolete=true] .filter__loading {
    opacity: 1;
  }
}
@layer component_base {
  [data-filter-criteria] {
    margin-bottom: 24px;
  }
  [data-filter-criteria] .toggle-input-group__expandable-button {
    --btn-border-size: 0;
    --btn-bg-color: transparent;
    --btn-text-color: var(--p-btn-v2-text-default);
    --icon-size: 28px;
    justify-content: space-between;
    width: 100%;
  }
  .filter__fields-primary {
    display: flex;
  }
  .filter__panel {
    position: fixed;
    left: 100%;
    top: 0;
    bottom: 0;
    z-index: 1101;
    display: block;
    width: clamp(304px, 5.4794vw + 284.2739px, 368px);
    background-color: transparent;
  }
  .filter__panel[data-is-active=true] {
    left: calc(100% - clamp(304px, 5.4794vw + 284.2739px, 368px));
  }
  .filter__panel[data-is-active=false] {
    pointer-events: none;
  }
  .filter__panel .toggle-input-group {
    border-bottom: 1px solid var(--p-line-alt);
  }
  .filter__expandable__outer {
    overflow: visible !important;
  }
  .filter__expandable__content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    background-color: var(--p-bg);
    height: 100dvh;
  }
  .filter__panel-inner {
    flex: 1 1 auto;
    padding-inline: clamp(20px, 1.0273vw + 16.3013px, 32px);
    padding-block: clamp(16px, 0.6849vw + 13.5342px, 24px);
    overflow-x: hidden;
    overflow-y: auto;
  }
  .filter__panel-inner .toggle-input-group__expandable-button {
    --btn-padding-x: 0;
  }
  .filter__panel-header,
  .filter__panel-footer {
    padding-inline: clamp(20px, 1.0273vw + 16.3013px, 32px);
    padding-block: clamp(16px, 0.6849vw + 13.5342px, 24px);
  }
  .filter__panel-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    border-bottom: 1px solid var(--p-line-alt);
  }
  .filter__panel-header [data-expandable-close] {
    --btn-border-size: 0;
    --btn-bg-color: transparent;
    --btn-text-color: var(--p-btn-v2-text-default);
    --icon-size: 24px;
    --icon-stroke: 2;
  }
  .filter__panel-title {
    margin: 0;
  }
  .filter__panel-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    gap: 24px;
    border-top: 1px solid var(--p-line);
  }
  .filter__panel-footer [data-expandable-close] {
    flex: 0 0 100%;
  }
  .filter__panel-result-count {
    font-size: 18px;
    line-height: 1.36;
    letter-spacing: 0;
    color: var(--p-caption);
  }
  @media (min-width: 596px) {
    .filter.\:layout-row [data-filter-criteria] {
      border-bottom: 1px solid var(--p-line-alt);
    }
  }
  .filter.\:layout-row .filter__criteria-primary {
    flex: 1 0 auto;
    display: flex;
  }
  @media (max-width: 595.98px) {
    .filter.\:layout-row .filter__criteria-primary {
      flex-wrap: wrap;
      row-gap: 16px;
    }
  }
  @media (min-width: 596px) {
    .filter.\:layout-row .filter__criteria-primary {
      height: 100%;
    }
  }
  .filter.\:layout-row .filter__criteria-primary .field.\:type-search {
    --icon-size: 32px;
    --icon-stroke: 2;
    --field-padding-left: 0;
    --field-padding-y: clamp(12px, 0.3424vw + 10.7671px, 16px);
    --field-border-size: 0;
  }
  @media (max-width: 595.98px) {
    .filter.\:layout-row .filter__criteria-primary .field.\:type-search {
      --field-icon-position-x: 0px;
      border-bottom: 1px solid var(--p-line);
    }
  }
  @media (min-width: 596px) {
    .filter.\:layout-row .filter__criteria-primary .field.\:type-search {
      --field-icon-position-x: calc(var(--field-padding-x) * 0.5);
      padding-right: 16px;
      border-right: 1px solid var(--p-line);
    }
  }
  .filter.\:layout-row .filter__criteria-primary .field__input--search {
    font-size: 18px;
    line-height: 1.36;
    letter-spacing: 0;
  }
  @media (min-width: 596px) {
    .filter.\:layout-row .filter__criteria-primary .field__input--search {
      height: 100%;
    }
  }
  @media (max-width: 595.98px) {
    .filter.\:layout-row .filter__criteria-primary .toggle-input-group {
      --btn-padding-x: 0;
      border-bottom: 1px solid var(--p-line);
    }
  }
  @media (min-width: 596px) {
    .filter.\:layout-row .filter__criteria-primary .toggle-input-group {
      border-right: 1px solid var(--p-line);
    }
  }
  .filter.\:layout-row .filter__criteria-primary .toggle-input-group__summary {
    font-weight: 400;
  }
  @media (max-width: 595.98px) {
    .filter.\:layout-row .filter__criteria-primary .toggle-input-group__expandable-button {
      --btn-padding-x: 0;
    }
  }
  @media (min-width: 596px) {
    .filter.\:layout-row .filter__criteria-primary .toggle-input-group__expandable-button {
      height: 100%;
    }
    .filter.\:layout-row .filter__criteria-primary .toggle-input-group__expandable {
      position: absolute;
      left: 0;
      top: calc(100% + 1px);
      z-index: 1;
      width: 300px;
    }
    .filter.\:layout-row .filter__criteria-primary .toggle-input-group__expandable__outer {
      box-shadow: 0 12px 24px 0 #00000014;
    }
    .filter.\:layout-row .filter__criteria-primary .toggle-input-group__options {
      padding: 24px;
      background-color: var(--p-bg);
    }
  }
  .filter.\:layout-row .filter__fields-primary {
    flex: 1 0 auto;
    flex-wrap: wrap;
    max-width: 100%;
  }
  .filter.\:layout-row .filter__fields-primary > * {
    flex: 1 0 280px;
    width: 100%;
    max-width: 280px;
  }
  @media (min-width: 596px) {
    .filter.\:layout-row .filter__fields-primary {
      flex-wrap: wrap;
    }
  }
  .filter.\:layout-row .filter__criteria-header {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip-path: rect(0 0 0 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
  @media (min-width: 596px) {
    .filter.\:layout-row .filter__fields-secondary__expandable-button {
      --btn-border-size: 0;
      --btn-padding-y: 0;
      height: 100%;
    }
  }
  .filter.\:layout-sidebar .filter__inner {
    --grid-columns: 12;
  }
  .filter.\:layout-sidebar .section-header {
    margin-bottom: clamp(20px, 1.7123vw + 13.8356px, 40px);
  }
  .filter.\:layout-sidebar [data-filter-criteria] {
    grid-column: 1/-1;
  }
  @media (min-width: 900px) {
    .filter.\:layout-sidebar [data-filter-criteria] {
      grid-column: 1/span 3;
    }
  }
  .filter.\:layout-sidebar .filter__criteria-header {
    margin-top: clamp(20px, 1.7123vw + 13.8356px, 40px);
  }
  .filter.\:layout-sidebar .filter__fields-primary {
    flex-direction: column;
    gap: 0;
  }
  .filter.\:layout-sidebar .filter__fields-primary .field.\:type-search {
    order: -1;
  }
  .filter.\:layout-sidebar .filter__fields-primary .toggle-input-group {
    border-top: 1px solid var(--p-line);
  }
  .filter.\:layout-sidebar .filter__fields-primary .toggle-input-group__expandable-button {
    --btn-padding-x: 0;
    justify-content: space-between;
    width: 100%;
    text-align: left;
  }
  .filter.\:layout-sidebar .filter__fields-secondary__expandable-button {
    width: 100%;
  }
  .filter.\:layout-sidebar [data-filter-root] {
    grid-column: 1/-1;
  }
  @media (min-width: 900px) {
    .filter.\:layout-sidebar [data-filter-root] {
      grid-column: auto/span 9;
    }
  }
  .filter__feed-header {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 20px;
  }
  .filter__feed-header [data-filter-reset] {
    margin-right: auto;
  }
  .filter__meta-header {
    flex: 1 0 100%;
  }
  .filter__feed-summary {
    margin: 0;
  }
  .filter__feed-result-count {
    font-size: 18px;
    line-height: 1.36;
    letter-spacing: 0;
  }
  .filter__load-more {
    display: flex;
    justify-content: center;
  }
  [data-load-more-button] {
    width: 100%;
  }
  .filter__loading {
    --icon-size: 48px;
    --icon-stroke: 4;
    --p-icon: var(--p-accent-1);
    padding: var(--rhythm-feature) 0;
  }
}
@layer component_local {
  .filter:not(:has([data-filter-criteria])) .filter__feed {
    margin-top: 0;
  }
  .filter__feed {
    margin-bottom: 0;
  }
  .filter__panel {
    transition: left 240ms cubic-bezier(0, 0, 0.32, 1);
  }
}
.animated-title {
  width: 100%;
}
.animated-title .content__title {
  margin: 0;
  display: grid;
  font-size: 192px;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 120%;
  letter-spacing: -0.701px;
  --tw-text-opacity: 1;
  color: rgb(249 247 247 / var(--tw-text-opacity));
  --color-text: #F9F7F7;
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-align: center;
}
.animated-title .content__title--left {
  margin-right: auto;
}
.animated-title .content__title--right {
  margin-left: auto;
}
.animated-title .text-rep span {
  --font-factor: .059;
  --font-line: .745;
  --font-size-l: 1vw;
  --size: var(--font-size-l);
  --color-rep-bg: #141410;
  --color-rep-text: var(--color-text);
  --color-rep-text-main: var(--color-text);
  --color-rep-outline: var(--color-text);
  color: var(--color-rep-text-main);
  grid-area: 1/1/2/2;
  background: var(--color-rep-bg);
  line-height: var(--font-line);
  padding-bottom: calc(var(--font-factor) * var(--size));
  will-change: transform;
}
.animated-title .text-rep span:not(:last-child) {
  color: var(--color-rep-text);
}
.hhc-featured {
  position: relative;
  margin-top: 0px;
  margin-bottom: 0px;
  background-color: transparent;
  padding-top: 40px;
  padding-bottom: 70px;
}
@media (min-width: 921px) {
  .hhc-featured {
    padding-top: 80px;
    padding-bottom: 110px;
  }
}
.hhc-featured > .p-inner .featured-container {
  grid-column: span 12 / span 12;
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}
.hhc-featured > .p-inner .featured-container .content {
  position: relative;
  grid-column: span 12 / span 12;
  display: flex;
  width: 100%;
  flex-direction: column;
  row-gap: 40px;
}
@media (min-width: 921px) {
  .hhc-featured > .p-inner .featured-container .content {
    flex-direction: row;
  }
}
.hhc-featured > .p-inner .featured-container .content .featured__image {
  margin-left: 30px;
  width: calc(100% - 30px);
  padding-bottom: 30px;
}
@media (min-width: 921px) {
  .hhc-featured > .p-inner .featured-container .content .featured__image {
    max-width: 686px;
  }
}
.hhc-featured > .p-inner .featured-container .content .featured__image figure .image__inner .image__media {
  aspect-ratio: 656/448;
  overflow: visible;
}
.hhc-featured > .p-inner .featured-container .content .featured__image figure .image__inner .image__media img {
  position: absolute;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(241 88 34 / var(--tw-border-opacity));
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.hhc-featured > .p-inner .featured-container .content .featured__image figure .image__inner .image__media img:first-child {
  right: 30px;
  top: 30px;
  z-index: 3;
}
.hhc-featured > .p-inner .featured-container .content .featured__image figure .image__inner .image__media img:nth-child(2) {
  right: 15px;
  top: 15px;
  z-index: 2;
}
.hhc-featured > .p-inner .featured-container .content .text {
  width: 100%;
}
.hhc-featured > .p-inner .featured-container .content .text .top {
  width: 100%;
}
@media (min-width: 921px) {
  .hhc-featured > .p-inner .featured-container .content .text .top {
    width: calc(100% - 30px);
  }
}
.hhc-featured > .p-inner .featured-container .content .text .top .featured-header {
  display: flex;
  align-items: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.hhc-featured > .p-inner .featured-container .content .text .top .featured-header .issue-container {
  display: flex;
}
.hhc-featured > .p-inner .featured-container .content .text .top .featured-header .issue-container .issue-tag {
  font-size: 13px;
  font-family: "Instrument Condensed Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0em;
  text-transform: uppercase;
  font-variant-numeric: lining-nums;
  --tw-bg-opacity: 1;
  background-color: rgb(241 88 34 / var(--tw-bg-opacity));
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-family: "Instrument";
}
.hhc-featured > .p-inner .featured-container .content .text .top .featured-header h4 {
  margin: 0px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hhc-featured > .p-inner .featured-container .content .text .top h2 {
  margin-top: 16px;
  margin-bottom: 0px;
  --tw-text-opacity: 1;
  color: rgb(241 88 34 / var(--tw-text-opacity));
  text-decoration-thickness: from-font;
  text-underline-offset: 4px;
}
.hhc-featured > .p-inner .featured-container .content .text .top h2 .shy {
  background-image: none;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-decoration-thickness: from-font;
  text-underline-offset: 4px;
}
.hhc-featured > .p-inner .featured-container .content .text .top h2 .icon svg .stroke {
  stroke: #F15822;
}
.hhc-featured > .p-inner .featured-container .content .text .top .abstract {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: 16px;
  font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 400;
  line-height: 1.4;
}
.hhc-featured > .p-inner .featured-container .content .text .top .abstract p {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: 16px;
  font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 400;
  line-height: 1.4;
}
.hhc-featured > .p-inner .featured-container .content .text .top .e-btn {
  margin-top: 16px;
}
.hhc-featured > .p-inner .featured-container .content .text .top .e-btn .btn {
  padding: 8px;
  --btn-border-color-hover: #F15822;
  --btn-bg-color-hover: #F15822;
  --btn-text-color-hover: #151515;
}
.hhc-featured > .p-inner .featured-container .content .text .top .e-btn .btn .icon {
  height: 16px;
  width: 16px;
  flex-basis: 16px;
}
.hhc-featured > .p-inner .featured-container .content .text .top .e-btn .btn .icon svg {
  height: 16px;
  width: 16px;
  rotate: 90deg;
}
.hhc-featured > .p-inner .featured-container .content .text .top .featured__meta {
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 21px;
}
.hhc-featured > .p-inner .featured-container .content .text .top .featured__meta * {
  position: relative;
  margin: 0px;
  display: flex;
  align-items: center;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: 13px;
  font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 400;
  line-height: 1.4;
}
.hhc-featured > .p-inner .featured-container .content .text .top .featured__meta *:after {
  position: absolute;
  right: -12px;
  height: 5px;
  width: 5px;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-content: "";
  content: var(--tw-content);
}
.hhc-featured > .p-inner .featured-container .content .text .top .featured__meta *:last-child:after {
  display: none;
}
.hhc-featured > .p-inner .featured-container .content .text .bottom {
  width: 100%;
}
@media (min-width: 921px) {
  .hhc-featured > .p-inner .featured-container .content .text .bottom {
    width: calc(100% - 30px);
  }
}
.hhc-featured > .p-inner .featured-container .content .text .bottom .e-btn {
  margin-top: 20px;
}
.hhc-featured > .p-inner .featured-container .content .text .bottom .e-btn .btn {
  padding: 8px;
}
.hhc-featured > .p-inner .featured-container .content .text .bottom .featured__meta {
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 21px;
}
.hhc-featured > .p-inner .featured-container .content .text .bottom .featured__meta > * {
  position: relative;
  margin: 0px;
  display: flex;
  align-items: center;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: 13px;
  font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 400;
  line-height: 1.4;
}
.hhc-featured > .p-inner .featured-container .content .text .bottom .featured__meta > *:after {
  position: absolute;
  right: -12px;
  height: 5px;
  width: 5px;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-content: "";
  content: var(--tw-content);
}
.hhc-featured > .p-inner .featured-container .content .text .bottom .featured__meta > *:last-child:after {
  display: none;
}
.hhc-featured > .p-inner .featured-container .content .text .bottom .featured__meta .authors {
  display: block;
  width: 100%;
  flex-shrink: 0;
  font-size: 16px;
  font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 400;
  line-height: 1.4;
}
.hhc-featured > .p-inner .featured-container .content .text .bottom .featured__meta .authors a {
  flex-shrink: 0;
  background-image: none;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-decoration-line: none;
  font-size: 16px;
  font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 400;
  line-height: 1.4;
}
.hhc-featured > .p-inner .featured-container .content .text .bottom .featured__meta .authors a:after {
  display: none;
}
.hhc-featured > .p-inner .featured-container .content .text .bottom .featured__meta .authors a:hover {
  text-decoration-line: underline;
  text-decoration-color: inherit;
}
.hhc-featured > .p-inner .featured-container .content .text .bottom .featured__meta .authors:after {
  display: none;
}
.hhc-featured > .p-inner .featured-container .content.think-100 img {
  border-width: 2px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(64 166 213 / var(--tw-border-opacity)) !important;
}
.hhc-featured > .p-inner .featured-container .content.think-100 .issue-tag {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(64 166 213 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(6 25 46 / var(--tw-text-opacity)) !important;
}
.hhc-featured > .p-inner .featured-container .content.think-100 h2 .shy,
.hhc-featured > .p-inner .featured-container .content.think-100 h2 > span {
  --tw-text-opacity: 1 !important;
  color: rgb(64 166 213 / var(--tw-text-opacity)) !important;
}
.hhc-featured > .p-inner .featured-container .content.think-100 h2 .icon svg .stroke {
  stroke: #40A6D5 !important;
}
.hhc-featured > .p-inner .featured-container .content.justice-paid-in-full img {
  border-width: 2px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(216 226 96 / var(--tw-border-opacity)) !important;
}
.hhc-featured > .p-inner .featured-container .content.justice-paid-in-full .issue-tag {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(216 226 96 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(3 100 80 / var(--tw-text-opacity)) !important;
}
.hhc-featured > .p-inner .featured-container .content.justice-paid-in-full h2 .shy,
.hhc-featured > .p-inner .featured-container .content.justice-paid-in-full h2 > span {
  --tw-text-opacity: 1 !important;
  color: rgb(216 226 96 / var(--tw-text-opacity)) !important;
}
.hhc-featured > .p-inner .featured-container .content.justice-paid-in-full h2 .icon svg .stroke {
  stroke: #D8E260 !important;
}
.hhc-featured > .p-inner .featured-container .content.respect-my-vote img {
  border-width: 2px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(174 125 183 / var(--tw-border-opacity)) !important;
}
.hhc-featured > .p-inner .featured-container .content.respect-my-vote .issue-tag {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(174 125 183 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(80 18 42 / var(--tw-text-opacity)) !important;
}
.hhc-featured > .p-inner .featured-container .content.respect-my-vote h2 .shy,
.hhc-featured > .p-inner .featured-container .content.respect-my-vote h2 > span {
  --tw-text-opacity: 1 !important;
  color: rgb(174 125 183 / var(--tw-text-opacity)) !important;
}
.hhc-featured > .p-inner .featured-container .content.respect-my-vote h2 .icon svg .stroke {
  stroke: #AE7DB7 !important;
}
.hhc-featured > .p-inner .featured-container .content.good-trouble-dept img {
  border-width: 2px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(254 216 0 / var(--tw-border-opacity)) !important;
}
.hhc-featured > .p-inner .featured-container .content.good-trouble-dept .issue-tag {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(254 216 0 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(144 99 38 / var(--tw-text-opacity)) !important;
}
.hhc-featured > .p-inner .featured-container .content.good-trouble-dept h2 .shy,
.hhc-featured > .p-inner .featured-container .content.good-trouble-dept h2 > span {
  --tw-text-opacity: 1 !important;
  color: rgb(254 216 0 / var(--tw-text-opacity)) !important;
}
.hhc-featured > .p-inner .featured-container .content.good-trouble-dept h2 .icon svg .stroke {
  stroke: #FED800 !important;
}
.hhc-featured > .p-inner .featured-container .content.person .text .top h1 {
  margin-top: 0px;
  margin-bottom: 16px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hhc-featured > .p-inner .featured-container .content.person .text .top h1 span {
  display: block;
  width: 100%;
  text-decoration-thickness: from-font;
  text-underline-offset: 4px;
}
.hhc-featured > .p-inner .featured-container .content.person .text .top h4 {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hhc-featured > .p-inner .featured-container .content.person .featured__image {
  max-width: 424px;
}
.hhc-featured > .p-inner .featured-container .content.person .featured__image figure .image__inner .image__media {
  aspect-ratio: 1 / 1;
}
.hhc-featured > .p-inner .featured-container .content.person .featured__footer .social-anchor-group > .p-inner {
  justify-content: flex-start;
}
.hhc-featured > .p-inner .featured-container .content.person .featured__footer .social-anchor-group > .p-inner menu a {
  --btn-text-color-default: #fff;
  --btn-border-color-default: transparent;
  --btn-bg-color-default: transparent;
  --btn-text-color-hover: #F15822;
  --btn-border-color-hover: transparent;
  --btn-bg-color-hover: transparent;
}
.hhc-featured > .p-inner .featured-container .content.person.has-link:hover .text .top h1 span {
  text-decoration-line: underline;
}
.hhc-featured > .p-inner .featured-container .content.media {
  flex-direction: column-reverse;
  justify-content: flex-end;
  -moz-column-gap: 40px;
       column-gap: 40px;
}
@media (min-width: 921px) {
  .hhc-featured > .p-inner .featured-container .content.media {
    flex-direction: row-reverse;
  }
}
.hhc-featured > .p-inner .featured-container .content.media .featured__image {
  margin-left: 0px;
  width: 100%;
  padding-bottom: 0px;
}
@media (min-width: 921px) {
  .hhc-featured > .p-inner .featured-container .content.media .featured__image {
    max-width: 900px;
  }
}
.hhc-featured > .p-inner .featured-container .content.media .featured__image figure .image__inner .image__media img:first-child {
  left: 28px;
  bottom: 28px;
  top: 28px;
  right: 28px;
  height: calc(100% - 56px);
  width: calc(100% - 56px);
}
.hhc-featured > .p-inner .featured-container .content.media .featured__image figure .image__inner .image__media img:nth-child(2) {
  top: 0px;
  right: 0px;
}
.hhc-featured > .p-inner .featured-container .content.media .text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 921px) {
  .hhc-featured > .p-inner .featured-container .content.media .text {
    max-width: 337px;
  }
}
.hhc-featured > .p-inner .featured-container .content.media .text .top {
  width: 100%;
}
.hhc-featured > .p-inner .featured-container .content.media .text .top h2 {
  font-family: "Grotesk Compact";
  text-transform: capitalize;
}
@media (min-width: 921px) {
  .hhc-featured > .p-inner .featured-container .content.media .text .top h2 {
    font-size: 50px;
  }
}
.hhc-featured > .p-inner .featured-container .content.media .text .bottom {
  width: 100%;
}
.hhc-featured > .p-inner .featured-container .content.media:hover .featured__image figure .image__inner .image__media img:not(:last-child) {
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-duration: 1000ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.hhc-featured > .p-inner .featured-container .content.press .text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.hhc-featured > .p-inner .featured-container .content.has-link:hover .featured__image figure .image__inner .image__media img {
  --image-scale: 1;
}
.hhc-featured > .p-inner .featured-container .content.has-link:hover .text .top h2 {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  text-decoration-color: inherit !important;
}
.hhc-featured > .p-inner .featured-container .content.has-link:hover .text .top h2 .shy {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  text-decoration-color: inherit !important;
}
.hhc-featured > .p-inner .featured-container .content.has-link:hover .text .top h2 .icon svg .stroke {
  stroke: #FFFFFF !important;
}
.hhc-featured > .p-inner .featured-container .content.has-link:hover:not(.media) .featured__image figure .image__inner .image__media img {
  right: 0px;
  top: 0px;
}
.hhc-featured > .p-inner .featured-container .featured__footer .social-anchor-group > .p-inner {
  justify-content: flex-end;
}
.hhc-featured > .p-inner .featured-container .featured__footer .social-anchor-group > .p-inner menu a {
  --btn-text-color-default: #fff;
  --btn-border-color-default: #fff;
  --btn-bg-color-default: transparent;
  --btn-text-color-hover: #151515;
  --btn-border-color-hover: #F15822;
  --btn-bg-color-hover: #F15822;
}
.hhc-form {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.hhc-form > .p-inner .content-container {
  grid-column: span 12 / span 12;
}
@media (min-width: 921px) {
  .hhc-form > .p-inner .content-container {
    grid-column: span 5 / span 5;
  }
}
.hhc-form > .p-inner .content-container .site-logo {
  position: relative;
  max-width: 281px;
}
.hhc-form > .p-inner .content-container .site-logo a, .hhc-form > .p-inner .content-container .site-logo a:hover {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 2;
  height: 100%;
  width: 100%;
  --link-shy-border-color: transparent;
  background: unset !important;
}
.hhc-form > .p-inner .content-container h2 {
  margin-top: 40px;
  margin-bottom: 0px;
  padding-bottom: 16px;
}
.hhc-form > .p-inner .form-container {
  grid-column: span 12 / span 12;
  margin-top: 40px;
}
@media (min-width: 921px) {
  .hhc-form > .p-inner .form-container {
    grid-column: span 6 / span 6;
    grid-column-start: 7;
    margin-top: 0px;
  }
}
.hhc-form > .p-inner .form-container {
  height: -moz-fit-content;
  height: fit-content;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(170 170 170 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 32px;
  padding-bottom: 32px;
}
@media (min-width: 921px) {
  .hhc-form > .p-inner .form-container {
    padding: 80px;
  }
}
.hhc-form > .p-inner .form-container form {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  -moz-column-gap: 16px;
       column-gap: 16px;
  row-gap: 40px;
}
.hhc-form > .p-inner .form-container form > * {
  margin: 0px;
  width: 100%;
}
.hhc-form > .p-inner .form-container form > .half {
  width: 100%;
}
@media (min-width: 768px) {
  .hhc-form > .p-inner .form-container form > .half {
    width: calc(50% - 8px);
  }
}
.hhc-form > .p-inner .form-container form .field .field__label {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(20 20 16 / var(--tw-text-opacity));
  font-size: 18px;
  font-family: "Grotesk Compact", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 900;
  line-height: 1;
  font-variant-numeric: oldstyle-nums;
}
.hhc-form > .p-inner .form-container form .field input {
  --tw-border-opacity: 1;
  border-color: rgb(170 170 170 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(20 20 16 / var(--tw-text-opacity));
  font-size: 16px;
  font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 400;
  line-height: 1.4;
}
.hhc-form > .p-inner .form-container form .field input::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(87 87 87 / var(--tw-text-opacity));
  font-size: 16px;
  font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 400;
  line-height: 1.4;
}
.hhc-form > .p-inner .form-container form .field input::placeholder {
  --tw-text-opacity: 1;
  color: rgb(87 87 87 / var(--tw-text-opacity));
  font-size: 16px;
  font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 400;
  line-height: 1.4;
}
.hhc-form > .p-inner .form-container form .field.\:type-textarea .field__input {
  border-radius: 0px;
  --tw-border-opacity: 1;
  border-color: rgb(170 170 170 / var(--tw-border-opacity));
}
.hhc-form > .p-inner .form-container form .select .field__label {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(20 20 16 / var(--tw-text-opacity));
  font-size: 18px;
  font-family: "Grotesk Compact", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 900;
  line-height: 1;
  font-variant-numeric: oldstyle-nums;
}
.hhc-form > .p-inner .form-container form .select > .p-inner {
  border-radius: 0px;
  --tw-border-opacity: 1;
  border-color: rgb(170 170 170 / var(--tw-border-opacity));
}
.hhc-form > .p-inner .form-container form .select > .p-inner .select__container .select__value {
  font-size: 16px;
  font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 400;
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(20 20 16 / var(--tw-text-opacity));
}
.hhc-form > .p-inner .form-container form .field-group legend {
  --tw-text-opacity: 1;
  color: rgb(20 20 16 / var(--tw-text-opacity));
  font-size: 18px;
  font-family: "Grotesk Compact", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 900;
  line-height: 1;
  font-variant-numeric: oldstyle-nums;
}
.hhc-form > .p-inner .form-container form .field-group > div menu li label .toggle-input-option__label {
  font-size: 16px;
  font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 400;
  line-height: 1.4;
  margin-top: 5px;
  --tw-text-opacity: 1;
  color: rgb(20 20 16 / var(--tw-text-opacity));
}
.hhc-form > .p-inner .form-container form .field-group > div menu li label:hover span input {
  --tw-border-opacity: 1;
  border-color: rgb(241 88 34 / var(--tw-border-opacity));
}
.hhc-form > .p-inner .form-container form .btn {
  width: auto;
  --btn-text-color-default: #151515;
  --btn-border-color-default: #151515;
  --btn-bg-color-default: #F15822;
  --btn-text-color-hover: #fff;
  --btn-border-color-hover: #151515;
  --btn-bg-color-hover: #151515;
}
.w-content-group:has(.hhc-form) {
  margin-top: 0px;
}
.w-content-group .gform_wrapper form .gform_body .gfield .gfield_label {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.w-content-group .gform_wrapper form .gform_body .gfield .gfield_description {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.w-content-group .gform_wrapper form .gform_body .gfield .ginput_container input[type=text], .w-content-group .gform_wrapper form .gform_body .gfield .ginput_container input[type=email] {
  height: auto;
  border-radius: 0px;
  --tw-border-opacity: 1;
  border-color: rgb(195 195 195 / var(--tw-border-opacity));
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 16px;
  padding-bottom: 16px;
  --tw-text-opacity: 1;
  color: rgb(34 30 31 / var(--tw-text-opacity));
  border: 1px solid #C3C3C3;
  box-shadow: none;
}
.w-content-group .gform_wrapper form .gform_body .gfield .ginput_container input[type=text]::-moz-placeholder, .w-content-group .gform_wrapper form .gform_body .gfield .ginput_container input[type=email]::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(100 101 103 / var(--tw-text-opacity));
}
.w-content-group .gform_wrapper form .gform_body .gfield .ginput_container input[type=text]::placeholder, .w-content-group .gform_wrapper form .gform_body .gfield .ginput_container input[type=email]::placeholder {
  --tw-text-opacity: 1;
  color: rgb(100 101 103 / var(--tw-text-opacity));
}
.w-content-group .gform_wrapper form .gform_body .gfield .ginput_container textarea {
  border-radius: 0px;
  --tw-border-opacity: 1;
  border-color: rgb(195 195 195 / var(--tw-border-opacity));
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 16px;
  padding-bottom: 16px;
  --tw-text-opacity: 1;
  color: rgb(34 30 31 / var(--tw-text-opacity));
  box-shadow: none;
}
.w-content-group .gform_wrapper form .gform_body .gfield .ginput_container textarea::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(100 101 103 / var(--tw-text-opacity));
}
.w-content-group .gform_wrapper form .gform_body .gfield .ginput_container textarea::placeholder {
  --tw-text-opacity: 1;
  color: rgb(100 101 103 / var(--tw-text-opacity));
}
.w-content-group .gform_wrapper form .gform_body .gfield .ginput_container input[type=checkbox] {
  margin-top: 4px;
  border-radius: 0px;
  --tw-border-opacity: 1;
  border-color: rgb(87 132 237 / var(--tw-border-opacity));
}
.w-content-group .gform_wrapper form .gform_body .gfield .ginput_container input[type=radio] {
  margin-top: 4px;
  --tw-border-opacity: 1;
  border-color: rgb(87 132 237 / var(--tw-border-opacity));
}
.w-content-group .gform_wrapper form .gform_body .gfield .ginput_container select {
  height: auto;
  border-radius: 8px;
  --tw-border-opacity: 1;
  border-color: rgb(195 195 195 / var(--tw-border-opacity));
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 16px;
  padding-bottom: 16px;
  --tw-text-opacity: 1;
  color: rgb(34 30 31 / var(--tw-text-opacity));
  box-shadow: none;
}
.w-content-group .gform_wrapper form .gform_body .gfield .ginput_container .gform-field-label, .w-content-group .gform_wrapper form .gform_body .gfield .ginput_container .gfield_description {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.w-content-group .gform_wrapper form .gform_footer input[type=submit] {
  margin-bottom: 0px !important;
  display: flex !important;
  height: auto !important;
  flex-shrink: 0 !important;
  align-items: center !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(241 88 34 / var(--tw-bg-opacity)) !important;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  padding-left: 32px !important;
  padding-right: 32px !important;
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
  text-decoration-line: none !important;
  transition-property: all !important;
  transition-duration: 400ms !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
}
.w-content-group .gform_wrapper form .gform_footer input[type=submit]:after {
  position: absolute !important;
  --tw-content: "" !important;
  content: var(--tw-content) !important;
}
.w-content-group:has(.issue_areas:first-child) {
  margin-top: 0px;
}

.issue_areas {
  position: relative;
  background-color: var(--primary);
}

.issue_areas > .p-inner {
  position: relative;
  margin-right: 0px;
}

.issue_areas > .p-inner .content > .section-title-small {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.issue_areas > .p-inner .content > h2 {
  margin-top: 24px;
  margin-bottom: 0px;
  width: 100%;
  max-width: 800px;
  color: var(--accent);
}

.issue_areas > .p-inner .content .issue-header .abstract {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 656px;
  padding-bottom: 24px;
}

.issue_areas > .p-inner .content .issue-header .abstract p {
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.issue_areas > .p-inner .content .issue-areas-container {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
}

@media (min-width: 1024px) {

  .issue_areas > .p-inner .content .issue-areas-container {
    flex-direction: row;
  }
}

.issue_areas > .p-inner .content .issue-areas-container {
  margin-inline: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) * -1);
}

@media (min-width: 1024px) {
  .issue_areas > .p-inner .content .issue-areas-container {
    margin-inline: 0px;
  }
}

.issue_areas > .p-inner .content .issue-areas-container .issue-area {
  position: relative;
  display: flex;
  min-height: 1px;
  width: 100%;
  cursor: pointer;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}

@media (min-width: 1024px) {

  .issue_areas > .p-inner .content .issue-areas-container .issue-area {
    min-height: 800px;
    width: 33%;
  }
}

.issue_areas > .p-inner .content .issue-areas-container .issue-area {
  transition: width 0.5s ease-in-out;
}

.issue_areas > .p-inner .content .issue-areas-container .issue-area .background {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}

.issue_areas > .p-inner .content .issue-areas-container .issue-area .background figure {
  height: 100%;
  width: 100%;
}

.issue_areas > .p-inner .content .issue-areas-container .issue-area .background figure .image__inner {
  height: 100%;
}

.issue_areas > .p-inner .content .issue-areas-container .issue-area .background:after {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  --tw-content: "";
  content: var(--tw-content);
}

.issue_areas > .p-inner .content .issue-areas-container .issue-area .logo {
  padding: 40px;
  padding-top: 30px;
}

@media (min-width: 1024px) {

  .issue_areas > .p-inner .content .issue-areas-container .issue-area .logo {
    padding-top: 40px;
  }
}

.issue_areas > .p-inner .content .issue-areas-container .issue-area.think-100 .background:after {
  background-color: rgb(6 25 46 / .8);
}

.issue_areas > .p-inner .content .issue-areas-container .issue-area.think-100 .ia-content {
  --tw-bg-opacity: 1;
  background-color: rgb(6 25 46 / var(--tw-bg-opacity));
}

.issue_areas > .p-inner .content .issue-areas-container .issue-area.respect-my-vote .background:after {
  background-color: rgb(80 18 42 / .8);
}

.issue_areas > .p-inner .content .issue-areas-container .issue-area.respect-my-vote .ia-content {
  --tw-bg-opacity: 1;
  background-color: rgb(80 18 42 / var(--tw-bg-opacity));
}

.issue_areas > .p-inner .content .issue-areas-container .issue-area.justice-paid-in-full .background:after {
  background-color: rgb(3 100 80 / .8);
}

.issue_areas > .p-inner .content .issue-areas-container .issue-area.justice-paid-in-full .ia-content {
  --tw-bg-opacity: 1;
  background-color: rgb(3 100 80 / var(--tw-bg-opacity));
}

.issue_areas > .p-inner .content .issue-areas-container .issue-area.good-trouble-dept .background:after {
  background-color: rgb(144 99 38 / .8);
}

.issue_areas > .p-inner .content .issue-areas-container .issue-area.good-trouble-dept .ia-content {
  --tw-bg-opacity: 1;
  background-color: rgb(144 99 38 / var(--tw-bg-opacity));
}

.issue_areas > .p-inner .content .issue-areas-container .issue-area .logo {
  position: relative;
}

.issue_areas > .p-inner .content .issue-areas-container .issue-area .ia-content {
  position: relative;
  display: block;
  --tw-translate-y: 20px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  overflow: hidden;
  padding: 40px;
  padding-top: 30px;
  opacity: 1;
}

@media (min-width: 1024px) {

  .issue_areas > .p-inner .content .issue-areas-container .issue-area .ia-content {
    padding-top: 40px;
  }
}

.issue_areas > .p-inner .content .issue-areas-container .issue-area .ia-content {
  transition: opacity 0.4s ease-in-out, transform 0.6s ease-in-out;
  transition-delay: 0s;
}

.issue_areas > .p-inner .content .issue-areas-container .issue-area .ia-content h4 {
  margin-bottom: 0px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.issue_areas > .p-inner .content .issue-areas-container .issue-area .ia-content .abstract {
  max-width: 439px;
  padding-top: 24px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

  .issue_areas > .p-inner .content .issue-areas-container .issue-area .ia-content .abstract {
    visibility: hidden;
    max-height: 0px;
  }
}

.issue_areas > .p-inner .content .issue-areas-container .issue-area .ia-content .abstract {
  transition: height 0.4s ease-in-out;
}

.issue_areas > .p-inner .content .issue-areas-container .issue-area .ia-content .abstract p {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

  .issue_areas > .p-inner .content .issue-areas-container .issue-area .ia-content .abstract p {
    opacity: 0;
  }
}

.issue_areas > .p-inner .content .issue-areas-container .issue-area .ia-content .abstract p {
  transition: opacity 0.4s ease-in-out;
  font-size: 16px;
  font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 400;
  line-height: 1.4;
  transition-delay: 0.4s;
}

@media (min-width: 1024px) {

  .issue_areas > .p-inner .content .issue-areas-container .issue-area:hover {
    width: 40%;
  }

  .issue_areas > .p-inner .content .issue-areas-container .issue-area:hover .ia-content {
    height: 240px;
  }
}

.issue_areas > .p-inner .content .issue-areas-container .issue-area:hover .ia-content .abstract {
  visibility: visible;
  max-height: 100%;
  transition-delay: 0s;
}

.issue_areas > .p-inner .content .issue-areas-container .issue-area:hover .ia-content .abstract p {
  opacity: 1;
}

.issue_areas > .p-inner .content .issue-areas-container .issue-area:after {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-color: var(--accent);
  --tw-content: "";
  content: var(--tw-content);
  transition: opacity 0.3s ease-in-out;
  opacity: 1;
}

.issue_areas > .p-inner .content .issue-areas-container .issue-area .title {
  position: relative;
  z-index: 2;
  transition: transform 0.4s ease-in-out;
}

.issue_areas > .p-inner .content .issue-areas-container .issue-area .title .icon svg {
  transition: rotate 0.2s ease-in-out;
}

.issue_areas > .p-inner .content .issue-areas-container:has(.issue-area:nth-child(4)) .issue-area {
  width: 100%;
}

@media (min-width: 1024px) {

  .issue_areas > .p-inner .content .issue-areas-container:has(.issue-area:nth-child(4)) .issue-area {
    width: 25%;
  }

  .issue_areas > .p-inner .content .issue-areas-container:has(.issue-area:nth-child(4)) .issue-area:hover {
    width: 40%;
  }
}
.hhc-latest {
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: transparent;
    padding-bottom: 0px;
    padding-top: 40px
}
@media (min-width: 768px) {
    .hhc-latest {
        padding-top: 0px
    }
}
.hhc-latest > .p-inner .content {
    position: relative;
    z-index: 10;
    grid-column: span 12 / span 12;
    padding-left: 20px;
    padding-right: 20px
}
@media (min-width: 921px) {
    .hhc-latest > .p-inner .content {
        top: -50%;
        padding-left: 44px;
        padding-right: 44px
    }
}
@media (min-width: 1440px) {
    .hhc-latest > .p-inner .content {
        padding-left: 0px;
        padding-right: 0px
    }
}
.hhc-latest > .p-inner .content .latest-container {
    z-index: 1;
    display: flex;
    width: 100%;
    flex-direction: column
}
@media (min-width: 1024px) {
    .hhc-latest > .p-inner .content .latest-container {
        flex-direction: row
    }
}
.hhc-latest > .p-inner .content .latest-container .card-holder {
    margin-top: 0px;
    margin-bottom: 0px;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px
}
.hhc-latest > .p-inner .content .latest-container .card-holder > .p-inner {
    display: flex;
    height: 100%;
    flex-direction: column;
    flex-wrap: wrap;
    row-gap: 24px
}
@media (min-width: 768px) {
    .hhc-latest > .p-inner .content .latest-container .card-holder > .p-inner {
        flex-direction: row;
        row-gap: 0px
    }
}
@media (min-width: 1024px) {
    .hhc-latest > .p-inner .content .latest-container .card-holder > .p-inner {
        flex-wrap: nowrap
    }
}
.hhc-latest > .p-inner .content .latest-container .card-holder > .p-inner .card {
    width: 100%
}
@media (min-width: 768px) {
    .hhc-latest > .p-inner .content .latest-container .card-holder > .p-inner .card {
        width: 50%
    }
}
@media (min-width: 1024px) {
    .hhc-latest > .p-inner .content .latest-container .card-holder > .p-inner .card {
        width: 100%
    }
}
.text-grid {
  margin-bottom: 56px;
}
.text-grid > .p-inner {
  flex-wrap: wrap;
  justify-content: space-between;
  -moz-column-gap: 40px;
       column-gap: 40px;
  row-gap: 56px;
  padding: 0px;
}
.text-grid > .p-inner h3, .text-grid > .p-inner h4, .text-grid > .p-inner p {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-grid > .p-inner .column {
  width: 100%;
  flex-shrink: 0;
}
@media (min-width: 921px) {
  .text-grid > .p-inner .column {
    width: 30%;
  }
}
.text-grid > .p-inner .column {
  flex: 1 0 30%;
}
.text-grid > .p-inner .title {
  width: 100%;
  flex-shrink: 0;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  flex: none;
}
@layer component_base {
  .text-grid > .p-inner {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  @media (min-width: 596px) {
    .text-grid > .p-inner {
      flex-direction: row;
    }
    .text-grid > .p-inner > * {
      flex: 1 1 0;
    }
  }
}
.image-feature .media-figure__caption {
  margin-top: 16px;
}
.image-feature .media-figure__caption * {
  font-size: 13px;
  font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 400;
  line-height: 1.4;
  margin: 0px;
}
@layer component_local {}
@layer component_base {
  .image-grid > .p-inner {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  @media (min-width: 596px) {
    .image-grid > .p-inner {
      flex-direction: row;
    }
    .image-grid > .p-inner > * {
      flex: 1 1 0;
    }
  }
}
@layer component_base {
  .logo-rail :focus-visible {
    outline: none;
  }
  .logo-rail__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: calc(clamp(20px, 1.7123vw + 13.8356px, 40px) * 1.25);
  }
  .logo-rail__slider {
    position: relative;
  }
  @media (min-width: 596px) {
    .logo-rail__slider {
      padding-inline: calc(var(--icon-size) * 2);
    }
  }
  .logo-rail__slider-items {
    display: flex;
    align-items: center;
    gap: 0;
  }
  .logo-rail__slider-item {
    padding-inline: calc(clamp(20px, 1.7123vw + 13.8356px, 40px) / 2);
    width: 50%;
    height: 72px;
  }
  @media (min-width: 596px) {
    .logo-rail__slider-item {
      width: 33.33%;
    }
  }
  @media (min-width: 1084px) {
    .logo-rail__slider-item {
      width: 25%;
    }
  }
  .logo-rail__nav {
    position: absolute;
    left: 0;
    top: 50%;
    display: flex;
    justify-content: space-between;
    width: 100%;
    translate: 0 -50%;
  }
  @media (max-width: 595.98px) {
    .logo-rail__nav {
      display: none;
    }
  }
  .logo-rail__nav-button {
    --btn-border-color: transparent;
  }
  .logo-rail__nav-button > svg {
    display: none;
  }
  .logo-rail__button {
    display: flex;
    justify-content: center;
  }
}
@layer component_local {
  .logo-rail .media-figure__source {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .logo-rail__item .media-figure__source {
    width: auto;
    height: auto;
    max-width: 256px;
    max-height: 88px;
  }
}
.marquee > .p-inner .c-title .title {
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.marquee > .p-inner > .c-inner .c-rail .c-group .marquee-item > .p-inner figure .image__inner .image__media img {
  max-height: 40px;
  width: auto;
}
.marquee > .p-inner .c-marquee-control {
  display: flex;
  justify-content: flex-end;
}
.marquee > .p-inner .c-marquee-control button {
  border-radius: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.marquee > .p-inner .c-marquee-control button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 88 34 / var(--tw-bg-opacity));
}
.marquee > .p-inner .c-marquee-control button:hover .text {
  --tw-text-opacity: 1;
  color: rgb(20 20 16 / var(--tw-text-opacity));
}
.marquee > .p-inner .c-marquee-control button:hover .icon svg path, .marquee > .p-inner .c-marquee-control button:hover .icon svg polygon {
  fill: #141410;
}
.marquee > .p-inner .c-marquee-control button .icon {
  display: flex;
  height: 16px;
  width: 16px;
  flex-basis: 16px;
  align-items: center;
  justify-content: center;
}
.marquee > .p-inner .c-marquee-control button .icon svg {
  height: 14px;
  width: 14px;
}
.marquee[data-playing=true] .marquee-toggle .play-text {
  display: none !important;
}
.marquee[data-playing=true] .marquee-toggle .icon.\:icon-play {
  display: none !important;
}
.marquee[data-playing=false] .marquee-toggle .pause-text {
  display: none !important;
}
.marquee[data-playing=false] .marquee-toggle .\:icon-hhc-pause {
  display: none !important;
}
@layer component_base {
  .marquee {
    --marquee-gap: clamp(20px, 1.7123vw + 13.8356px, 40px);
  }
  .marquee > .p-inner > .c-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    overflow: hidden;
  }
  .marquee > .p-inner > .c-title {
    padding-inline: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) * 1);
  }
  @media (min-width: 1528px) {
    .marquee > .p-inner > .c-title {
      padding-inline: calc((100vw - 1440px) / 2);
    }
  }
  .marquee .c-rail {
    display: flex;
    translate: 0 0;
    animation: marquee-left var(--marquee-loop-time) linear infinite;
  }
  .marquee .c-group {
    flex: 0 0 auto;
    display: flex;
    gap: var(--marquee-gap);
    padding-right: var(--marquee-gap);
    transform: translate3d(0, 0, 0);
  }
  .marquee .c-marquee-control {
    position: relative;
    z-index: 2;
    padding-inline: clamp(20px, 2.0547vw + 12.6027px, 44px);
  }
  @keyframes marquee-left {
    0% {
      translate: 0 0;
    }
    100% {
      translate: calc(var(--marquee-group-width) * -1) 0;
    }
  }
  .marquee[data-playing=true] .marquee-toggle .icon.\:icon-play {
    display: none;
  }
  .marquee[data-playing=false] .c-rail {
    animation-play-state: paused;
  }
  .marquee[data-playing=false] .marquee-toggle .icon.\:icon-pause {
    display: none;
  }
}
.masthead .masthead__nav-main .masthead__nav-primary .masthead__nav-primary__inner .site-logo {
  width: 150px;
  flex-basis: 150px;
}
@media (min-width: 768px) {
  .masthead .masthead__nav-main .masthead__nav-primary .masthead__nav-primary__inner .site-logo {
    width: 257px;
    flex-basis: 257px;
  }
}
.masthead .masthead__nav-main .masthead__nav-primary .masthead__nav-primary__inner .nav-masthead-primary-desktop {
  display: none;
}
@media (min-width: 1335px) {
  .masthead .masthead__nav-main .masthead__nav-primary .masthead__nav-primary__inner .nav-masthead-primary-desktop {
    display: flex;
  }
}
.masthead .masthead__nav-main .masthead__nav-primary .masthead__nav-primary__inner .nav-masthead-primary-desktop li > span a {
  position: relative;
  background-color: transparent;
  text-decoration-line: none;
}
.masthead .masthead__nav-main .masthead__nav-primary .masthead__nav-primary__inner .nav-masthead-primary-desktop li > span a span {
  font-size: 20px;
  font-family: "Instrument Condensed Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0em;
  text-transform: uppercase;
  font-variant-numeric: lining-nums;
  background-image: none;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-decoration-line: none;
}
.masthead .masthead__nav-main .masthead__nav-primary .masthead__nav-primary__inner .nav-masthead-primary-desktop li > span a:after {
  position: absolute;
  bottom: 0px;
  height: 6px;
  width: 100%;
  background-color: transparent;
  --tw-content: "";
  content: var(--tw-content);
}
.masthead .masthead__nav-main .masthead__nav-primary .masthead__nav-primary__inner .nav-masthead-primary-desktop li > a .text, .masthead .masthead__nav-main .masthead__nav-primary .masthead__nav-primary__inner .nav-masthead-primary-desktop li > a span {
  font-size: 20px;
  font-family: "Instrument Condensed Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0em;
  text-transform: uppercase;
  font-variant-numeric: lining-nums;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.masthead .masthead__nav-main .masthead__nav-primary .masthead__nav-primary__inner .nav-masthead-primary-desktop li > a .icon {
  display: none;
}
.masthead .masthead__nav-main .masthead__nav-primary .masthead__nav-primary__inner .nav-masthead-primary-desktop li > a:after {
  position: absolute;
  bottom: 0px;
  height: 6px;
  width: 100%;
  background-color: transparent;
  --tw-content: "";
  content: var(--tw-content);
}
.masthead .masthead__nav-main .masthead__nav-primary .masthead__nav-primary__inner .nav-masthead-primary-desktop li.nav-item--has-megamenu a {
  overflow: visible;
}
.masthead .masthead__nav-main .masthead__nav-primary .masthead__nav-primary__inner .nav-masthead-primary-desktop li.nav-item--has-megamenu a:after {
  bottom: -23px;
}
.masthead .masthead__nav-main .masthead__nav-primary .masthead__nav-primary__inner .nav-masthead-primary-desktop li.nav-item--has-megamenu .nav-megamenu__expandable {
  left: 0px;
  right: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 980px;
}
.masthead .masthead__nav-main .masthead__nav-primary .masthead__nav-primary__inner .nav-masthead-primary-desktop li.nav-item--has-megamenu .nav-megamenu__expandable .nav-megamenu__expandable__outer > .c-inner nav {
  padding-top: 80px;
  padding-bottom: 80px;
}
.masthead .masthead__nav-main .masthead__nav-primary .masthead__nav-primary__inner .nav-masthead-primary-desktop li.nav-item--has-megamenu .nav-megamenu__expandable .nav-megamenu__expandable__outer > .c-inner nav .nav-megamenu__inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 40px;
  padding-left: 100px;
  padding-right: 100px;
}
.masthead .masthead__nav-main .masthead__nav-primary .masthead__nav-primary__inner .nav-masthead-primary-desktop li.nav-item--has-megamenu .nav-megamenu__expandable .nav-megamenu__expandable__outer > .c-inner nav .nav-megamenu__inner > div {
  width: calc(50% - 20px);
  max-width: 347px;
}
.masthead .masthead__nav-main .masthead__nav-primary .masthead__nav-primary__inner .nav-masthead-primary-desktop li.nav-item--has-megamenu .nav-megamenu__expandable .nav-megamenu__expandable__outer > .c-inner nav .nav-megamenu__inner > div .medium {
  font-size: 16px;
  font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 400;
  line-height: 1.4;
  margin-top: 10px;
}
.masthead .masthead__nav-main .masthead__nav-primary .masthead__nav-primary__inner .nav-masthead-primary-desktop li.nav-item--has-megamenu .nav-megamenu__expandable .nav-megamenu__expandable__outer > .c-inner nav .nav-megamenu__inner > div h4 {
  margin: 0px;
}
.masthead .masthead__nav-main .masthead__nav-primary .masthead__nav-primary__inner .nav-masthead-primary-desktop li.nav-item--has-megamenu .nav-megamenu__expandable .nav-megamenu__expandable__outer > .c-inner nav .nav-megamenu__inner > div h4 a {
  background-image: none;
  --tw-text-opacity: 1;
  color: rgb(21 21 21 / var(--tw-text-opacity));
  text-decoration-line: none;
}
.masthead .masthead__nav-main .masthead__nav-primary .masthead__nav-primary__inner .nav-masthead-primary-desktop li.nav-item--has-megamenu .nav-megamenu__expandable .nav-megamenu__expandable__outer > .c-inner nav .nav-megamenu__inner > div h4 a:hover {
  --tw-text-opacity: 1;
  color: rgb(241 88 34 / var(--tw-text-opacity));
}
.masthead .masthead__nav-main .masthead__nav-primary .masthead__nav-primary__inner .nav-masthead-primary-desktop li.nav-item--has-megamenu .nav-megamenu__expandable .nav-megamenu__expandable__outer > .c-inner nav .nav-megamenu__inner > div .blockquote {
  margin: 0px;
}
.masthead .masthead__nav-main .masthead__nav-primary .masthead__nav-primary__inner .nav-masthead-primary-desktop li.nav-item--has-children .nav-dropdown__expandable .nav-dropdown__expandable__outer > .c-inner .nav-dropdown__container menu li span a {
  background-image: none;
  text-decoration-line: underline;
  text-decoration-color: transparent;
}
.masthead .masthead__nav-main .masthead__nav-primary .masthead__nav-primary__inner .nav-masthead-primary-desktop li.nav-item--has-children .nav-dropdown__expandable .nav-dropdown__expandable__outer > .c-inner .nav-dropdown__container menu li span a span {
  background-image: none;
  text-transform: none;
  --tw-text-opacity: 1;
  color: rgb(20 20 16 / var(--tw-text-opacity));
  font-size: 16px;
  font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 400;
  line-height: 1.4;
}
.masthead .masthead__nav-main .masthead__nav-primary .masthead__nav-primary__inner .nav-masthead-primary-desktop li.nav-item--has-children .nav-dropdown__expandable .nav-dropdown__expandable__outer > .c-inner .nav-dropdown__container menu li span a:after {
  display: none;
}
.masthead .masthead__nav-main .masthead__nav-primary .masthead__nav-primary__inner .nav-masthead-primary-desktop li.nav-item--has-children .nav-dropdown__expandable .nav-dropdown__expandable__outer > .c-inner .nav-dropdown__container menu li span a:hover {
  text-decoration-color: #F15822;
}
.masthead .masthead__nav-main .masthead__nav-primary .masthead__nav-primary__inner .nav-masthead-primary-desktop li.nav-item--has-children .nav-dropdown__expandable .nav-dropdown__expandable__outer > .c-inner .nav-dropdown__container menu li span a:hover span {
  --tw-text-opacity: 1;
  color: rgb(241 88 34 / var(--tw-text-opacity));
}
.masthead .masthead__nav-main .masthead__nav-primary .masthead__nav-primary__inner .nav-masthead-primary-desktop li:hover a:after {
  --tw-bg-opacity: 1;
  background-color: rgb(241 88 34 / var(--tw-bg-opacity));
}
.masthead .masthead__nav-main .masthead__nav-primary .masthead__nav-primary__inner .nav-masthead-cta-desktop {
  order: 15;
}
@media (min-width: 1335px) {
  .masthead .masthead__nav-main .masthead__nav-primary .masthead__nav-primary__inner .nav-masthead-cta-desktop {
    order: 60;
  }
}
.masthead .masthead__nav-main .masthead__nav-primary .masthead__nav-primary__inner .nav-masthead-cta-desktop .btn:first-child {
  display: none;
}
@media (min-width: 390px) {
  .masthead .masthead__nav-main .masthead__nav-primary .masthead__nav-primary__inner .nav-masthead-cta-desktop .btn:first-child {
    display: inline-flex;
  }
}
.masthead .masthead__nav-main .masthead__nav-primary .masthead__nav-primary__inner .nav-masthead-cta-desktop .btn:first-child {
  --btn-text-color-default: #151515;
  --btn-border-color-default: #F15822;
  --btn-bg-color-default: #F15822;
  --btn-text-color-hover: #151515;
  --btn-border-color-hover: #D8E260;
  --btn-bg-color-hover: #D8E260;
}
.masthead .masthead__nav-main .masthead__nav-primary .masthead__nav-primary__inner .nav-masthead-cta-desktop .btn:last-child {
  display: none;
}
@media (min-width: 768px) {
  .masthead .masthead__nav-main .masthead__nav-primary .masthead__nav-primary__inner .nav-masthead-cta-desktop .btn:last-child {
    display: inline-flex;
  }
}
.masthead .masthead__nav-main .masthead__nav-primary .masthead__nav-primary__inner .nav-masthead-cta-desktop .btn:last-child {
  --btn-text-color-default: #151515;
  --btn-border-color-default: #D8E260;
  --btn-bg-color-default: #D8E260;
  --btn-text-color-hover: #151515;
  --btn-border-color-hover: #F15822;
  --btn-bg-color-hover: #F15822;
}
.masthead .masthead__nav-main .masthead__nav-primary .masthead__nav-primary__inner .masthead__icon--search .btn {
  border-style: none;
  background-color: transparent;
}
.masthead .masthead__nav-main .masthead__nav-primary .masthead__nav-primary__inner .masthead__icon--search .btn:before {
  border-style: none;
  background-color: transparent;
}
.masthead .masthead__nav-main .masthead__nav-primary .masthead__nav-primary__inner .masthead__icon--search .btn .icon svg path, .masthead .masthead__nav-main .masthead__nav-primary .masthead__nav-primary__inner .masthead__icon--search .btn .icon svg polyline {
  stroke: #FFFFFF;
}
.masthead .masthead__nav-main .masthead__nav-primary .masthead__nav-primary__inner .masthead__icon--toggle {
  display: flex;
}
@media (min-width: 1335px) {
  .masthead .masthead__nav-main .masthead__nav-primary .masthead__nav-primary__inner .masthead__icon--toggle {
    display: none;
  }
}
.masthead .masthead__nav-main .masthead__nav-primary .masthead__nav-primary__inner .masthead__icon--toggle .btn {
  background-color: transparent;
}
.masthead .masthead__nav-main .masthead__nav-primary .masthead__nav-primary__inner .masthead__icon--toggle .btn .icon svg .stroke {
  stroke: #FFFFFF;
}
.masthead .nav-mobile__expandable .nav-mobile__expandable__outer .nav-mobile__expandable__content .nav-mobile__outer .nav-mobile__inner menu li a .button__text {
  font-family: "Instrument Condensed Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0em;
  text-transform: uppercase;
  font-variant-numeric: lining-nums;
  font-size: 26px;
}
.masthead .nav-mobile__expandable .nav-mobile__expandable__outer .nav-mobile__expandable__content .nav-mobile__outer .nav-mobile__inner menu li a .anchor__text {
  font-family: "Instrument Condensed Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0em;
  text-transform: uppercase;
  font-variant-numeric: lining-nums;
  font-size: 26px;
}
.masthead .nav-mobile__expandable .nav-mobile__expandable__outer .nav-mobile__expandable__content .nav-mobile__outer .nav-mobile__inner menu li .button__text {
  font-family: "Instrument Condensed Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0em;
  text-transform: uppercase;
  font-variant-numeric: lining-nums;
  font-size: 26px;
}
.masthead .nav-mobile__expandable .nav-mobile__expandable__outer .nav-mobile__expandable__content .nav-mobile__outer .nav-mobile__inner menu li:has(a.btn:not(.expandable-button)) {
  border-style: none;
  padding-top: 24px;
}
.masthead .nav-mobile__expandable .nav-mobile__expandable__outer .nav-mobile__expandable__content .nav-mobile__outer .nav-mobile__inner menu li:has(a.btn:not(.expandable-button)) .btn {
  width: 100%;
}
.masthead .nav-mobile__expandable .nav-mobile__expandable__outer .nav-mobile__expandable__content .nav-mobile__outer .nav-mobile__inner menu li:nth-last-child(2):has(a.btn:not(.expandable-button)) .btn {
  --btn-text-color-default: #151515;
  --btn-border-color-default: #F15822;
  --btn-bg-color-default: #F15822;
  --btn-text-color-hover: #151515;
  --btn-border-color-hover: #D8E260;
  --btn-bg-color-hover: #D8E260;
}
.masthead .nav-mobile__expandable .nav-mobile__expandable__outer .nav-mobile__expandable__content .nav-mobile__outer .nav-mobile__inner menu li:last-child:has(a.btn:not(.expandable-button)) .btn {
  --btn-text-color-default: #151515;
  --btn-border-color-default: #D8E260;
  --btn-bg-color-default: #D8E260;
  --btn-text-color-hover: #151515;
  --btn-border-color-hover: #F15822;
  --btn-bg-color-hover: #F15822;
}
.masthead .nav-mobile__expandable .nav-mobile__expandable__outer .nav-mobile__expandable__content .nav-mobile__outer .nav-mobile__inner menu li .nav-dropdown__expandable .nav-dropdown__expandable__outer > .c-inner .nav-dropdown__container menu li span a {
  background-image: none;
}
.masthead .nav-mobile__expandable .nav-mobile__expandable__outer .nav-mobile__expandable__content .nav-mobile__outer .nav-mobile__inner menu li .nav-dropdown__expandable .nav-dropdown__expandable__outer > .c-inner .nav-dropdown__container menu li span a span {
  font-size: 16px;
  font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  line-height: 1.4;
  background-image: none;
  font-weight: 700;
  text-transform: none;
  text-decoration-line: none;
}
.masthead .nav-mobile__expandable .nav-mobile__expandable__outer .nav-mobile__expandable__content .nav-mobile__outer .nav-mobile__inner menu li .nav-dropdown__expandable .nav-dropdown__expandable__outer > .c-inner .nav-dropdown__container menu li span a span span {
  display: block;
  font-weight: 400;
}
.masthead .nav-mobile__expandable .nav-mobile__expandable__outer .nav-mobile__expandable__content .nav-mobile__outer .nav-mobile__inner menu li .nav-dropdown__expandable .nav-dropdown__expandable__outer > .c-inner .nav-dropdown__container menu li span a:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-decoration-line: underline;
  text-decoration-color: inherit;
}
.masthead .nav-mobile__expandable .nav-mobile__expandable__outer .nav-mobile__expandable__content .nav-mobile__outer .nav-mobile__inner menu li .nav-dropdown__expandable .nav-dropdown__expandable__outer > .c-inner .nav-dropdown__container menu li span a:hover span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-decoration-line: underline;
  text-decoration-color: inherit;
}
.search-panel .search-panel__expandable__content {
  --tw-bg-opacity: 1;
  background-color: rgb(20 20 16 / var(--tw-bg-opacity));
}
.search-panel .search-panel__expandable__content .search-panel__panel > .c-inner .c-field form {
  width: 100%;
}
.search-panel .search-panel__expandable__content .search-panel__panel > .c-inner .c-field form .field--button {
  width: 100%;
}
.search-panel .search-panel__expandable__content .search-panel__panel > .c-inner .c-field form .field--button .field input {
  padding-left: 24px;
  padding-right: 24px;
}
.search-panel .search-panel__expandable__content .search-panel__panel > .c-inner .c-field form .field--button button {
  border-radius: 0px;
}
@layer component_default {
  .masthead {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1001;
  }
  .masthead.\:sticky-true {
    position: sticky;
  }
  .masthead > * {
    position: relative;
    z-index: 20;
  }
  .masthead__nav-main {
    display: grid;
  }
  .masthead__nav-main .btn.\:icon-only {
    --btn-border-color: transparent;
  }
  .masthead__nav-primary {
    width: 100%;
  }
  .masthead__nav-primary__inner {
    display: flex;
    justify-content: space-between;
  }
  .masthead__icon {
    display: flex;
    align-items: center;
  }
  .masthead__icon--search {
    order: 40;
  }
  .masthead__icon--toggle {
    order: 50;
    margin-right: calc(10px * -1);
  }
  @media (min-width: 900px) {
    .masthead:not(.\@sticky-compact) .masthead__icon--toggle {
      display: none;
    }
    .masthead:not(.\@sticky-compact) .masthead__icon--search {
      margin-right: calc(10px * -1);
    }
  }
  .nav-item--has-children {
    position: relative;
  }
  :is(.nav-masthead-primary-desktop,
  .nav-masthead-secondary-desktop) .nav-dropdown__expandable {
    position: absolute;
    top: 100%;
    padding-top: 0;
    width: -moz-max-content;
    width: max-content;
    max-width: 280px;
  }
  :is(.nav-masthead-primary-desktop,
  .nav-masthead-secondary-desktop) .nav-dropdown__expandable .nav-container {
    padding-inline: 24px;
    padding-block: 14px;
    background: var(--p-bg);
    overflow: hidden;
  }
  .nav-masthead-primary-desktop {
    order: 30;
    display: flex;
    gap: clamp(0px, 3.4246vw - 12.3288px, 40px);
    margin-right: 24px;
  }
  @media (max-width: 899.98px) {
    .nav-masthead-primary-desktop {
      display: none;
    }
  }
  .nav-masthead-primary-desktop .nav-item {
    display: flex;
    align-items: center;
  }
  .nav-masthead-primary-desktop .nav-item--has-children {
    position: relative;
  }
  .nav-masthead-primary-desktop .nav-dropdown__expandable {
    left: 0;
  }
  .masthead__nav-secondary {
    order: -10;
    width: 100%;
  }
  @media (max-width: 899.98px) {
    .masthead__nav-secondary {
      display: none;
    }
  }
  .nav-masthead-secondary-desktop {
    display: flex;
  }
  .nav-masthead-secondary-desktop .nav-dropdown__expandable {
    right: 0;
  }
  .nav-masthead-cta-desktop {
    order: 15;
  }
  @media (min-width: 900px) {
    .nav-masthead-cta-desktop {
      order: 60;
    }
  }
  .masthead-panel__expandable {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    display: grid;
    width: 100%;
    transition: grid-template-rows 240ms cubic-bezier(0.42, 0, 0.32, 1);
  }
  .masthead-panel__expandable__outer {
    position: relative;
    z-index: 20;
  }
  .nav-dropdown__expandable {
    z-index: 30;
  }
  .nav-megamenu__expandable {
    z-index: 20;
  }
  .palette-tracker {
    display: none;
  }
}
@layer component_base {
  .masthead {
    --masthead-border-color: var(--p-line-alt);
    --masthead-border-size: 0px;
    transition-property: color, border-color, background-color;
  }
  .masthead .site-logo {
    flex: 0 1 var(--logo-width);
    order: 10;
    margin-right: auto;
  }
  .masthead__article-title {
    order: 20;
    display: flex;
    align-items: center;
    margin-inline: auto;
    min-width: 0;
    translate: 0 -4%;
    font-weight: 700;
  }
  .masthead__article-title span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  @media (max-width: 899.98px) {
    .masthead__article-title {
      display: none;
    }
  }
  .nav-item__expandable-button::before {
    display: none;
  }
  .nav-item__expandable-button .icon {
    pointer-events: none;
  }
  .nav-item__expandable-button svg {
    rotate: 90deg;
    transition: all 240ms cubic-bezier(0.42, 0, 0.32, 1);
  }
  .nav-item__expandable-button[aria-expanded=true] svg {
    rotate: -90deg;
  }
  .nav-dropdown__container .anchor__link {
    display: block;
    padding-block: 0.25em;
  }
  .nav-dropdown__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(16px, 0.6849vw + 13.5342px, 24px);
    height: 100%;
  }
  .nav-container .current-menu-item > .anchor {
    --link-shy-border-color: var(--link-border-color-active);
  }
  .nav-container > .current-menu-item > .anchor {
    --link-shy-border-color: var(--link-border-color-active);
    --link-border-size: 2px;
    --link-border-offset: 0.5em;
  }
  .nav-megamenu__inner > * {
    grid-column: 1/-1;
  }
  .masthead__nav-primary .nav-megamenu__expandable {
    top: calc(var(--masthead-height) + var(--masthead-border-size));
  }
  .masthead__nav-primary .nav-megamenu__expandable__overlay {
    top: calc(var(--masthead-top, 0px) + var(--masthead-height) + var(--masthead-border-size));
  }
  .masthead__nav-primary .nav-megamenu {
    padding-block: clamp(24px, 2.0547vw + 16.6027px, 48px);
  }
  .nav-masthead-cta-desktop {
    align-items: center;
    margin-left: auto;
  }
  @media (max-width: 899.98px) {
    .nav-masthead-cta-desktop {
      margin-right: 12px;
    }
    .nav-masthead-cta-desktop .btn {
      --btn-padding-x: 16px;
      --btn-padding-y: 8px;
    }
  }
  .masthead__icon {
    --icon-stroke: 2;
  }
  .masthead__icon .expandable-button {
    width: calc(var(--icon-size) + var(--btn-padding-x) * 2);
  }
  .nav-search__expandable-button[aria-expanded=false] .\:icon-close {
    display: none;
  }
  .nav-search__expandable-button[aria-expanded=true] .\:icon-search {
    display: none;
  }
  .nav-mobile__expandable-button[aria-expanded=false] .\:icon-close {
    display: none;
  }
  .nav-mobile__expandable-button[aria-expanded=true] .\:icon-menu {
    display: none;
  }
  .nav-masthead-secondary-desktop {
    justify-content: flex-end;
    gap: clamp(16px, 0.6849vw + 13.5342px, 24px);
  }
  .nav-masthead-secondary-desktop .nav-item {
    font-size: 12px;
    font-family: "Instrument Condensed Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 1.44px;
    text-transform: uppercase;
  }
  .nav-masthead-secondary-desktop > .nav-item > .anchor {
    --link-shy-bg-color: transparent;
    --link-shy-text-color: var(--link-shy-text-color-default);
    align-items: stretch;
  }
  .nav-masthead-secondary-desktop > .nav-item > .anchor .anchor__link {
    padding-block: 8px;
  }
  .nav-masthead-secondary-desktop > .nav-item > .anchor .anchor__text {
    translate: 0 var(--btn-text-offset-y);
  }
  .nav-masthead-secondary-desktop .nav-item__expandable-button {
    --btn-text-color: var(--p-text);
    --btn-bg-color: transparent;
    --btn-padding-x: 0;
    --btn-padding-y: 8px;
    --btn-border-radius: 0;
    --btn-icon-gap: 4px;
    --icon-size: 18px;
    --icon-stroke: 1;
    letter-spacing: unset;
    text-transform: unset;
    font-size: 12px;
    font-family: "Instrument Condensed Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 1.44px;
    text-transform: uppercase;
  }
  .nav-mobile__outer {
    display: flex;
    flex-direction: column;
    padding-inline: 56px;
    padding-block: 56px;
    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-masthead-primary-mobile {
    border-top: 1px solid var(--p-line);
  }
  .nav-masthead-primary-mobile .nav-item {
    font-size: 15px;
    font-family: "Instrument Condensed Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0em;
    text-transform: uppercase;
    font-variant-numeric: lining-nums;
  }
  .nav-masthead-primary-mobile .nav-item__expandable-button {
    --btn-text-color: var(--p-text);
    --btn-bg-color: transparent;
    --btn-padding-x: 0;
    --btn-border-radius: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .nav-masthead-primary-mobile > .nav-item > :is(.anchor, .nav-item__expandable-button) {
    padding-block: 0.85em;
    font-size: 24px;
    font-family: "Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 900;
    line-height: 1.1;
    text-transform: uppercase;
    font-variant-numeric: oldstyle-nums;
  }
  .nav-masthead-primary-mobile > .nav-item {
    border-bottom: 1px solid var(--p-line);
  }
  .nav-masthead-primary-mobile .nav-dropdown__container {
    padding-bottom: 1.5em;
  }
  .nav-masthead-primary-mobile .nav-dropdown__container .anchor__link {
    padding-block: 0.55em;
  }
  .masthead.\:drawer-side .nav-mobile__expandable {
    left: 100%;
    top: var(--masthead-height);
    bottom: 0;
    width: clamp(304px, 13.0136vw + 257.1506px, 456px);
    transition: left 240ms cubic-bezier(0.42, 0, 0.32, 1);
  }
  .masthead.\:drawer-side .nav-mobile__expandable[data-is-active=true] {
    left: calc(100% - clamp(304px, 13.0136vw + 257.1506px, 456px));
  }
  .masthead.\:drawer-side .nav-mobile__expandable__outer {
    overflow: visible !important;
  }
  .masthead.\:drawer-side .nav-mobile__expandable__overlay {
    top: var(--masthead-height);
  }
  .masthead.\:drawer-side .nav-mobile__outer {
    height: calc(100dvh - (var(--masthead-top, 0px) + var(--masthead-height)));
  }
  .masthead.\:drawer-side .nav-mobile__inner {
    padding-top: 0;
  }
}
@layer component_local {
  .palette-tracker[data-palette-hero="1"] ~ :is(.masthead) {
    --p-bg: var(--color-white);
    --p-inset-bg: var(--color-sand);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-coal);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-sky);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-sky);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-coal-16);
    --p-line-alt: var(--color-coal);
    --p-icon: var(--color-coal);
    --p-icon-alt: var(--color-sand);
    --p-image-bg: var(--color-coal-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-coal);
    --link-bg-color-default: var(--color-sky);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-sky);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-coal);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-sky);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-sky);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-white);
    --p-btn-v1-border-active: var(--color-night);
    --p-btn-v1-bg-active: var(--color-night);
    --p-btn-v1-text-disabled: var(--color-white);
    --p-btn-v1-border-disabled: var(--color-ocean);
    --p-btn-v1-bg-disabled: var(--color-ocean);
    --p-btn-v2-text-default: var(--color-coal);
    --p-btn-v2-border-default: var(--color-coal);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-white);
    --p-btn-v2-border-active: var(--color-coal);
    --p-btn-v2-bg-active: var(--color-night);
    --p-btn-v2-text-disabled: var(--color-coal);
    --p-btn-v2-border-disabled: var(--color-coal);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-coal-16);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-coal);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-coal-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-sky);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
  }
  @media (prefers-color-scheme: dark) {
    .palette-tracker[data-palette-hero="1"] ~ :is(.masthead) :root:not([data-palette-mode]) {
      --p-bg: var(--color-night);
      --p-inset-bg: var(--color-ocean);
      --p-overlay-bg: var(--color-night-40);
      --p-text: var(--color-white);
      --p-list-marker-1: var(--color-hhc-orange);
      --p-list-marker-2: var(--color-white);
      --p-list-marker-3: var(--color-white);
      --p-selection-bg: var(--color-orange);
      --p-selection-text: var(--color-coal);
      --p-highlight-bg: var(--color-aqua);
      --p-highlight-text: var(--color-coal);
      --p-lowlight-bg: var(--color-night);
      --p-lowlight-text: var(--color-white);
      --p-caption: var(--color-white);
      --p-error: var(--color-cherry);
      --p-accent-1: var(--color-aqua);
      --p-accent-2: var(--color-white);
      --p-accent-3: var(--color-orange);
      --p-accent-4: var(--color-crimson);
      --p-accent-5: var(--color-pink);
      --p-line: var(--color-white-16);
      --p-line-alt: var(--color-white);
      --p-icon: var(--color-white);
      --p-icon-alt: var(--color-ocean);
      --p-image-bg: var(--color-white-5);
      --link-text-color-default: var(--color-white);
      --link-border-color-default: var(--color-white);
      --link-bg-color-default: var(--color-sky);
      --link-text-color-hover: var(--color-coal);
      --link-border-color-hover: var(--color-aqua);
      --link-bg-color-hover: var(--color-sky);
      --link-text-color-active: var(--color-coal);
      --link-border-color-active: var(--color-aqua);
      --link-bg-color-active: var(--color-sky);
      --link-shy-text-color-default: var(--color-white);
      --link-shy-border-color-default: var(--color-transparent);
      --link-shy-bg-color-default: var(--color-sky);
      --link-shy-text-color-hover: var(--color-coal);
      --link-shy-border-color-hover: var(--color-aqua);
      --link-shy-bg-color-hover: var(--color-sky);
      --p-btn-v1-text-default: var(--color-coal);
      --p-btn-v1-border-default: var(--color-aqua);
      --p-btn-v1-bg-default: var(--color-hhc-orange);
      --p-btn-v1-text-hover: var(--color-white);
      --p-btn-v1-border-hover: var(--color-pink);
      --p-btn-v1-bg-hover: var(--color-pink);
      --p-btn-v1-text-active: var(--color-coal);
      --p-btn-v1-border-active: var(--color-white);
      --p-btn-v1-bg-active: var(--color-white);
      --p-btn-v1-text-disabled: var(--color-coal);
      --p-btn-v1-border-disabled: var(--color-aqua);
      --p-btn-v1-bg-disabled: var(--color-aqua);
      --p-btn-v2-text-default: var(--color-white);
      --p-btn-v2-border-default: var(--color-white);
      --p-btn-v2-bg-default: var(--color-transparent);
      --p-btn-v2-text-hover: var(--color-white);
      --p-btn-v2-border-hover: var(--color-pink);
      --p-btn-v2-bg-hover: var(--color-pink);
      --p-btn-v2-text-active: var(--color-coal);
      --p-btn-v2-border-active: var(--color-white);
      --p-btn-v2-bg-active: var(--color-white);
      --p-btn-v2-text-disabled: var(--color-white);
      --p-btn-v2-border-disabled: var(--color-white);
      --p-btn-v2-bg-disabled: var(--color-transparent);
      --p-btn-v1-media-text-default: var(--color-white);
      --p-btn-v1-media-border-default: var(--color-coal);
      --p-btn-v1-media-bg-default: var(--color-coal);
      --p-btn-v1-media-text-hover: var(--color-white);
      --p-btn-v1-media-border-hover: var(--color-pink);
      --p-btn-v1-media-bg-hover: var(--color-pink);
      --p-btn-v1-media-text-active: var(--color-white);
      --p-btn-v1-media-border-active: var(--color-pink);
      --p-btn-v1-media-bg-active: var(--color-pink);
      --p-btn-v1-media-text-disabled: var(--color-white-48);
      --p-btn-v1-media-border-disabled: var(--color-coal);
      --p-btn-v1-media-bg-disabled: var(--color-coal);
      --field-text-color-default: var(--color-stone-48);
      --field-border-color-default: var(--color-transparent);
      --field-bg-color-default: var(--color-white);
      --field-text-color-value: var(--color-coal);
      --field-border-color-value: var(--color-transparent);
      --field-bg-color-value: var(--color-white);
      --field-text-color-hover: var(--color-coal);
      --field-border-color-hover: var(--color-coal);
      --field-bg-color-hover: var(--color-white);
      --field-text-color-focus: var(--color-coal);
      --field-border-color-focus: var(--color-aqua);
      --field-bg-color-focus: var(--color-white);
      --field-text-color-error: var(--color-coal);
      --field-border-color-error: var(--color-crimson);
      --field-bg-color-error: var(--color-white);
      --field-text-color-disabled: var(--color-stone-48);
      --field-border-color-disabled: var(--color-white-16);
      --field-bg-color-disabled: var(--color-transparent);
      --toggle-input-icon-color-default: var(--color-stone-48);
      --toggle-input-border-color-default: var(--color-concrete);
      --toggle-input-bg-color-default: var(--color-white);
      --toggle-input-icon-color-value: var(--color-coal);
      --toggle-input-border-color-value: var(--color-concrete);
      --toggle-input-bg-color-value: var(--color-white);
      --toggle-input-icon-color-hover: var(--color-coal);
      --toggle-input-border-color-hover: var(--color-aqua);
      --toggle-input-bg-color-hover: var(--color-white);
      --toggle-input-icon-color-focus: var(--color-coal);
      --toggle-input-border-color-focus: var(--color-aqua);
      --toggle-input-bg-color-focus: var(--color-white);
      --toggle-input-icon-color-disabled: var(--color-stone-48);
      --toggle-input-border-color-disabled: var(--color-concrete);
      --toggle-input-bg-color-disabled: var(--color-transparent);
      --tag-text-color-default: var(--color-coal);
      --tag-border-color-default: var(--color-transparent);
      --tag-bg-color-default: var(--color-sky);
      --tag-text-color-hover: var(--color-white);
      --tag-border-color-hover: var(--color-transparent);
      --tag-bg-color-hover: var(--color-pink);
      --p-tab-text-default: var(--color-coal);
      --p-tab-border-default: var(--color-transparent);
      --p-tab-bg-default: var(--color-transparent);
      --p-tab-text-hover: var(--color-coal);
      --p-tab-border-hover: var(--color-transparent);
      --p-tab-bg-hover: var(--color-aqua);
      --p-tab-text-active: var(--color-white);
      --p-tab-border-active: var(--color-transparent);
      --p-tab-bg-active: var(--color-coal);
      --p-tab-text-disabled: var(--color-stone-48);
      --p-tab-border-disabled: var(--color-transparent);
      --p-tab-bg-disabled: var(--color-transparent);
      --p-pagination-active: var(--color-white);
      --p-pagination-inactive: var(--color-white-48);
      --p-nav-dropdown-bg: var(--color-white);
    }
    :root[data-palette-mode=light] .palette-tracker[data-palette-hero="1"] ~ :is(.masthead) :root:not([data-palette-mode]) {
      --p-bg: var(--color-night);
      --p-inset-bg: var(--color-ocean);
      --p-overlay-bg: var(--color-night-40);
      --p-text: var(--color-white);
      --p-list-marker-1: var(--color-hhc-orange);
      --p-list-marker-2: var(--color-white);
      --p-list-marker-3: var(--color-white);
      --p-selection-bg: var(--color-orange);
      --p-selection-text: var(--color-coal);
      --p-highlight-bg: var(--color-aqua);
      --p-highlight-text: var(--color-coal);
      --p-lowlight-bg: var(--color-night);
      --p-lowlight-text: var(--color-white);
      --p-caption: var(--color-white);
      --p-error: var(--color-cherry);
      --p-accent-1: var(--color-aqua);
      --p-accent-2: var(--color-white);
      --p-accent-3: var(--color-orange);
      --p-accent-4: var(--color-crimson);
      --p-accent-5: var(--color-pink);
      --p-line: var(--color-white-16);
      --p-line-alt: var(--color-white);
      --p-icon: var(--color-white);
      --p-icon-alt: var(--color-ocean);
      --p-image-bg: var(--color-white-5);
      --link-text-color-default: var(--color-white);
      --link-border-color-default: var(--color-white);
      --link-bg-color-default: var(--color-sky);
      --link-text-color-hover: var(--color-coal);
      --link-border-color-hover: var(--color-aqua);
      --link-bg-color-hover: var(--color-sky);
      --link-text-color-active: var(--color-coal);
      --link-border-color-active: var(--color-aqua);
      --link-bg-color-active: var(--color-sky);
      --link-shy-text-color-default: var(--color-white);
      --link-shy-border-color-default: var(--color-transparent);
      --link-shy-bg-color-default: var(--color-sky);
      --link-shy-text-color-hover: var(--color-coal);
      --link-shy-border-color-hover: var(--color-aqua);
      --link-shy-bg-color-hover: var(--color-sky);
      --p-btn-v1-text-default: var(--color-coal);
      --p-btn-v1-border-default: var(--color-aqua);
      --p-btn-v1-bg-default: var(--color-hhc-orange);
      --p-btn-v1-text-hover: var(--color-white);
      --p-btn-v1-border-hover: var(--color-pink);
      --p-btn-v1-bg-hover: var(--color-pink);
      --p-btn-v1-text-active: var(--color-coal);
      --p-btn-v1-border-active: var(--color-white);
      --p-btn-v1-bg-active: var(--color-white);
      --p-btn-v1-text-disabled: var(--color-coal);
      --p-btn-v1-border-disabled: var(--color-aqua);
      --p-btn-v1-bg-disabled: var(--color-aqua);
      --p-btn-v2-text-default: var(--color-white);
      --p-btn-v2-border-default: var(--color-white);
      --p-btn-v2-bg-default: var(--color-transparent);
      --p-btn-v2-text-hover: var(--color-white);
      --p-btn-v2-border-hover: var(--color-pink);
      --p-btn-v2-bg-hover: var(--color-pink);
      --p-btn-v2-text-active: var(--color-coal);
      --p-btn-v2-border-active: var(--color-white);
      --p-btn-v2-bg-active: var(--color-white);
      --p-btn-v2-text-disabled: var(--color-white);
      --p-btn-v2-border-disabled: var(--color-white);
      --p-btn-v2-bg-disabled: var(--color-transparent);
      --p-btn-v1-media-text-default: var(--color-white);
      --p-btn-v1-media-border-default: var(--color-coal);
      --p-btn-v1-media-bg-default: var(--color-coal);
      --p-btn-v1-media-text-hover: var(--color-white);
      --p-btn-v1-media-border-hover: var(--color-pink);
      --p-btn-v1-media-bg-hover: var(--color-pink);
      --p-btn-v1-media-text-active: var(--color-white);
      --p-btn-v1-media-border-active: var(--color-pink);
      --p-btn-v1-media-bg-active: var(--color-pink);
      --p-btn-v1-media-text-disabled: var(--color-white-48);
      --p-btn-v1-media-border-disabled: var(--color-coal);
      --p-btn-v1-media-bg-disabled: var(--color-coal);
      --field-text-color-default: var(--color-stone-48);
      --field-border-color-default: var(--color-transparent);
      --field-bg-color-default: var(--color-white);
      --field-text-color-value: var(--color-coal);
      --field-border-color-value: var(--color-transparent);
      --field-bg-color-value: var(--color-white);
      --field-text-color-hover: var(--color-coal);
      --field-border-color-hover: var(--color-coal);
      --field-bg-color-hover: var(--color-white);
      --field-text-color-focus: var(--color-coal);
      --field-border-color-focus: var(--color-aqua);
      --field-bg-color-focus: var(--color-white);
      --field-text-color-error: var(--color-coal);
      --field-border-color-error: var(--color-crimson);
      --field-bg-color-error: var(--color-white);
      --field-text-color-disabled: var(--color-stone-48);
      --field-border-color-disabled: var(--color-white-16);
      --field-bg-color-disabled: var(--color-transparent);
      --toggle-input-icon-color-default: var(--color-stone-48);
      --toggle-input-border-color-default: var(--color-concrete);
      --toggle-input-bg-color-default: var(--color-white);
      --toggle-input-icon-color-value: var(--color-coal);
      --toggle-input-border-color-value: var(--color-concrete);
      --toggle-input-bg-color-value: var(--color-white);
      --toggle-input-icon-color-hover: var(--color-coal);
      --toggle-input-border-color-hover: var(--color-aqua);
      --toggle-input-bg-color-hover: var(--color-white);
      --toggle-input-icon-color-focus: var(--color-coal);
      --toggle-input-border-color-focus: var(--color-aqua);
      --toggle-input-bg-color-focus: var(--color-white);
      --toggle-input-icon-color-disabled: var(--color-stone-48);
      --toggle-input-border-color-disabled: var(--color-concrete);
      --toggle-input-bg-color-disabled: var(--color-transparent);
      --tag-text-color-default: var(--color-coal);
      --tag-border-color-default: var(--color-transparent);
      --tag-bg-color-default: var(--color-sky);
      --tag-text-color-hover: var(--color-white);
      --tag-border-color-hover: var(--color-transparent);
      --tag-bg-color-hover: var(--color-pink);
      --p-tab-text-default: var(--color-coal);
      --p-tab-border-default: var(--color-transparent);
      --p-tab-bg-default: var(--color-transparent);
      --p-tab-text-hover: var(--color-coal);
      --p-tab-border-hover: var(--color-transparent);
      --p-tab-bg-hover: var(--color-aqua);
      --p-tab-text-active: var(--color-white);
      --p-tab-border-active: var(--color-transparent);
      --p-tab-bg-active: var(--color-coal);
      --p-tab-text-disabled: var(--color-stone-48);
      --p-tab-border-disabled: var(--color-transparent);
      --p-tab-bg-disabled: var(--color-transparent);
      --p-pagination-active: var(--color-white);
      --p-pagination-inactive: var(--color-white-48);
      --p-nav-dropdown-bg: var(--color-white);
    }
  }
  :root[data-palette-mode=dark] .palette-tracker[data-palette-hero="1"] ~ :is(.masthead) {
    --p-bg: var(--color-night);
    --p-inset-bg: var(--color-ocean);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-white);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-aqua);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-white);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-white-16);
    --p-line-alt: var(--color-white);
    --p-icon: var(--color-white);
    --p-icon-alt: var(--color-ocean);
    --p-image-bg: var(--color-white-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-white);
    --link-bg-color-default: var(--color-sky);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-sky);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-white);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-sky);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-sky);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-coal);
    --p-btn-v1-border-active: var(--color-white);
    --p-btn-v1-bg-active: var(--color-white);
    --p-btn-v1-text-disabled: var(--color-coal);
    --p-btn-v1-border-disabled: var(--color-aqua);
    --p-btn-v1-bg-disabled: var(--color-aqua);
    --p-btn-v2-text-default: var(--color-white);
    --p-btn-v2-border-default: var(--color-white);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-coal);
    --p-btn-v2-border-active: var(--color-white);
    --p-btn-v2-bg-active: var(--color-white);
    --p-btn-v2-text-disabled: var(--color-white);
    --p-btn-v2-border-disabled: var(--color-white);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-transparent);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-transparent);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-white-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-sky);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
  }
  .palette-tracker[data-palette-hero="2"] ~ :is(.masthead) {
    --p-bg: var(--color-sand);
    --p-inset-bg: var(--color-white);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-coal);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-sky);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-sky);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-coal-16);
    --p-line-alt: var(--color-coal);
    --p-icon: var(--color-coal);
    --p-icon-alt: var(--color-white);
    --p-image-bg: var(--color-coal-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-coal);
    --link-bg-color-default: var(--color-sky);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-sky);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-coal);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-sky);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-sky);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-white);
    --p-btn-v1-border-active: var(--color-night);
    --p-btn-v1-bg-active: var(--color-night);
    --p-btn-v1-text-disabled: var(--color-white);
    --p-btn-v1-border-disabled: var(--color-ocean);
    --p-btn-v1-bg-disabled: var(--color-ocean);
    --p-btn-v2-text-default: var(--color-coal);
    --p-btn-v2-border-default: var(--color-coal);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-white);
    --p-btn-v2-border-active: var(--color-coal);
    --p-btn-v2-bg-active: var(--color-night);
    --p-btn-v2-text-disabled: var(--color-coal);
    --p-btn-v2-border-disabled: var(--color-coal);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-coal-16);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-coal);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-coal-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-white);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
  }
  @media (prefers-color-scheme: dark) {
    .palette-tracker[data-palette-hero="2"] ~ :is(.masthead) :root:not([data-palette-mode]) {
      --p-bg: var(--color-carbon);
      --p-inset-bg: var(--color-ocean);
      --p-overlay-bg: var(--color-night-40);
      --p-text: var(--color-white);
      --p-list-marker-1: var(--color-hhc-orange);
      --p-list-marker-2: var(--color-white);
      --p-list-marker-3: var(--color-white);
      --p-selection-bg: var(--color-orange);
      --p-selection-text: var(--color-coal);
      --p-highlight-bg: var(--color-aqua);
      --p-highlight-text: var(--color-coal);
      --p-lowlight-bg: var(--color-night);
      --p-lowlight-text: var(--color-white);
      --p-caption: var(--color-white);
      --p-error: var(--color-cherry);
      --p-accent-1: var(--color-aqua);
      --p-accent-2: var(--color-white);
      --p-accent-3: var(--color-orange);
      --p-accent-4: var(--color-crimson);
      --p-accent-5: var(--color-pink);
      --p-line: var(--color-white-16);
      --p-line-alt: var(--color-white);
      --p-icon: var(--color-white);
      --p-icon-alt: var(--color-ocean);
      --p-image-bg: var(--color-white-5);
      --link-text-color-default: var(--color-white);
      --link-border-color-default: var(--color-white);
      --link-bg-color-default: var(--color-sky);
      --link-text-color-hover: var(--color-coal);
      --link-border-color-hover: var(--color-aqua);
      --link-bg-color-hover: var(--color-sky);
      --link-text-color-active: var(--color-coal);
      --link-border-color-active: var(--color-aqua);
      --link-bg-color-active: var(--color-sky);
      --link-shy-text-color-default: var(--color-white);
      --link-shy-border-color-default: var(--color-transparent);
      --link-shy-bg-color-default: var(--color-sky);
      --link-shy-text-color-hover: var(--color-coal);
      --link-shy-border-color-hover: var(--color-aqua);
      --link-shy-bg-color-hover: var(--color-sky);
      --p-btn-v1-text-default: var(--color-coal);
      --p-btn-v1-border-default: var(--color-aqua);
      --p-btn-v1-bg-default: var(--color-hhc-orange);
      --p-btn-v1-text-hover: var(--color-white);
      --p-btn-v1-border-hover: var(--color-pink);
      --p-btn-v1-bg-hover: var(--color-pink);
      --p-btn-v1-text-active: var(--color-coal);
      --p-btn-v1-border-active: var(--color-white);
      --p-btn-v1-bg-active: var(--color-white);
      --p-btn-v1-text-disabled: var(--color-coal);
      --p-btn-v1-border-disabled: var(--color-aqua);
      --p-btn-v1-bg-disabled: var(--color-aqua);
      --p-btn-v2-text-default: var(--color-white);
      --p-btn-v2-border-default: var(--color-white);
      --p-btn-v2-bg-default: var(--color-transparent);
      --p-btn-v2-text-hover: var(--color-white);
      --p-btn-v2-border-hover: var(--color-pink);
      --p-btn-v2-bg-hover: var(--color-pink);
      --p-btn-v2-text-active: var(--color-coal);
      --p-btn-v2-border-active: var(--color-white);
      --p-btn-v2-bg-active: var(--color-white);
      --p-btn-v2-text-disabled: var(--color-white);
      --p-btn-v2-border-disabled: var(--color-white);
      --p-btn-v2-bg-disabled: var(--color-transparent);
      --p-btn-v1-media-text-default: var(--color-white);
      --p-btn-v1-media-border-default: var(--color-coal);
      --p-btn-v1-media-bg-default: var(--color-coal);
      --p-btn-v1-media-text-hover: var(--color-white);
      --p-btn-v1-media-border-hover: var(--color-pink);
      --p-btn-v1-media-bg-hover: var(--color-pink);
      --p-btn-v1-media-text-active: var(--color-white);
      --p-btn-v1-media-border-active: var(--color-pink);
      --p-btn-v1-media-bg-active: var(--color-pink);
      --p-btn-v1-media-text-disabled: var(--color-white-48);
      --p-btn-v1-media-border-disabled: var(--color-coal);
      --p-btn-v1-media-bg-disabled: var(--color-coal);
      --field-text-color-default: var(--color-stone-48);
      --field-border-color-default: var(--color-transparent);
      --field-bg-color-default: var(--color-white);
      --field-text-color-value: var(--color-coal);
      --field-border-color-value: var(--color-transparent);
      --field-bg-color-value: var(--color-white);
      --field-text-color-hover: var(--color-coal);
      --field-border-color-hover: var(--color-coal);
      --field-bg-color-hover: var(--color-white);
      --field-text-color-focus: var(--color-coal);
      --field-border-color-focus: var(--color-aqua);
      --field-bg-color-focus: var(--color-white);
      --field-text-color-error: var(--color-coal);
      --field-border-color-error: var(--color-crimson);
      --field-bg-color-error: var(--color-white);
      --field-text-color-disabled: var(--color-stone-48);
      --field-border-color-disabled: var(--color-white-16);
      --field-bg-color-disabled: var(--color-transparent);
      --toggle-input-icon-color-default: var(--color-stone-48);
      --toggle-input-border-color-default: var(--color-concrete);
      --toggle-input-bg-color-default: var(--color-white);
      --toggle-input-icon-color-value: var(--color-coal);
      --toggle-input-border-color-value: var(--color-concrete);
      --toggle-input-bg-color-value: var(--color-white);
      --toggle-input-icon-color-hover: var(--color-coal);
      --toggle-input-border-color-hover: var(--color-aqua);
      --toggle-input-bg-color-hover: var(--color-white);
      --toggle-input-icon-color-focus: var(--color-coal);
      --toggle-input-border-color-focus: var(--color-aqua);
      --toggle-input-bg-color-focus: var(--color-white);
      --toggle-input-icon-color-disabled: var(--color-stone-48);
      --toggle-input-border-color-disabled: var(--color-concrete);
      --toggle-input-bg-color-disabled: var(--color-transparent);
      --tag-text-color-default: var(--color-coal);
      --tag-border-color-default: var(--color-transparent);
      --tag-bg-color-default: var(--color-sky);
      --tag-text-color-hover: var(--color-white);
      --tag-border-color-hover: var(--color-transparent);
      --tag-bg-color-hover: var(--color-pink);
      --p-tab-text-default: var(--color-coal);
      --p-tab-border-default: var(--color-transparent);
      --p-tab-bg-default: var(--color-transparent);
      --p-tab-text-hover: var(--color-coal);
      --p-tab-border-hover: var(--color-transparent);
      --p-tab-bg-hover: var(--color-aqua);
      --p-tab-text-active: var(--color-white);
      --p-tab-border-active: var(--color-transparent);
      --p-tab-bg-active: var(--color-coal);
      --p-tab-text-disabled: var(--color-stone-48);
      --p-tab-border-disabled: var(--color-transparent);
      --p-tab-bg-disabled: var(--color-transparent);
      --p-pagination-active: var(--color-white);
      --p-pagination-inactive: var(--color-white-48);
      --p-nav-dropdown-bg: var(--color-white);
    }
    :root[data-palette-mode=light] .palette-tracker[data-palette-hero="2"] ~ :is(.masthead) :root:not([data-palette-mode]) {
      --p-bg: var(--color-carbon);
      --p-inset-bg: var(--color-ocean);
      --p-overlay-bg: var(--color-night-40);
      --p-text: var(--color-white);
      --p-list-marker-1: var(--color-hhc-orange);
      --p-list-marker-2: var(--color-white);
      --p-list-marker-3: var(--color-white);
      --p-selection-bg: var(--color-orange);
      --p-selection-text: var(--color-coal);
      --p-highlight-bg: var(--color-aqua);
      --p-highlight-text: var(--color-coal);
      --p-lowlight-bg: var(--color-night);
      --p-lowlight-text: var(--color-white);
      --p-caption: var(--color-white);
      --p-error: var(--color-cherry);
      --p-accent-1: var(--color-aqua);
      --p-accent-2: var(--color-white);
      --p-accent-3: var(--color-orange);
      --p-accent-4: var(--color-crimson);
      --p-accent-5: var(--color-pink);
      --p-line: var(--color-white-16);
      --p-line-alt: var(--color-white);
      --p-icon: var(--color-white);
      --p-icon-alt: var(--color-ocean);
      --p-image-bg: var(--color-white-5);
      --link-text-color-default: var(--color-white);
      --link-border-color-default: var(--color-white);
      --link-bg-color-default: var(--color-sky);
      --link-text-color-hover: var(--color-coal);
      --link-border-color-hover: var(--color-aqua);
      --link-bg-color-hover: var(--color-sky);
      --link-text-color-active: var(--color-coal);
      --link-border-color-active: var(--color-aqua);
      --link-bg-color-active: var(--color-sky);
      --link-shy-text-color-default: var(--color-white);
      --link-shy-border-color-default: var(--color-transparent);
      --link-shy-bg-color-default: var(--color-sky);
      --link-shy-text-color-hover: var(--color-coal);
      --link-shy-border-color-hover: var(--color-aqua);
      --link-shy-bg-color-hover: var(--color-sky);
      --p-btn-v1-text-default: var(--color-coal);
      --p-btn-v1-border-default: var(--color-aqua);
      --p-btn-v1-bg-default: var(--color-hhc-orange);
      --p-btn-v1-text-hover: var(--color-white);
      --p-btn-v1-border-hover: var(--color-pink);
      --p-btn-v1-bg-hover: var(--color-pink);
      --p-btn-v1-text-active: var(--color-coal);
      --p-btn-v1-border-active: var(--color-white);
      --p-btn-v1-bg-active: var(--color-white);
      --p-btn-v1-text-disabled: var(--color-coal);
      --p-btn-v1-border-disabled: var(--color-aqua);
      --p-btn-v1-bg-disabled: var(--color-aqua);
      --p-btn-v2-text-default: var(--color-white);
      --p-btn-v2-border-default: var(--color-white);
      --p-btn-v2-bg-default: var(--color-transparent);
      --p-btn-v2-text-hover: var(--color-white);
      --p-btn-v2-border-hover: var(--color-pink);
      --p-btn-v2-bg-hover: var(--color-pink);
      --p-btn-v2-text-active: var(--color-coal);
      --p-btn-v2-border-active: var(--color-white);
      --p-btn-v2-bg-active: var(--color-white);
      --p-btn-v2-text-disabled: var(--color-white);
      --p-btn-v2-border-disabled: var(--color-white);
      --p-btn-v2-bg-disabled: var(--color-transparent);
      --p-btn-v1-media-text-default: var(--color-white);
      --p-btn-v1-media-border-default: var(--color-coal);
      --p-btn-v1-media-bg-default: var(--color-coal);
      --p-btn-v1-media-text-hover: var(--color-white);
      --p-btn-v1-media-border-hover: var(--color-pink);
      --p-btn-v1-media-bg-hover: var(--color-pink);
      --p-btn-v1-media-text-active: var(--color-white);
      --p-btn-v1-media-border-active: var(--color-pink);
      --p-btn-v1-media-bg-active: var(--color-pink);
      --p-btn-v1-media-text-disabled: var(--color-white-48);
      --p-btn-v1-media-border-disabled: var(--color-coal);
      --p-btn-v1-media-bg-disabled: var(--color-coal);
      --field-text-color-default: var(--color-stone-48);
      --field-border-color-default: var(--color-transparent);
      --field-bg-color-default: var(--color-white);
      --field-text-color-value: var(--color-coal);
      --field-border-color-value: var(--color-transparent);
      --field-bg-color-value: var(--color-white);
      --field-text-color-hover: var(--color-coal);
      --field-border-color-hover: var(--color-coal);
      --field-bg-color-hover: var(--color-white);
      --field-text-color-focus: var(--color-coal);
      --field-border-color-focus: var(--color-aqua);
      --field-bg-color-focus: var(--color-white);
      --field-text-color-error: var(--color-coal);
      --field-border-color-error: var(--color-crimson);
      --field-bg-color-error: var(--color-white);
      --field-text-color-disabled: var(--color-stone-48);
      --field-border-color-disabled: var(--color-white-16);
      --field-bg-color-disabled: var(--color-transparent);
      --toggle-input-icon-color-default: var(--color-stone-48);
      --toggle-input-border-color-default: var(--color-concrete);
      --toggle-input-bg-color-default: var(--color-white);
      --toggle-input-icon-color-value: var(--color-coal);
      --toggle-input-border-color-value: var(--color-concrete);
      --toggle-input-bg-color-value: var(--color-white);
      --toggle-input-icon-color-hover: var(--color-coal);
      --toggle-input-border-color-hover: var(--color-aqua);
      --toggle-input-bg-color-hover: var(--color-white);
      --toggle-input-icon-color-focus: var(--color-coal);
      --toggle-input-border-color-focus: var(--color-aqua);
      --toggle-input-bg-color-focus: var(--color-white);
      --toggle-input-icon-color-disabled: var(--color-stone-48);
      --toggle-input-border-color-disabled: var(--color-concrete);
      --toggle-input-bg-color-disabled: var(--color-transparent);
      --tag-text-color-default: var(--color-coal);
      --tag-border-color-default: var(--color-transparent);
      --tag-bg-color-default: var(--color-sky);
      --tag-text-color-hover: var(--color-white);
      --tag-border-color-hover: var(--color-transparent);
      --tag-bg-color-hover: var(--color-pink);
      --p-tab-text-default: var(--color-coal);
      --p-tab-border-default: var(--color-transparent);
      --p-tab-bg-default: var(--color-transparent);
      --p-tab-text-hover: var(--color-coal);
      --p-tab-border-hover: var(--color-transparent);
      --p-tab-bg-hover: var(--color-aqua);
      --p-tab-text-active: var(--color-white);
      --p-tab-border-active: var(--color-transparent);
      --p-tab-bg-active: var(--color-coal);
      --p-tab-text-disabled: var(--color-stone-48);
      --p-tab-border-disabled: var(--color-transparent);
      --p-tab-bg-disabled: var(--color-transparent);
      --p-pagination-active: var(--color-white);
      --p-pagination-inactive: var(--color-white-48);
      --p-nav-dropdown-bg: var(--color-white);
    }
  }
  :root[data-palette-mode=dark] .palette-tracker[data-palette-hero="2"] ~ :is(.masthead) {
    --p-bg: var(--color-carbon);
    --p-inset-bg: var(--color-ocean);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-white);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-aqua);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-white);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-white-16);
    --p-line-alt: var(--color-white);
    --p-icon: var(--color-white);
    --p-icon-alt: var(--color-ocean);
    --p-image-bg: var(--color-white-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-white);
    --link-bg-color-default: var(--color-sky);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-sky);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-white);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-sky);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-sky);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-coal);
    --p-btn-v1-border-active: var(--color-white);
    --p-btn-v1-bg-active: var(--color-white);
    --p-btn-v1-text-disabled: var(--color-coal);
    --p-btn-v1-border-disabled: var(--color-aqua);
    --p-btn-v1-bg-disabled: var(--color-aqua);
    --p-btn-v2-text-default: var(--color-white);
    --p-btn-v2-border-default: var(--color-white);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-coal);
    --p-btn-v2-border-active: var(--color-white);
    --p-btn-v2-bg-active: var(--color-white);
    --p-btn-v2-text-disabled: var(--color-white);
    --p-btn-v2-border-disabled: var(--color-white);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-transparent);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-transparent);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-white-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-sky);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
  }
  .palette-tracker[data-palette-hero="3"] ~ :is(.masthead) {
    --p-bg: var(--color-sky);
    --p-inset-bg: var(--color-white);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-coal);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-white);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-white);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-coal-16);
    --p-line-alt: var(--color-coal);
    --p-icon: var(--color-coal);
    --p-icon-alt: var(--color-white);
    --p-image-bg: var(--color-coal-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-coal);
    --link-bg-color-default: var(--color-white);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-white);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-coal);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-white);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-white);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-white);
    --p-btn-v1-border-active: var(--color-night);
    --p-btn-v1-bg-active: var(--color-night);
    --p-btn-v1-text-disabled: var(--color-white);
    --p-btn-v1-border-disabled: var(--color-ocean);
    --p-btn-v1-bg-disabled: var(--color-ocean);
    --p-btn-v2-text-default: var(--color-coal);
    --p-btn-v2-border-default: var(--color-coal);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-white);
    --p-btn-v2-border-active: var(--color-coal);
    --p-btn-v2-bg-active: var(--color-night);
    --p-btn-v2-text-disabled: var(--color-coal);
    --p-btn-v2-border-disabled: var(--color-coal);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-coal-16);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-coal);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-coal-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-white);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
  }
  @media (prefers-color-scheme: dark) {
    .palette-tracker[data-palette-hero="3"] ~ :is(.masthead) :root:not([data-palette-mode]) {
      --p-bg: var(--color-ocean);
      --p-inset-bg: var(--color-coal);
      --p-overlay-bg: var(--color-night-40);
      --p-text: var(--color-white);
      --p-list-marker-1: var(--color-hhc-orange);
      --p-list-marker-2: var(--color-white);
      --p-list-marker-3: var(--color-white);
      --p-selection-bg: var(--color-orange);
      --p-selection-text: var(--color-coal);
      --p-highlight-bg: var(--color-sky);
      --p-highlight-text: var(--color-coal);
      --p-lowlight-bg: var(--color-night);
      --p-lowlight-text: var(--color-white);
      --p-caption: var(--color-white);
      --p-error: var(--color-cherry);
      --p-accent-1: var(--color-aqua);
      --p-accent-2: var(--color-white);
      --p-accent-3: var(--color-orange);
      --p-accent-4: var(--color-crimson);
      --p-accent-5: var(--color-pink);
      --p-line: var(--color-white-16);
      --p-line-alt: var(--color-white);
      --p-icon: var(--color-white);
      --p-icon-alt: var(--color-coal);
      --p-image-bg: var(--color-coal-5);
      --link-text-color-default: var(--color-white);
      --link-border-color-default: var(--color-white);
      --link-bg-color-default: var(--color-sky);
      --link-text-color-hover: var(--color-coal);
      --link-border-color-hover: var(--color-aqua);
      --link-bg-color-hover: var(--color-sky);
      --link-text-color-active: var(--color-coal);
      --link-border-color-active: var(--color-aqua);
      --link-bg-color-active: var(--color-sky);
      --link-shy-text-color-default: var(--color-white);
      --link-shy-border-color-default: var(--color-transparent);
      --link-shy-bg-color-default: var(--color-sky);
      --link-shy-text-color-hover: var(--color-coal);
      --link-shy-border-color-hover: var(--color-aqua);
      --link-shy-bg-color-hover: var(--color-sky);
      --p-btn-v1-text-default: var(--color-coal);
      --p-btn-v1-border-default: var(--color-aqua);
      --p-btn-v1-bg-default: var(--color-hhc-orange);
      --p-btn-v1-text-hover: var(--color-white);
      --p-btn-v1-border-hover: var(--color-pink);
      --p-btn-v1-bg-hover: var(--color-pink);
      --p-btn-v1-text-active: var(--color-coal);
      --p-btn-v1-border-active: var(--color-white);
      --p-btn-v1-bg-active: var(--color-white);
      --p-btn-v1-text-disabled: var(--color-coal);
      --p-btn-v1-border-disabled: var(--color-aqua);
      --p-btn-v1-bg-disabled: var(--color-aqua);
      --p-btn-v2-text-default: var(--color-white);
      --p-btn-v2-border-default: var(--color-white);
      --p-btn-v2-bg-default: var(--color-transparent);
      --p-btn-v2-text-hover: var(--color-white);
      --p-btn-v2-border-hover: var(--color-pink);
      --p-btn-v2-bg-hover: var(--color-pink);
      --p-btn-v2-text-active: var(--color-coal);
      --p-btn-v2-border-active: var(--color-white);
      --p-btn-v2-bg-active: var(--color-white);
      --p-btn-v2-text-disabled: var(--color-white);
      --p-btn-v2-border-disabled: var(--color-white);
      --p-btn-v2-bg-disabled: var(--color-transparent);
      --p-btn-v1-media-text-default: var(--color-white);
      --p-btn-v1-media-border-default: var(--color-coal);
      --p-btn-v1-media-bg-default: var(--color-coal);
      --p-btn-v1-media-text-hover: var(--color-white);
      --p-btn-v1-media-border-hover: var(--color-pink);
      --p-btn-v1-media-bg-hover: var(--color-pink);
      --p-btn-v1-media-text-active: var(--color-white);
      --p-btn-v1-media-border-active: var(--color-pink);
      --p-btn-v1-media-bg-active: var(--color-pink);
      --p-btn-v1-media-text-disabled: var(--color-white-48);
      --p-btn-v1-media-border-disabled: var(--color-coal);
      --p-btn-v1-media-bg-disabled: var(--color-coal);
      --field-text-color-default: var(--color-stone-48);
      --field-border-color-default: var(--color-transparent);
      --field-bg-color-default: var(--color-white);
      --field-text-color-value: var(--color-coal);
      --field-border-color-value: var(--color-transparent);
      --field-bg-color-value: var(--color-white);
      --field-text-color-hover: var(--color-coal);
      --field-border-color-hover: var(--color-coal);
      --field-bg-color-hover: var(--color-white);
      --field-text-color-focus: var(--color-coal);
      --field-border-color-focus: var(--color-aqua);
      --field-bg-color-focus: var(--color-white);
      --field-text-color-error: var(--color-coal);
      --field-border-color-error: var(--color-crimson);
      --field-bg-color-error: var(--color-white);
      --field-text-color-disabled: var(--color-stone-48);
      --field-border-color-disabled: var(--color-white-16);
      --field-bg-color-disabled: var(--color-transparent);
      --toggle-input-icon-color-default: var(--color-stone-48);
      --toggle-input-border-color-default: var(--color-concrete);
      --toggle-input-bg-color-default: var(--color-white);
      --toggle-input-icon-color-value: var(--color-coal);
      --toggle-input-border-color-value: var(--color-concrete);
      --toggle-input-bg-color-value: var(--color-white);
      --toggle-input-icon-color-hover: var(--color-coal);
      --toggle-input-border-color-hover: var(--color-aqua);
      --toggle-input-bg-color-hover: var(--color-white);
      --toggle-input-icon-color-focus: var(--color-coal);
      --toggle-input-border-color-focus: var(--color-aqua);
      --toggle-input-bg-color-focus: var(--color-white);
      --toggle-input-icon-color-disabled: var(--color-stone-48);
      --toggle-input-border-color-disabled: var(--color-concrete);
      --toggle-input-bg-color-disabled: var(--color-transparent);
      --tag-text-color-default: var(--color-coal);
      --tag-border-color-default: var(--color-transparent);
      --tag-bg-color-default: var(--color-sky);
      --tag-text-color-hover: var(--color-white);
      --tag-border-color-hover: var(--color-transparent);
      --tag-bg-color-hover: var(--color-pink);
      --p-tab-text-default: var(--color-coal);
      --p-tab-border-default: var(--color-transparent);
      --p-tab-bg-default: var(--color-transparent);
      --p-tab-text-hover: var(--color-coal);
      --p-tab-border-hover: var(--color-transparent);
      --p-tab-bg-hover: var(--color-aqua);
      --p-tab-text-active: var(--color-white);
      --p-tab-border-active: var(--color-transparent);
      --p-tab-bg-active: var(--color-coal);
      --p-tab-text-disabled: var(--color-stone-48);
      --p-tab-border-disabled: var(--color-transparent);
      --p-tab-bg-disabled: var(--color-transparent);
      --p-pagination-active: var(--color-white);
      --p-pagination-inactive: var(--color-white-48);
      --p-nav-dropdown-bg: var(--color-white);
    }
    :root[data-palette-mode=light] .palette-tracker[data-palette-hero="3"] ~ :is(.masthead) :root:not([data-palette-mode]) {
      --p-bg: var(--color-ocean);
      --p-inset-bg: var(--color-coal);
      --p-overlay-bg: var(--color-night-40);
      --p-text: var(--color-white);
      --p-list-marker-1: var(--color-hhc-orange);
      --p-list-marker-2: var(--color-white);
      --p-list-marker-3: var(--color-white);
      --p-selection-bg: var(--color-orange);
      --p-selection-text: var(--color-coal);
      --p-highlight-bg: var(--color-sky);
      --p-highlight-text: var(--color-coal);
      --p-lowlight-bg: var(--color-night);
      --p-lowlight-text: var(--color-white);
      --p-caption: var(--color-white);
      --p-error: var(--color-cherry);
      --p-accent-1: var(--color-aqua);
      --p-accent-2: var(--color-white);
      --p-accent-3: var(--color-orange);
      --p-accent-4: var(--color-crimson);
      --p-accent-5: var(--color-pink);
      --p-line: var(--color-white-16);
      --p-line-alt: var(--color-white);
      --p-icon: var(--color-white);
      --p-icon-alt: var(--color-coal);
      --p-image-bg: var(--color-coal-5);
      --link-text-color-default: var(--color-white);
      --link-border-color-default: var(--color-white);
      --link-bg-color-default: var(--color-sky);
      --link-text-color-hover: var(--color-coal);
      --link-border-color-hover: var(--color-aqua);
      --link-bg-color-hover: var(--color-sky);
      --link-text-color-active: var(--color-coal);
      --link-border-color-active: var(--color-aqua);
      --link-bg-color-active: var(--color-sky);
      --link-shy-text-color-default: var(--color-white);
      --link-shy-border-color-default: var(--color-transparent);
      --link-shy-bg-color-default: var(--color-sky);
      --link-shy-text-color-hover: var(--color-coal);
      --link-shy-border-color-hover: var(--color-aqua);
      --link-shy-bg-color-hover: var(--color-sky);
      --p-btn-v1-text-default: var(--color-coal);
      --p-btn-v1-border-default: var(--color-aqua);
      --p-btn-v1-bg-default: var(--color-hhc-orange);
      --p-btn-v1-text-hover: var(--color-white);
      --p-btn-v1-border-hover: var(--color-pink);
      --p-btn-v1-bg-hover: var(--color-pink);
      --p-btn-v1-text-active: var(--color-coal);
      --p-btn-v1-border-active: var(--color-white);
      --p-btn-v1-bg-active: var(--color-white);
      --p-btn-v1-text-disabled: var(--color-coal);
      --p-btn-v1-border-disabled: var(--color-aqua);
      --p-btn-v1-bg-disabled: var(--color-aqua);
      --p-btn-v2-text-default: var(--color-white);
      --p-btn-v2-border-default: var(--color-white);
      --p-btn-v2-bg-default: var(--color-transparent);
      --p-btn-v2-text-hover: var(--color-white);
      --p-btn-v2-border-hover: var(--color-pink);
      --p-btn-v2-bg-hover: var(--color-pink);
      --p-btn-v2-text-active: var(--color-coal);
      --p-btn-v2-border-active: var(--color-white);
      --p-btn-v2-bg-active: var(--color-white);
      --p-btn-v2-text-disabled: var(--color-white);
      --p-btn-v2-border-disabled: var(--color-white);
      --p-btn-v2-bg-disabled: var(--color-transparent);
      --p-btn-v1-media-text-default: var(--color-white);
      --p-btn-v1-media-border-default: var(--color-coal);
      --p-btn-v1-media-bg-default: var(--color-coal);
      --p-btn-v1-media-text-hover: var(--color-white);
      --p-btn-v1-media-border-hover: var(--color-pink);
      --p-btn-v1-media-bg-hover: var(--color-pink);
      --p-btn-v1-media-text-active: var(--color-white);
      --p-btn-v1-media-border-active: var(--color-pink);
      --p-btn-v1-media-bg-active: var(--color-pink);
      --p-btn-v1-media-text-disabled: var(--color-white-48);
      --p-btn-v1-media-border-disabled: var(--color-coal);
      --p-btn-v1-media-bg-disabled: var(--color-coal);
      --field-text-color-default: var(--color-stone-48);
      --field-border-color-default: var(--color-transparent);
      --field-bg-color-default: var(--color-white);
      --field-text-color-value: var(--color-coal);
      --field-border-color-value: var(--color-transparent);
      --field-bg-color-value: var(--color-white);
      --field-text-color-hover: var(--color-coal);
      --field-border-color-hover: var(--color-coal);
      --field-bg-color-hover: var(--color-white);
      --field-text-color-focus: var(--color-coal);
      --field-border-color-focus: var(--color-aqua);
      --field-bg-color-focus: var(--color-white);
      --field-text-color-error: var(--color-coal);
      --field-border-color-error: var(--color-crimson);
      --field-bg-color-error: var(--color-white);
      --field-text-color-disabled: var(--color-stone-48);
      --field-border-color-disabled: var(--color-white-16);
      --field-bg-color-disabled: var(--color-transparent);
      --toggle-input-icon-color-default: var(--color-stone-48);
      --toggle-input-border-color-default: var(--color-concrete);
      --toggle-input-bg-color-default: var(--color-white);
      --toggle-input-icon-color-value: var(--color-coal);
      --toggle-input-border-color-value: var(--color-concrete);
      --toggle-input-bg-color-value: var(--color-white);
      --toggle-input-icon-color-hover: var(--color-coal);
      --toggle-input-border-color-hover: var(--color-aqua);
      --toggle-input-bg-color-hover: var(--color-white);
      --toggle-input-icon-color-focus: var(--color-coal);
      --toggle-input-border-color-focus: var(--color-aqua);
      --toggle-input-bg-color-focus: var(--color-white);
      --toggle-input-icon-color-disabled: var(--color-stone-48);
      --toggle-input-border-color-disabled: var(--color-concrete);
      --toggle-input-bg-color-disabled: var(--color-transparent);
      --tag-text-color-default: var(--color-coal);
      --tag-border-color-default: var(--color-transparent);
      --tag-bg-color-default: var(--color-sky);
      --tag-text-color-hover: var(--color-white);
      --tag-border-color-hover: var(--color-transparent);
      --tag-bg-color-hover: var(--color-pink);
      --p-tab-text-default: var(--color-coal);
      --p-tab-border-default: var(--color-transparent);
      --p-tab-bg-default: var(--color-transparent);
      --p-tab-text-hover: var(--color-coal);
      --p-tab-border-hover: var(--color-transparent);
      --p-tab-bg-hover: var(--color-aqua);
      --p-tab-text-active: var(--color-white);
      --p-tab-border-active: var(--color-transparent);
      --p-tab-bg-active: var(--color-coal);
      --p-tab-text-disabled: var(--color-stone-48);
      --p-tab-border-disabled: var(--color-transparent);
      --p-tab-bg-disabled: var(--color-transparent);
      --p-pagination-active: var(--color-white);
      --p-pagination-inactive: var(--color-white-48);
      --p-nav-dropdown-bg: var(--color-white);
    }
  }
  :root[data-palette-mode=dark] .palette-tracker[data-palette-hero="3"] ~ :is(.masthead) {
    --p-bg: var(--color-ocean);
    --p-inset-bg: var(--color-coal);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-white);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-sky);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-white);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-white-16);
    --p-line-alt: var(--color-white);
    --p-icon: var(--color-white);
    --p-icon-alt: var(--color-coal);
    --p-image-bg: var(--color-coal-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-white);
    --link-bg-color-default: var(--color-sky);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-sky);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-white);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-sky);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-sky);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-coal);
    --p-btn-v1-border-active: var(--color-white);
    --p-btn-v1-bg-active: var(--color-white);
    --p-btn-v1-text-disabled: var(--color-coal);
    --p-btn-v1-border-disabled: var(--color-aqua);
    --p-btn-v1-bg-disabled: var(--color-aqua);
    --p-btn-v2-text-default: var(--color-white);
    --p-btn-v2-border-default: var(--color-white);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-coal);
    --p-btn-v2-border-active: var(--color-white);
    --p-btn-v2-bg-active: var(--color-white);
    --p-btn-v2-text-disabled: var(--color-white);
    --p-btn-v2-border-disabled: var(--color-white);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-transparent);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-transparent);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-white-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-sky);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
  }
  .palette-tracker[data-palette-hero="4"] ~ :is(.masthead) {
    --p-bg: var(--color-ocean);
    --p-inset-bg: var(--color-coal);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-white);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-sky);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-white);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-white-16);
    --p-line-alt: var(--color-white);
    --p-icon: var(--color-white);
    --p-icon-alt: var(--color-coal);
    --p-image-bg: var(--color-coal-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-white);
    --link-bg-color-default: var(--color-sky);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-sky);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-white);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-sky);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-sky);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-coal);
    --p-btn-v1-border-active: var(--color-white);
    --p-btn-v1-bg-active: var(--color-white);
    --p-btn-v1-text-disabled: var(--color-coal);
    --p-btn-v1-border-disabled: var(--color-aqua);
    --p-btn-v1-bg-disabled: var(--color-aqua);
    --p-btn-v2-text-default: var(--color-white);
    --p-btn-v2-border-default: var(--color-white);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-coal);
    --p-btn-v2-border-active: var(--color-white);
    --p-btn-v2-bg-active: var(--color-white);
    --p-btn-v2-text-disabled: var(--color-white);
    --p-btn-v2-border-disabled: var(--color-white);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-transparent);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-transparent);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-white-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-sky);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
  }
  .palette-tracker[data-palette-hero="5"] ~ :is(.masthead) {
    --p-bg: var(--color-night);
    --p-inset-bg: var(--color-ocean);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-white);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-aqua);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-white);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-white-16);
    --p-line-alt: var(--color-white);
    --p-icon: var(--color-white);
    --p-icon-alt: var(--color-ocean);
    --p-image-bg: var(--color-white-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-white);
    --link-bg-color-default: var(--color-sky);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-sky);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-white);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-sky);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-sky);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-coal);
    --p-btn-v1-border-active: var(--color-white);
    --p-btn-v1-bg-active: var(--color-white);
    --p-btn-v1-text-disabled: var(--color-coal);
    --p-btn-v1-border-disabled: var(--color-aqua);
    --p-btn-v1-bg-disabled: var(--color-aqua);
    --p-btn-v2-text-default: var(--color-white);
    --p-btn-v2-border-default: var(--color-white);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-coal);
    --p-btn-v2-border-active: var(--color-white);
    --p-btn-v2-bg-active: var(--color-white);
    --p-btn-v2-text-disabled: var(--color-white);
    --p-btn-v2-border-disabled: var(--color-white);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-transparent);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-transparent);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-white-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-sky);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
  }
  .palette-tracker[data-palette-masthead="1"] ~ :is(.masthead) {
    --p-bg: var(--color-white);
    --p-inset-bg: var(--color-sand);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-coal);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-sky);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-sky);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-coal-16);
    --p-line-alt: var(--color-coal);
    --p-icon: var(--color-coal);
    --p-icon-alt: var(--color-sand);
    --p-image-bg: var(--color-coal-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-coal);
    --link-bg-color-default: var(--color-sky);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-sky);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-coal);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-sky);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-sky);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-white);
    --p-btn-v1-border-active: var(--color-night);
    --p-btn-v1-bg-active: var(--color-night);
    --p-btn-v1-text-disabled: var(--color-white);
    --p-btn-v1-border-disabled: var(--color-ocean);
    --p-btn-v1-bg-disabled: var(--color-ocean);
    --p-btn-v2-text-default: var(--color-coal);
    --p-btn-v2-border-default: var(--color-coal);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-white);
    --p-btn-v2-border-active: var(--color-coal);
    --p-btn-v2-bg-active: var(--color-night);
    --p-btn-v2-text-disabled: var(--color-coal);
    --p-btn-v2-border-disabled: var(--color-coal);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-coal-16);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-coal);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-coal-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-sky);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
    background-color: var(--p-bg);
  }
  @media (prefers-color-scheme: dark) {
    .palette-tracker[data-palette-masthead="1"] ~ :is(.masthead) :root:not([data-palette-mode]) {
      --p-bg: var(--color-night);
      --p-inset-bg: var(--color-ocean);
      --p-overlay-bg: var(--color-night-40);
      --p-text: var(--color-white);
      --p-list-marker-1: var(--color-hhc-orange);
      --p-list-marker-2: var(--color-white);
      --p-list-marker-3: var(--color-white);
      --p-selection-bg: var(--color-orange);
      --p-selection-text: var(--color-coal);
      --p-highlight-bg: var(--color-aqua);
      --p-highlight-text: var(--color-coal);
      --p-lowlight-bg: var(--color-night);
      --p-lowlight-text: var(--color-white);
      --p-caption: var(--color-white);
      --p-error: var(--color-cherry);
      --p-accent-1: var(--color-aqua);
      --p-accent-2: var(--color-white);
      --p-accent-3: var(--color-orange);
      --p-accent-4: var(--color-crimson);
      --p-accent-5: var(--color-pink);
      --p-line: var(--color-white-16);
      --p-line-alt: var(--color-white);
      --p-icon: var(--color-white);
      --p-icon-alt: var(--color-ocean);
      --p-image-bg: var(--color-white-5);
      --link-text-color-default: var(--color-white);
      --link-border-color-default: var(--color-white);
      --link-bg-color-default: var(--color-sky);
      --link-text-color-hover: var(--color-coal);
      --link-border-color-hover: var(--color-aqua);
      --link-bg-color-hover: var(--color-sky);
      --link-text-color-active: var(--color-coal);
      --link-border-color-active: var(--color-aqua);
      --link-bg-color-active: var(--color-sky);
      --link-shy-text-color-default: var(--color-white);
      --link-shy-border-color-default: var(--color-transparent);
      --link-shy-bg-color-default: var(--color-sky);
      --link-shy-text-color-hover: var(--color-coal);
      --link-shy-border-color-hover: var(--color-aqua);
      --link-shy-bg-color-hover: var(--color-sky);
      --p-btn-v1-text-default: var(--color-coal);
      --p-btn-v1-border-default: var(--color-aqua);
      --p-btn-v1-bg-default: var(--color-hhc-orange);
      --p-btn-v1-text-hover: var(--color-white);
      --p-btn-v1-border-hover: var(--color-pink);
      --p-btn-v1-bg-hover: var(--color-pink);
      --p-btn-v1-text-active: var(--color-coal);
      --p-btn-v1-border-active: var(--color-white);
      --p-btn-v1-bg-active: var(--color-white);
      --p-btn-v1-text-disabled: var(--color-coal);
      --p-btn-v1-border-disabled: var(--color-aqua);
      --p-btn-v1-bg-disabled: var(--color-aqua);
      --p-btn-v2-text-default: var(--color-white);
      --p-btn-v2-border-default: var(--color-white);
      --p-btn-v2-bg-default: var(--color-transparent);
      --p-btn-v2-text-hover: var(--color-white);
      --p-btn-v2-border-hover: var(--color-pink);
      --p-btn-v2-bg-hover: var(--color-pink);
      --p-btn-v2-text-active: var(--color-coal);
      --p-btn-v2-border-active: var(--color-white);
      --p-btn-v2-bg-active: var(--color-white);
      --p-btn-v2-text-disabled: var(--color-white);
      --p-btn-v2-border-disabled: var(--color-white);
      --p-btn-v2-bg-disabled: var(--color-transparent);
      --p-btn-v1-media-text-default: var(--color-white);
      --p-btn-v1-media-border-default: var(--color-coal);
      --p-btn-v1-media-bg-default: var(--color-coal);
      --p-btn-v1-media-text-hover: var(--color-white);
      --p-btn-v1-media-border-hover: var(--color-pink);
      --p-btn-v1-media-bg-hover: var(--color-pink);
      --p-btn-v1-media-text-active: var(--color-white);
      --p-btn-v1-media-border-active: var(--color-pink);
      --p-btn-v1-media-bg-active: var(--color-pink);
      --p-btn-v1-media-text-disabled: var(--color-white-48);
      --p-btn-v1-media-border-disabled: var(--color-coal);
      --p-btn-v1-media-bg-disabled: var(--color-coal);
      --field-text-color-default: var(--color-stone-48);
      --field-border-color-default: var(--color-transparent);
      --field-bg-color-default: var(--color-white);
      --field-text-color-value: var(--color-coal);
      --field-border-color-value: var(--color-transparent);
      --field-bg-color-value: var(--color-white);
      --field-text-color-hover: var(--color-coal);
      --field-border-color-hover: var(--color-coal);
      --field-bg-color-hover: var(--color-white);
      --field-text-color-focus: var(--color-coal);
      --field-border-color-focus: var(--color-aqua);
      --field-bg-color-focus: var(--color-white);
      --field-text-color-error: var(--color-coal);
      --field-border-color-error: var(--color-crimson);
      --field-bg-color-error: var(--color-white);
      --field-text-color-disabled: var(--color-stone-48);
      --field-border-color-disabled: var(--color-white-16);
      --field-bg-color-disabled: var(--color-transparent);
      --toggle-input-icon-color-default: var(--color-stone-48);
      --toggle-input-border-color-default: var(--color-concrete);
      --toggle-input-bg-color-default: var(--color-white);
      --toggle-input-icon-color-value: var(--color-coal);
      --toggle-input-border-color-value: var(--color-concrete);
      --toggle-input-bg-color-value: var(--color-white);
      --toggle-input-icon-color-hover: var(--color-coal);
      --toggle-input-border-color-hover: var(--color-aqua);
      --toggle-input-bg-color-hover: var(--color-white);
      --toggle-input-icon-color-focus: var(--color-coal);
      --toggle-input-border-color-focus: var(--color-aqua);
      --toggle-input-bg-color-focus: var(--color-white);
      --toggle-input-icon-color-disabled: var(--color-stone-48);
      --toggle-input-border-color-disabled: var(--color-concrete);
      --toggle-input-bg-color-disabled: var(--color-transparent);
      --tag-text-color-default: var(--color-coal);
      --tag-border-color-default: var(--color-transparent);
      --tag-bg-color-default: var(--color-sky);
      --tag-text-color-hover: var(--color-white);
      --tag-border-color-hover: var(--color-transparent);
      --tag-bg-color-hover: var(--color-pink);
      --p-tab-text-default: var(--color-coal);
      --p-tab-border-default: var(--color-transparent);
      --p-tab-bg-default: var(--color-transparent);
      --p-tab-text-hover: var(--color-coal);
      --p-tab-border-hover: var(--color-transparent);
      --p-tab-bg-hover: var(--color-aqua);
      --p-tab-text-active: var(--color-white);
      --p-tab-border-active: var(--color-transparent);
      --p-tab-bg-active: var(--color-coal);
      --p-tab-text-disabled: var(--color-stone-48);
      --p-tab-border-disabled: var(--color-transparent);
      --p-tab-bg-disabled: var(--color-transparent);
      --p-pagination-active: var(--color-white);
      --p-pagination-inactive: var(--color-white-48);
      --p-nav-dropdown-bg: var(--color-white);
    }
    :root[data-palette-mode=light] .palette-tracker[data-palette-masthead="1"] ~ :is(.masthead) :root:not([data-palette-mode]) {
      --p-bg: var(--color-night);
      --p-inset-bg: var(--color-ocean);
      --p-overlay-bg: var(--color-night-40);
      --p-text: var(--color-white);
      --p-list-marker-1: var(--color-hhc-orange);
      --p-list-marker-2: var(--color-white);
      --p-list-marker-3: var(--color-white);
      --p-selection-bg: var(--color-orange);
      --p-selection-text: var(--color-coal);
      --p-highlight-bg: var(--color-aqua);
      --p-highlight-text: var(--color-coal);
      --p-lowlight-bg: var(--color-night);
      --p-lowlight-text: var(--color-white);
      --p-caption: var(--color-white);
      --p-error: var(--color-cherry);
      --p-accent-1: var(--color-aqua);
      --p-accent-2: var(--color-white);
      --p-accent-3: var(--color-orange);
      --p-accent-4: var(--color-crimson);
      --p-accent-5: var(--color-pink);
      --p-line: var(--color-white-16);
      --p-line-alt: var(--color-white);
      --p-icon: var(--color-white);
      --p-icon-alt: var(--color-ocean);
      --p-image-bg: var(--color-white-5);
      --link-text-color-default: var(--color-white);
      --link-border-color-default: var(--color-white);
      --link-bg-color-default: var(--color-sky);
      --link-text-color-hover: var(--color-coal);
      --link-border-color-hover: var(--color-aqua);
      --link-bg-color-hover: var(--color-sky);
      --link-text-color-active: var(--color-coal);
      --link-border-color-active: var(--color-aqua);
      --link-bg-color-active: var(--color-sky);
      --link-shy-text-color-default: var(--color-white);
      --link-shy-border-color-default: var(--color-transparent);
      --link-shy-bg-color-default: var(--color-sky);
      --link-shy-text-color-hover: var(--color-coal);
      --link-shy-border-color-hover: var(--color-aqua);
      --link-shy-bg-color-hover: var(--color-sky);
      --p-btn-v1-text-default: var(--color-coal);
      --p-btn-v1-border-default: var(--color-aqua);
      --p-btn-v1-bg-default: var(--color-hhc-orange);
      --p-btn-v1-text-hover: var(--color-white);
      --p-btn-v1-border-hover: var(--color-pink);
      --p-btn-v1-bg-hover: var(--color-pink);
      --p-btn-v1-text-active: var(--color-coal);
      --p-btn-v1-border-active: var(--color-white);
      --p-btn-v1-bg-active: var(--color-white);
      --p-btn-v1-text-disabled: var(--color-coal);
      --p-btn-v1-border-disabled: var(--color-aqua);
      --p-btn-v1-bg-disabled: var(--color-aqua);
      --p-btn-v2-text-default: var(--color-white);
      --p-btn-v2-border-default: var(--color-white);
      --p-btn-v2-bg-default: var(--color-transparent);
      --p-btn-v2-text-hover: var(--color-white);
      --p-btn-v2-border-hover: var(--color-pink);
      --p-btn-v2-bg-hover: var(--color-pink);
      --p-btn-v2-text-active: var(--color-coal);
      --p-btn-v2-border-active: var(--color-white);
      --p-btn-v2-bg-active: var(--color-white);
      --p-btn-v2-text-disabled: var(--color-white);
      --p-btn-v2-border-disabled: var(--color-white);
      --p-btn-v2-bg-disabled: var(--color-transparent);
      --p-btn-v1-media-text-default: var(--color-white);
      --p-btn-v1-media-border-default: var(--color-coal);
      --p-btn-v1-media-bg-default: var(--color-coal);
      --p-btn-v1-media-text-hover: var(--color-white);
      --p-btn-v1-media-border-hover: var(--color-pink);
      --p-btn-v1-media-bg-hover: var(--color-pink);
      --p-btn-v1-media-text-active: var(--color-white);
      --p-btn-v1-media-border-active: var(--color-pink);
      --p-btn-v1-media-bg-active: var(--color-pink);
      --p-btn-v1-media-text-disabled: var(--color-white-48);
      --p-btn-v1-media-border-disabled: var(--color-coal);
      --p-btn-v1-media-bg-disabled: var(--color-coal);
      --field-text-color-default: var(--color-stone-48);
      --field-border-color-default: var(--color-transparent);
      --field-bg-color-default: var(--color-white);
      --field-text-color-value: var(--color-coal);
      --field-border-color-value: var(--color-transparent);
      --field-bg-color-value: var(--color-white);
      --field-text-color-hover: var(--color-coal);
      --field-border-color-hover: var(--color-coal);
      --field-bg-color-hover: var(--color-white);
      --field-text-color-focus: var(--color-coal);
      --field-border-color-focus: var(--color-aqua);
      --field-bg-color-focus: var(--color-white);
      --field-text-color-error: var(--color-coal);
      --field-border-color-error: var(--color-crimson);
      --field-bg-color-error: var(--color-white);
      --field-text-color-disabled: var(--color-stone-48);
      --field-border-color-disabled: var(--color-white-16);
      --field-bg-color-disabled: var(--color-transparent);
      --toggle-input-icon-color-default: var(--color-stone-48);
      --toggle-input-border-color-default: var(--color-concrete);
      --toggle-input-bg-color-default: var(--color-white);
      --toggle-input-icon-color-value: var(--color-coal);
      --toggle-input-border-color-value: var(--color-concrete);
      --toggle-input-bg-color-value: var(--color-white);
      --toggle-input-icon-color-hover: var(--color-coal);
      --toggle-input-border-color-hover: var(--color-aqua);
      --toggle-input-bg-color-hover: var(--color-white);
      --toggle-input-icon-color-focus: var(--color-coal);
      --toggle-input-border-color-focus: var(--color-aqua);
      --toggle-input-bg-color-focus: var(--color-white);
      --toggle-input-icon-color-disabled: var(--color-stone-48);
      --toggle-input-border-color-disabled: var(--color-concrete);
      --toggle-input-bg-color-disabled: var(--color-transparent);
      --tag-text-color-default: var(--color-coal);
      --tag-border-color-default: var(--color-transparent);
      --tag-bg-color-default: var(--color-sky);
      --tag-text-color-hover: var(--color-white);
      --tag-border-color-hover: var(--color-transparent);
      --tag-bg-color-hover: var(--color-pink);
      --p-tab-text-default: var(--color-coal);
      --p-tab-border-default: var(--color-transparent);
      --p-tab-bg-default: var(--color-transparent);
      --p-tab-text-hover: var(--color-coal);
      --p-tab-border-hover: var(--color-transparent);
      --p-tab-bg-hover: var(--color-aqua);
      --p-tab-text-active: var(--color-white);
      --p-tab-border-active: var(--color-transparent);
      --p-tab-bg-active: var(--color-coal);
      --p-tab-text-disabled: var(--color-stone-48);
      --p-tab-border-disabled: var(--color-transparent);
      --p-tab-bg-disabled: var(--color-transparent);
      --p-pagination-active: var(--color-white);
      --p-pagination-inactive: var(--color-white-48);
      --p-nav-dropdown-bg: var(--color-white);
    }
  }
  :root[data-palette-mode=dark] .palette-tracker[data-palette-masthead="1"] ~ :is(.masthead) {
    --p-bg: var(--color-night);
    --p-inset-bg: var(--color-ocean);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-white);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-aqua);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-white);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-white-16);
    --p-line-alt: var(--color-white);
    --p-icon: var(--color-white);
    --p-icon-alt: var(--color-ocean);
    --p-image-bg: var(--color-white-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-white);
    --link-bg-color-default: var(--color-sky);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-sky);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-white);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-sky);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-sky);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-coal);
    --p-btn-v1-border-active: var(--color-white);
    --p-btn-v1-bg-active: var(--color-white);
    --p-btn-v1-text-disabled: var(--color-coal);
    --p-btn-v1-border-disabled: var(--color-aqua);
    --p-btn-v1-bg-disabled: var(--color-aqua);
    --p-btn-v2-text-default: var(--color-white);
    --p-btn-v2-border-default: var(--color-white);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-coal);
    --p-btn-v2-border-active: var(--color-white);
    --p-btn-v2-bg-active: var(--color-white);
    --p-btn-v2-text-disabled: var(--color-white);
    --p-btn-v2-border-disabled: var(--color-white);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-transparent);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-transparent);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-white-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-sky);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
  }
  .palette-tracker[data-palette-masthead="2"] ~ :is(.masthead) {
    --p-bg: var(--color-sand);
    --p-inset-bg: var(--color-white);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-coal);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-sky);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-sky);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-coal-16);
    --p-line-alt: var(--color-coal);
    --p-icon: var(--color-coal);
    --p-icon-alt: var(--color-white);
    --p-image-bg: var(--color-coal-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-coal);
    --link-bg-color-default: var(--color-sky);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-sky);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-coal);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-sky);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-sky);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-white);
    --p-btn-v1-border-active: var(--color-night);
    --p-btn-v1-bg-active: var(--color-night);
    --p-btn-v1-text-disabled: var(--color-white);
    --p-btn-v1-border-disabled: var(--color-ocean);
    --p-btn-v1-bg-disabled: var(--color-ocean);
    --p-btn-v2-text-default: var(--color-coal);
    --p-btn-v2-border-default: var(--color-coal);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-white);
    --p-btn-v2-border-active: var(--color-coal);
    --p-btn-v2-bg-active: var(--color-night);
    --p-btn-v2-text-disabled: var(--color-coal);
    --p-btn-v2-border-disabled: var(--color-coal);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-coal-16);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-coal);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-coal-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-white);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
    background-color: var(--p-bg);
  }
  @media (prefers-color-scheme: dark) {
    .palette-tracker[data-palette-masthead="2"] ~ :is(.masthead) :root:not([data-palette-mode]) {
      --p-bg: var(--color-carbon);
      --p-inset-bg: var(--color-ocean);
      --p-overlay-bg: var(--color-night-40);
      --p-text: var(--color-white);
      --p-list-marker-1: var(--color-hhc-orange);
      --p-list-marker-2: var(--color-white);
      --p-list-marker-3: var(--color-white);
      --p-selection-bg: var(--color-orange);
      --p-selection-text: var(--color-coal);
      --p-highlight-bg: var(--color-aqua);
      --p-highlight-text: var(--color-coal);
      --p-lowlight-bg: var(--color-night);
      --p-lowlight-text: var(--color-white);
      --p-caption: var(--color-white);
      --p-error: var(--color-cherry);
      --p-accent-1: var(--color-aqua);
      --p-accent-2: var(--color-white);
      --p-accent-3: var(--color-orange);
      --p-accent-4: var(--color-crimson);
      --p-accent-5: var(--color-pink);
      --p-line: var(--color-white-16);
      --p-line-alt: var(--color-white);
      --p-icon: var(--color-white);
      --p-icon-alt: var(--color-ocean);
      --p-image-bg: var(--color-white-5);
      --link-text-color-default: var(--color-white);
      --link-border-color-default: var(--color-white);
      --link-bg-color-default: var(--color-sky);
      --link-text-color-hover: var(--color-coal);
      --link-border-color-hover: var(--color-aqua);
      --link-bg-color-hover: var(--color-sky);
      --link-text-color-active: var(--color-coal);
      --link-border-color-active: var(--color-aqua);
      --link-bg-color-active: var(--color-sky);
      --link-shy-text-color-default: var(--color-white);
      --link-shy-border-color-default: var(--color-transparent);
      --link-shy-bg-color-default: var(--color-sky);
      --link-shy-text-color-hover: var(--color-coal);
      --link-shy-border-color-hover: var(--color-aqua);
      --link-shy-bg-color-hover: var(--color-sky);
      --p-btn-v1-text-default: var(--color-coal);
      --p-btn-v1-border-default: var(--color-aqua);
      --p-btn-v1-bg-default: var(--color-hhc-orange);
      --p-btn-v1-text-hover: var(--color-white);
      --p-btn-v1-border-hover: var(--color-pink);
      --p-btn-v1-bg-hover: var(--color-pink);
      --p-btn-v1-text-active: var(--color-coal);
      --p-btn-v1-border-active: var(--color-white);
      --p-btn-v1-bg-active: var(--color-white);
      --p-btn-v1-text-disabled: var(--color-coal);
      --p-btn-v1-border-disabled: var(--color-aqua);
      --p-btn-v1-bg-disabled: var(--color-aqua);
      --p-btn-v2-text-default: var(--color-white);
      --p-btn-v2-border-default: var(--color-white);
      --p-btn-v2-bg-default: var(--color-transparent);
      --p-btn-v2-text-hover: var(--color-white);
      --p-btn-v2-border-hover: var(--color-pink);
      --p-btn-v2-bg-hover: var(--color-pink);
      --p-btn-v2-text-active: var(--color-coal);
      --p-btn-v2-border-active: var(--color-white);
      --p-btn-v2-bg-active: var(--color-white);
      --p-btn-v2-text-disabled: var(--color-white);
      --p-btn-v2-border-disabled: var(--color-white);
      --p-btn-v2-bg-disabled: var(--color-transparent);
      --p-btn-v1-media-text-default: var(--color-white);
      --p-btn-v1-media-border-default: var(--color-coal);
      --p-btn-v1-media-bg-default: var(--color-coal);
      --p-btn-v1-media-text-hover: var(--color-white);
      --p-btn-v1-media-border-hover: var(--color-pink);
      --p-btn-v1-media-bg-hover: var(--color-pink);
      --p-btn-v1-media-text-active: var(--color-white);
      --p-btn-v1-media-border-active: var(--color-pink);
      --p-btn-v1-media-bg-active: var(--color-pink);
      --p-btn-v1-media-text-disabled: var(--color-white-48);
      --p-btn-v1-media-border-disabled: var(--color-coal);
      --p-btn-v1-media-bg-disabled: var(--color-coal);
      --field-text-color-default: var(--color-stone-48);
      --field-border-color-default: var(--color-transparent);
      --field-bg-color-default: var(--color-white);
      --field-text-color-value: var(--color-coal);
      --field-border-color-value: var(--color-transparent);
      --field-bg-color-value: var(--color-white);
      --field-text-color-hover: var(--color-coal);
      --field-border-color-hover: var(--color-coal);
      --field-bg-color-hover: var(--color-white);
      --field-text-color-focus: var(--color-coal);
      --field-border-color-focus: var(--color-aqua);
      --field-bg-color-focus: var(--color-white);
      --field-text-color-error: var(--color-coal);
      --field-border-color-error: var(--color-crimson);
      --field-bg-color-error: var(--color-white);
      --field-text-color-disabled: var(--color-stone-48);
      --field-border-color-disabled: var(--color-white-16);
      --field-bg-color-disabled: var(--color-transparent);
      --toggle-input-icon-color-default: var(--color-stone-48);
      --toggle-input-border-color-default: var(--color-concrete);
      --toggle-input-bg-color-default: var(--color-white);
      --toggle-input-icon-color-value: var(--color-coal);
      --toggle-input-border-color-value: var(--color-concrete);
      --toggle-input-bg-color-value: var(--color-white);
      --toggle-input-icon-color-hover: var(--color-coal);
      --toggle-input-border-color-hover: var(--color-aqua);
      --toggle-input-bg-color-hover: var(--color-white);
      --toggle-input-icon-color-focus: var(--color-coal);
      --toggle-input-border-color-focus: var(--color-aqua);
      --toggle-input-bg-color-focus: var(--color-white);
      --toggle-input-icon-color-disabled: var(--color-stone-48);
      --toggle-input-border-color-disabled: var(--color-concrete);
      --toggle-input-bg-color-disabled: var(--color-transparent);
      --tag-text-color-default: var(--color-coal);
      --tag-border-color-default: var(--color-transparent);
      --tag-bg-color-default: var(--color-sky);
      --tag-text-color-hover: var(--color-white);
      --tag-border-color-hover: var(--color-transparent);
      --tag-bg-color-hover: var(--color-pink);
      --p-tab-text-default: var(--color-coal);
      --p-tab-border-default: var(--color-transparent);
      --p-tab-bg-default: var(--color-transparent);
      --p-tab-text-hover: var(--color-coal);
      --p-tab-border-hover: var(--color-transparent);
      --p-tab-bg-hover: var(--color-aqua);
      --p-tab-text-active: var(--color-white);
      --p-tab-border-active: var(--color-transparent);
      --p-tab-bg-active: var(--color-coal);
      --p-tab-text-disabled: var(--color-stone-48);
      --p-tab-border-disabled: var(--color-transparent);
      --p-tab-bg-disabled: var(--color-transparent);
      --p-pagination-active: var(--color-white);
      --p-pagination-inactive: var(--color-white-48);
      --p-nav-dropdown-bg: var(--color-white);
    }
    :root[data-palette-mode=light] .palette-tracker[data-palette-masthead="2"] ~ :is(.masthead) :root:not([data-palette-mode]) {
      --p-bg: var(--color-carbon);
      --p-inset-bg: var(--color-ocean);
      --p-overlay-bg: var(--color-night-40);
      --p-text: var(--color-white);
      --p-list-marker-1: var(--color-hhc-orange);
      --p-list-marker-2: var(--color-white);
      --p-list-marker-3: var(--color-white);
      --p-selection-bg: var(--color-orange);
      --p-selection-text: var(--color-coal);
      --p-highlight-bg: var(--color-aqua);
      --p-highlight-text: var(--color-coal);
      --p-lowlight-bg: var(--color-night);
      --p-lowlight-text: var(--color-white);
      --p-caption: var(--color-white);
      --p-error: var(--color-cherry);
      --p-accent-1: var(--color-aqua);
      --p-accent-2: var(--color-white);
      --p-accent-3: var(--color-orange);
      --p-accent-4: var(--color-crimson);
      --p-accent-5: var(--color-pink);
      --p-line: var(--color-white-16);
      --p-line-alt: var(--color-white);
      --p-icon: var(--color-white);
      --p-icon-alt: var(--color-ocean);
      --p-image-bg: var(--color-white-5);
      --link-text-color-default: var(--color-white);
      --link-border-color-default: var(--color-white);
      --link-bg-color-default: var(--color-sky);
      --link-text-color-hover: var(--color-coal);
      --link-border-color-hover: var(--color-aqua);
      --link-bg-color-hover: var(--color-sky);
      --link-text-color-active: var(--color-coal);
      --link-border-color-active: var(--color-aqua);
      --link-bg-color-active: var(--color-sky);
      --link-shy-text-color-default: var(--color-white);
      --link-shy-border-color-default: var(--color-transparent);
      --link-shy-bg-color-default: var(--color-sky);
      --link-shy-text-color-hover: var(--color-coal);
      --link-shy-border-color-hover: var(--color-aqua);
      --link-shy-bg-color-hover: var(--color-sky);
      --p-btn-v1-text-default: var(--color-coal);
      --p-btn-v1-border-default: var(--color-aqua);
      --p-btn-v1-bg-default: var(--color-hhc-orange);
      --p-btn-v1-text-hover: var(--color-white);
      --p-btn-v1-border-hover: var(--color-pink);
      --p-btn-v1-bg-hover: var(--color-pink);
      --p-btn-v1-text-active: var(--color-coal);
      --p-btn-v1-border-active: var(--color-white);
      --p-btn-v1-bg-active: var(--color-white);
      --p-btn-v1-text-disabled: var(--color-coal);
      --p-btn-v1-border-disabled: var(--color-aqua);
      --p-btn-v1-bg-disabled: var(--color-aqua);
      --p-btn-v2-text-default: var(--color-white);
      --p-btn-v2-border-default: var(--color-white);
      --p-btn-v2-bg-default: var(--color-transparent);
      --p-btn-v2-text-hover: var(--color-white);
      --p-btn-v2-border-hover: var(--color-pink);
      --p-btn-v2-bg-hover: var(--color-pink);
      --p-btn-v2-text-active: var(--color-coal);
      --p-btn-v2-border-active: var(--color-white);
      --p-btn-v2-bg-active: var(--color-white);
      --p-btn-v2-text-disabled: var(--color-white);
      --p-btn-v2-border-disabled: var(--color-white);
      --p-btn-v2-bg-disabled: var(--color-transparent);
      --p-btn-v1-media-text-default: var(--color-white);
      --p-btn-v1-media-border-default: var(--color-coal);
      --p-btn-v1-media-bg-default: var(--color-coal);
      --p-btn-v1-media-text-hover: var(--color-white);
      --p-btn-v1-media-border-hover: var(--color-pink);
      --p-btn-v1-media-bg-hover: var(--color-pink);
      --p-btn-v1-media-text-active: var(--color-white);
      --p-btn-v1-media-border-active: var(--color-pink);
      --p-btn-v1-media-bg-active: var(--color-pink);
      --p-btn-v1-media-text-disabled: var(--color-white-48);
      --p-btn-v1-media-border-disabled: var(--color-coal);
      --p-btn-v1-media-bg-disabled: var(--color-coal);
      --field-text-color-default: var(--color-stone-48);
      --field-border-color-default: var(--color-transparent);
      --field-bg-color-default: var(--color-white);
      --field-text-color-value: var(--color-coal);
      --field-border-color-value: var(--color-transparent);
      --field-bg-color-value: var(--color-white);
      --field-text-color-hover: var(--color-coal);
      --field-border-color-hover: var(--color-coal);
      --field-bg-color-hover: var(--color-white);
      --field-text-color-focus: var(--color-coal);
      --field-border-color-focus: var(--color-aqua);
      --field-bg-color-focus: var(--color-white);
      --field-text-color-error: var(--color-coal);
      --field-border-color-error: var(--color-crimson);
      --field-bg-color-error: var(--color-white);
      --field-text-color-disabled: var(--color-stone-48);
      --field-border-color-disabled: var(--color-white-16);
      --field-bg-color-disabled: var(--color-transparent);
      --toggle-input-icon-color-default: var(--color-stone-48);
      --toggle-input-border-color-default: var(--color-concrete);
      --toggle-input-bg-color-default: var(--color-white);
      --toggle-input-icon-color-value: var(--color-coal);
      --toggle-input-border-color-value: var(--color-concrete);
      --toggle-input-bg-color-value: var(--color-white);
      --toggle-input-icon-color-hover: var(--color-coal);
      --toggle-input-border-color-hover: var(--color-aqua);
      --toggle-input-bg-color-hover: var(--color-white);
      --toggle-input-icon-color-focus: var(--color-coal);
      --toggle-input-border-color-focus: var(--color-aqua);
      --toggle-input-bg-color-focus: var(--color-white);
      --toggle-input-icon-color-disabled: var(--color-stone-48);
      --toggle-input-border-color-disabled: var(--color-concrete);
      --toggle-input-bg-color-disabled: var(--color-transparent);
      --tag-text-color-default: var(--color-coal);
      --tag-border-color-default: var(--color-transparent);
      --tag-bg-color-default: var(--color-sky);
      --tag-text-color-hover: var(--color-white);
      --tag-border-color-hover: var(--color-transparent);
      --tag-bg-color-hover: var(--color-pink);
      --p-tab-text-default: var(--color-coal);
      --p-tab-border-default: var(--color-transparent);
      --p-tab-bg-default: var(--color-transparent);
      --p-tab-text-hover: var(--color-coal);
      --p-tab-border-hover: var(--color-transparent);
      --p-tab-bg-hover: var(--color-aqua);
      --p-tab-text-active: var(--color-white);
      --p-tab-border-active: var(--color-transparent);
      --p-tab-bg-active: var(--color-coal);
      --p-tab-text-disabled: var(--color-stone-48);
      --p-tab-border-disabled: var(--color-transparent);
      --p-tab-bg-disabled: var(--color-transparent);
      --p-pagination-active: var(--color-white);
      --p-pagination-inactive: var(--color-white-48);
      --p-nav-dropdown-bg: var(--color-white);
    }
  }
  :root[data-palette-mode=dark] .palette-tracker[data-palette-masthead="2"] ~ :is(.masthead) {
    --p-bg: var(--color-carbon);
    --p-inset-bg: var(--color-ocean);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-white);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-aqua);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-white);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-white-16);
    --p-line-alt: var(--color-white);
    --p-icon: var(--color-white);
    --p-icon-alt: var(--color-ocean);
    --p-image-bg: var(--color-white-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-white);
    --link-bg-color-default: var(--color-sky);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-sky);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-white);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-sky);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-sky);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-coal);
    --p-btn-v1-border-active: var(--color-white);
    --p-btn-v1-bg-active: var(--color-white);
    --p-btn-v1-text-disabled: var(--color-coal);
    --p-btn-v1-border-disabled: var(--color-aqua);
    --p-btn-v1-bg-disabled: var(--color-aqua);
    --p-btn-v2-text-default: var(--color-white);
    --p-btn-v2-border-default: var(--color-white);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-coal);
    --p-btn-v2-border-active: var(--color-white);
    --p-btn-v2-bg-active: var(--color-white);
    --p-btn-v2-text-disabled: var(--color-white);
    --p-btn-v2-border-disabled: var(--color-white);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-transparent);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-transparent);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-white-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-sky);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
  }
  .palette-tracker[data-palette-masthead="3"] ~ :is(.masthead) {
    --p-bg: var(--color-sky);
    --p-inset-bg: var(--color-white);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-coal);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-white);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-white);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-coal-16);
    --p-line-alt: var(--color-coal);
    --p-icon: var(--color-coal);
    --p-icon-alt: var(--color-white);
    --p-image-bg: var(--color-coal-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-coal);
    --link-bg-color-default: var(--color-white);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-white);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-coal);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-white);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-white);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-white);
    --p-btn-v1-border-active: var(--color-night);
    --p-btn-v1-bg-active: var(--color-night);
    --p-btn-v1-text-disabled: var(--color-white);
    --p-btn-v1-border-disabled: var(--color-ocean);
    --p-btn-v1-bg-disabled: var(--color-ocean);
    --p-btn-v2-text-default: var(--color-coal);
    --p-btn-v2-border-default: var(--color-coal);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-white);
    --p-btn-v2-border-active: var(--color-coal);
    --p-btn-v2-bg-active: var(--color-night);
    --p-btn-v2-text-disabled: var(--color-coal);
    --p-btn-v2-border-disabled: var(--color-coal);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-coal-16);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-coal);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-coal-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-white);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
    background-color: var(--p-bg);
  }
  @media (prefers-color-scheme: dark) {
    .palette-tracker[data-palette-masthead="3"] ~ :is(.masthead) :root:not([data-palette-mode]) {
      --p-bg: var(--color-ocean);
      --p-inset-bg: var(--color-coal);
      --p-overlay-bg: var(--color-night-40);
      --p-text: var(--color-white);
      --p-list-marker-1: var(--color-hhc-orange);
      --p-list-marker-2: var(--color-white);
      --p-list-marker-3: var(--color-white);
      --p-selection-bg: var(--color-orange);
      --p-selection-text: var(--color-coal);
      --p-highlight-bg: var(--color-sky);
      --p-highlight-text: var(--color-coal);
      --p-lowlight-bg: var(--color-night);
      --p-lowlight-text: var(--color-white);
      --p-caption: var(--color-white);
      --p-error: var(--color-cherry);
      --p-accent-1: var(--color-aqua);
      --p-accent-2: var(--color-white);
      --p-accent-3: var(--color-orange);
      --p-accent-4: var(--color-crimson);
      --p-accent-5: var(--color-pink);
      --p-line: var(--color-white-16);
      --p-line-alt: var(--color-white);
      --p-icon: var(--color-white);
      --p-icon-alt: var(--color-coal);
      --p-image-bg: var(--color-coal-5);
      --link-text-color-default: var(--color-white);
      --link-border-color-default: var(--color-white);
      --link-bg-color-default: var(--color-sky);
      --link-text-color-hover: var(--color-coal);
      --link-border-color-hover: var(--color-aqua);
      --link-bg-color-hover: var(--color-sky);
      --link-text-color-active: var(--color-coal);
      --link-border-color-active: var(--color-aqua);
      --link-bg-color-active: var(--color-sky);
      --link-shy-text-color-default: var(--color-white);
      --link-shy-border-color-default: var(--color-transparent);
      --link-shy-bg-color-default: var(--color-sky);
      --link-shy-text-color-hover: var(--color-coal);
      --link-shy-border-color-hover: var(--color-aqua);
      --link-shy-bg-color-hover: var(--color-sky);
      --p-btn-v1-text-default: var(--color-coal);
      --p-btn-v1-border-default: var(--color-aqua);
      --p-btn-v1-bg-default: var(--color-hhc-orange);
      --p-btn-v1-text-hover: var(--color-white);
      --p-btn-v1-border-hover: var(--color-pink);
      --p-btn-v1-bg-hover: var(--color-pink);
      --p-btn-v1-text-active: var(--color-coal);
      --p-btn-v1-border-active: var(--color-white);
      --p-btn-v1-bg-active: var(--color-white);
      --p-btn-v1-text-disabled: var(--color-coal);
      --p-btn-v1-border-disabled: var(--color-aqua);
      --p-btn-v1-bg-disabled: var(--color-aqua);
      --p-btn-v2-text-default: var(--color-white);
      --p-btn-v2-border-default: var(--color-white);
      --p-btn-v2-bg-default: var(--color-transparent);
      --p-btn-v2-text-hover: var(--color-white);
      --p-btn-v2-border-hover: var(--color-pink);
      --p-btn-v2-bg-hover: var(--color-pink);
      --p-btn-v2-text-active: var(--color-coal);
      --p-btn-v2-border-active: var(--color-white);
      --p-btn-v2-bg-active: var(--color-white);
      --p-btn-v2-text-disabled: var(--color-white);
      --p-btn-v2-border-disabled: var(--color-white);
      --p-btn-v2-bg-disabled: var(--color-transparent);
      --p-btn-v1-media-text-default: var(--color-white);
      --p-btn-v1-media-border-default: var(--color-coal);
      --p-btn-v1-media-bg-default: var(--color-coal);
      --p-btn-v1-media-text-hover: var(--color-white);
      --p-btn-v1-media-border-hover: var(--color-pink);
      --p-btn-v1-media-bg-hover: var(--color-pink);
      --p-btn-v1-media-text-active: var(--color-white);
      --p-btn-v1-media-border-active: var(--color-pink);
      --p-btn-v1-media-bg-active: var(--color-pink);
      --p-btn-v1-media-text-disabled: var(--color-white-48);
      --p-btn-v1-media-border-disabled: var(--color-coal);
      --p-btn-v1-media-bg-disabled: var(--color-coal);
      --field-text-color-default: var(--color-stone-48);
      --field-border-color-default: var(--color-transparent);
      --field-bg-color-default: var(--color-white);
      --field-text-color-value: var(--color-coal);
      --field-border-color-value: var(--color-transparent);
      --field-bg-color-value: var(--color-white);
      --field-text-color-hover: var(--color-coal);
      --field-border-color-hover: var(--color-coal);
      --field-bg-color-hover: var(--color-white);
      --field-text-color-focus: var(--color-coal);
      --field-border-color-focus: var(--color-aqua);
      --field-bg-color-focus: var(--color-white);
      --field-text-color-error: var(--color-coal);
      --field-border-color-error: var(--color-crimson);
      --field-bg-color-error: var(--color-white);
      --field-text-color-disabled: var(--color-stone-48);
      --field-border-color-disabled: var(--color-white-16);
      --field-bg-color-disabled: var(--color-transparent);
      --toggle-input-icon-color-default: var(--color-stone-48);
      --toggle-input-border-color-default: var(--color-concrete);
      --toggle-input-bg-color-default: var(--color-white);
      --toggle-input-icon-color-value: var(--color-coal);
      --toggle-input-border-color-value: var(--color-concrete);
      --toggle-input-bg-color-value: var(--color-white);
      --toggle-input-icon-color-hover: var(--color-coal);
      --toggle-input-border-color-hover: var(--color-aqua);
      --toggle-input-bg-color-hover: var(--color-white);
      --toggle-input-icon-color-focus: var(--color-coal);
      --toggle-input-border-color-focus: var(--color-aqua);
      --toggle-input-bg-color-focus: var(--color-white);
      --toggle-input-icon-color-disabled: var(--color-stone-48);
      --toggle-input-border-color-disabled: var(--color-concrete);
      --toggle-input-bg-color-disabled: var(--color-transparent);
      --tag-text-color-default: var(--color-coal);
      --tag-border-color-default: var(--color-transparent);
      --tag-bg-color-default: var(--color-sky);
      --tag-text-color-hover: var(--color-white);
      --tag-border-color-hover: var(--color-transparent);
      --tag-bg-color-hover: var(--color-pink);
      --p-tab-text-default: var(--color-coal);
      --p-tab-border-default: var(--color-transparent);
      --p-tab-bg-default: var(--color-transparent);
      --p-tab-text-hover: var(--color-coal);
      --p-tab-border-hover: var(--color-transparent);
      --p-tab-bg-hover: var(--color-aqua);
      --p-tab-text-active: var(--color-white);
      --p-tab-border-active: var(--color-transparent);
      --p-tab-bg-active: var(--color-coal);
      --p-tab-text-disabled: var(--color-stone-48);
      --p-tab-border-disabled: var(--color-transparent);
      --p-tab-bg-disabled: var(--color-transparent);
      --p-pagination-active: var(--color-white);
      --p-pagination-inactive: var(--color-white-48);
      --p-nav-dropdown-bg: var(--color-white);
    }
    :root[data-palette-mode=light] .palette-tracker[data-palette-masthead="3"] ~ :is(.masthead) :root:not([data-palette-mode]) {
      --p-bg: var(--color-ocean);
      --p-inset-bg: var(--color-coal);
      --p-overlay-bg: var(--color-night-40);
      --p-text: var(--color-white);
      --p-list-marker-1: var(--color-hhc-orange);
      --p-list-marker-2: var(--color-white);
      --p-list-marker-3: var(--color-white);
      --p-selection-bg: var(--color-orange);
      --p-selection-text: var(--color-coal);
      --p-highlight-bg: var(--color-sky);
      --p-highlight-text: var(--color-coal);
      --p-lowlight-bg: var(--color-night);
      --p-lowlight-text: var(--color-white);
      --p-caption: var(--color-white);
      --p-error: var(--color-cherry);
      --p-accent-1: var(--color-aqua);
      --p-accent-2: var(--color-white);
      --p-accent-3: var(--color-orange);
      --p-accent-4: var(--color-crimson);
      --p-accent-5: var(--color-pink);
      --p-line: var(--color-white-16);
      --p-line-alt: var(--color-white);
      --p-icon: var(--color-white);
      --p-icon-alt: var(--color-coal);
      --p-image-bg: var(--color-coal-5);
      --link-text-color-default: var(--color-white);
      --link-border-color-default: var(--color-white);
      --link-bg-color-default: var(--color-sky);
      --link-text-color-hover: var(--color-coal);
      --link-border-color-hover: var(--color-aqua);
      --link-bg-color-hover: var(--color-sky);
      --link-text-color-active: var(--color-coal);
      --link-border-color-active: var(--color-aqua);
      --link-bg-color-active: var(--color-sky);
      --link-shy-text-color-default: var(--color-white);
      --link-shy-border-color-default: var(--color-transparent);
      --link-shy-bg-color-default: var(--color-sky);
      --link-shy-text-color-hover: var(--color-coal);
      --link-shy-border-color-hover: var(--color-aqua);
      --link-shy-bg-color-hover: var(--color-sky);
      --p-btn-v1-text-default: var(--color-coal);
      --p-btn-v1-border-default: var(--color-aqua);
      --p-btn-v1-bg-default: var(--color-hhc-orange);
      --p-btn-v1-text-hover: var(--color-white);
      --p-btn-v1-border-hover: var(--color-pink);
      --p-btn-v1-bg-hover: var(--color-pink);
      --p-btn-v1-text-active: var(--color-coal);
      --p-btn-v1-border-active: var(--color-white);
      --p-btn-v1-bg-active: var(--color-white);
      --p-btn-v1-text-disabled: var(--color-coal);
      --p-btn-v1-border-disabled: var(--color-aqua);
      --p-btn-v1-bg-disabled: var(--color-aqua);
      --p-btn-v2-text-default: var(--color-white);
      --p-btn-v2-border-default: var(--color-white);
      --p-btn-v2-bg-default: var(--color-transparent);
      --p-btn-v2-text-hover: var(--color-white);
      --p-btn-v2-border-hover: var(--color-pink);
      --p-btn-v2-bg-hover: var(--color-pink);
      --p-btn-v2-text-active: var(--color-coal);
      --p-btn-v2-border-active: var(--color-white);
      --p-btn-v2-bg-active: var(--color-white);
      --p-btn-v2-text-disabled: var(--color-white);
      --p-btn-v2-border-disabled: var(--color-white);
      --p-btn-v2-bg-disabled: var(--color-transparent);
      --p-btn-v1-media-text-default: var(--color-white);
      --p-btn-v1-media-border-default: var(--color-coal);
      --p-btn-v1-media-bg-default: var(--color-coal);
      --p-btn-v1-media-text-hover: var(--color-white);
      --p-btn-v1-media-border-hover: var(--color-pink);
      --p-btn-v1-media-bg-hover: var(--color-pink);
      --p-btn-v1-media-text-active: var(--color-white);
      --p-btn-v1-media-border-active: var(--color-pink);
      --p-btn-v1-media-bg-active: var(--color-pink);
      --p-btn-v1-media-text-disabled: var(--color-white-48);
      --p-btn-v1-media-border-disabled: var(--color-coal);
      --p-btn-v1-media-bg-disabled: var(--color-coal);
      --field-text-color-default: var(--color-stone-48);
      --field-border-color-default: var(--color-transparent);
      --field-bg-color-default: var(--color-white);
      --field-text-color-value: var(--color-coal);
      --field-border-color-value: var(--color-transparent);
      --field-bg-color-value: var(--color-white);
      --field-text-color-hover: var(--color-coal);
      --field-border-color-hover: var(--color-coal);
      --field-bg-color-hover: var(--color-white);
      --field-text-color-focus: var(--color-coal);
      --field-border-color-focus: var(--color-aqua);
      --field-bg-color-focus: var(--color-white);
      --field-text-color-error: var(--color-coal);
      --field-border-color-error: var(--color-crimson);
      --field-bg-color-error: var(--color-white);
      --field-text-color-disabled: var(--color-stone-48);
      --field-border-color-disabled: var(--color-white-16);
      --field-bg-color-disabled: var(--color-transparent);
      --toggle-input-icon-color-default: var(--color-stone-48);
      --toggle-input-border-color-default: var(--color-concrete);
      --toggle-input-bg-color-default: var(--color-white);
      --toggle-input-icon-color-value: var(--color-coal);
      --toggle-input-border-color-value: var(--color-concrete);
      --toggle-input-bg-color-value: var(--color-white);
      --toggle-input-icon-color-hover: var(--color-coal);
      --toggle-input-border-color-hover: var(--color-aqua);
      --toggle-input-bg-color-hover: var(--color-white);
      --toggle-input-icon-color-focus: var(--color-coal);
      --toggle-input-border-color-focus: var(--color-aqua);
      --toggle-input-bg-color-focus: var(--color-white);
      --toggle-input-icon-color-disabled: var(--color-stone-48);
      --toggle-input-border-color-disabled: var(--color-concrete);
      --toggle-input-bg-color-disabled: var(--color-transparent);
      --tag-text-color-default: var(--color-coal);
      --tag-border-color-default: var(--color-transparent);
      --tag-bg-color-default: var(--color-sky);
      --tag-text-color-hover: var(--color-white);
      --tag-border-color-hover: var(--color-transparent);
      --tag-bg-color-hover: var(--color-pink);
      --p-tab-text-default: var(--color-coal);
      --p-tab-border-default: var(--color-transparent);
      --p-tab-bg-default: var(--color-transparent);
      --p-tab-text-hover: var(--color-coal);
      --p-tab-border-hover: var(--color-transparent);
      --p-tab-bg-hover: var(--color-aqua);
      --p-tab-text-active: var(--color-white);
      --p-tab-border-active: var(--color-transparent);
      --p-tab-bg-active: var(--color-coal);
      --p-tab-text-disabled: var(--color-stone-48);
      --p-tab-border-disabled: var(--color-transparent);
      --p-tab-bg-disabled: var(--color-transparent);
      --p-pagination-active: var(--color-white);
      --p-pagination-inactive: var(--color-white-48);
      --p-nav-dropdown-bg: var(--color-white);
    }
  }
  :root[data-palette-mode=dark] .palette-tracker[data-palette-masthead="3"] ~ :is(.masthead) {
    --p-bg: var(--color-ocean);
    --p-inset-bg: var(--color-coal);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-white);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-sky);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-white);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-white-16);
    --p-line-alt: var(--color-white);
    --p-icon: var(--color-white);
    --p-icon-alt: var(--color-coal);
    --p-image-bg: var(--color-coal-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-white);
    --link-bg-color-default: var(--color-sky);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-sky);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-white);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-sky);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-sky);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-coal);
    --p-btn-v1-border-active: var(--color-white);
    --p-btn-v1-bg-active: var(--color-white);
    --p-btn-v1-text-disabled: var(--color-coal);
    --p-btn-v1-border-disabled: var(--color-aqua);
    --p-btn-v1-bg-disabled: var(--color-aqua);
    --p-btn-v2-text-default: var(--color-white);
    --p-btn-v2-border-default: var(--color-white);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-coal);
    --p-btn-v2-border-active: var(--color-white);
    --p-btn-v2-bg-active: var(--color-white);
    --p-btn-v2-text-disabled: var(--color-white);
    --p-btn-v2-border-disabled: var(--color-white);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-transparent);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-transparent);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-white-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-sky);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
  }
  .palette-tracker[data-palette-masthead="4"] ~ :is(.masthead) {
    --p-bg: var(--color-ocean);
    --p-inset-bg: var(--color-coal);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-white);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-sky);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-white);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-white-16);
    --p-line-alt: var(--color-white);
    --p-icon: var(--color-white);
    --p-icon-alt: var(--color-coal);
    --p-image-bg: var(--color-coal-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-white);
    --link-bg-color-default: var(--color-sky);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-sky);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-white);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-sky);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-sky);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-coal);
    --p-btn-v1-border-active: var(--color-white);
    --p-btn-v1-bg-active: var(--color-white);
    --p-btn-v1-text-disabled: var(--color-coal);
    --p-btn-v1-border-disabled: var(--color-aqua);
    --p-btn-v1-bg-disabled: var(--color-aqua);
    --p-btn-v2-text-default: var(--color-white);
    --p-btn-v2-border-default: var(--color-white);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-coal);
    --p-btn-v2-border-active: var(--color-white);
    --p-btn-v2-bg-active: var(--color-white);
    --p-btn-v2-text-disabled: var(--color-white);
    --p-btn-v2-border-disabled: var(--color-white);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-transparent);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-transparent);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-white-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-sky);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
    background-color: var(--p-bg);
  }
  .palette-tracker[data-palette-masthead="5"] ~ :is(.masthead) {
    --p-bg: var(--color-night);
    --p-inset-bg: var(--color-ocean);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-white);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-aqua);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-white);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-white-16);
    --p-line-alt: var(--color-white);
    --p-icon: var(--color-white);
    --p-icon-alt: var(--color-ocean);
    --p-image-bg: var(--color-white-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-white);
    --link-bg-color-default: var(--color-sky);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-sky);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-white);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-sky);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-sky);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-coal);
    --p-btn-v1-border-active: var(--color-white);
    --p-btn-v1-bg-active: var(--color-white);
    --p-btn-v1-text-disabled: var(--color-coal);
    --p-btn-v1-border-disabled: var(--color-aqua);
    --p-btn-v1-bg-disabled: var(--color-aqua);
    --p-btn-v2-text-default: var(--color-white);
    --p-btn-v2-border-default: var(--color-white);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-coal);
    --p-btn-v2-border-active: var(--color-white);
    --p-btn-v2-bg-active: var(--color-white);
    --p-btn-v2-text-disabled: var(--color-white);
    --p-btn-v2-border-disabled: var(--color-white);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-transparent);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-transparent);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-white-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-sky);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
    background-color: var(--p-bg);
  }
  .palette-tracker[data-palette-panel="1"] ~ :is(.masthead) {
    --p-bg: var(--color-white);
    --p-inset-bg: var(--color-sand);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-coal);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-sky);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-sky);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-coal-16);
    --p-line-alt: var(--color-coal);
    --p-icon: var(--color-coal);
    --p-icon-alt: var(--color-sand);
    --p-image-bg: var(--color-coal-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-coal);
    --link-bg-color-default: var(--color-sky);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-sky);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-coal);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-sky);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-sky);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-white);
    --p-btn-v1-border-active: var(--color-night);
    --p-btn-v1-bg-active: var(--color-night);
    --p-btn-v1-text-disabled: var(--color-white);
    --p-btn-v1-border-disabled: var(--color-ocean);
    --p-btn-v1-bg-disabled: var(--color-ocean);
    --p-btn-v2-text-default: var(--color-coal);
    --p-btn-v2-border-default: var(--color-coal);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-white);
    --p-btn-v2-border-active: var(--color-coal);
    --p-btn-v2-bg-active: var(--color-night);
    --p-btn-v2-text-disabled: var(--color-coal);
    --p-btn-v2-border-disabled: var(--color-coal);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-coal-16);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-coal);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-coal-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-sky);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
  }
  @media (prefers-color-scheme: dark) {
    .palette-tracker[data-palette-panel="1"] ~ :is(.masthead) :root:not([data-palette-mode]) {
      --p-bg: var(--color-night);
      --p-inset-bg: var(--color-ocean);
      --p-overlay-bg: var(--color-night-40);
      --p-text: var(--color-white);
      --p-list-marker-1: var(--color-hhc-orange);
      --p-list-marker-2: var(--color-white);
      --p-list-marker-3: var(--color-white);
      --p-selection-bg: var(--color-orange);
      --p-selection-text: var(--color-coal);
      --p-highlight-bg: var(--color-aqua);
      --p-highlight-text: var(--color-coal);
      --p-lowlight-bg: var(--color-night);
      --p-lowlight-text: var(--color-white);
      --p-caption: var(--color-white);
      --p-error: var(--color-cherry);
      --p-accent-1: var(--color-aqua);
      --p-accent-2: var(--color-white);
      --p-accent-3: var(--color-orange);
      --p-accent-4: var(--color-crimson);
      --p-accent-5: var(--color-pink);
      --p-line: var(--color-white-16);
      --p-line-alt: var(--color-white);
      --p-icon: var(--color-white);
      --p-icon-alt: var(--color-ocean);
      --p-image-bg: var(--color-white-5);
      --link-text-color-default: var(--color-white);
      --link-border-color-default: var(--color-white);
      --link-bg-color-default: var(--color-sky);
      --link-text-color-hover: var(--color-coal);
      --link-border-color-hover: var(--color-aqua);
      --link-bg-color-hover: var(--color-sky);
      --link-text-color-active: var(--color-coal);
      --link-border-color-active: var(--color-aqua);
      --link-bg-color-active: var(--color-sky);
      --link-shy-text-color-default: var(--color-white);
      --link-shy-border-color-default: var(--color-transparent);
      --link-shy-bg-color-default: var(--color-sky);
      --link-shy-text-color-hover: var(--color-coal);
      --link-shy-border-color-hover: var(--color-aqua);
      --link-shy-bg-color-hover: var(--color-sky);
      --p-btn-v1-text-default: var(--color-coal);
      --p-btn-v1-border-default: var(--color-aqua);
      --p-btn-v1-bg-default: var(--color-hhc-orange);
      --p-btn-v1-text-hover: var(--color-white);
      --p-btn-v1-border-hover: var(--color-pink);
      --p-btn-v1-bg-hover: var(--color-pink);
      --p-btn-v1-text-active: var(--color-coal);
      --p-btn-v1-border-active: var(--color-white);
      --p-btn-v1-bg-active: var(--color-white);
      --p-btn-v1-text-disabled: var(--color-coal);
      --p-btn-v1-border-disabled: var(--color-aqua);
      --p-btn-v1-bg-disabled: var(--color-aqua);
      --p-btn-v2-text-default: var(--color-white);
      --p-btn-v2-border-default: var(--color-white);
      --p-btn-v2-bg-default: var(--color-transparent);
      --p-btn-v2-text-hover: var(--color-white);
      --p-btn-v2-border-hover: var(--color-pink);
      --p-btn-v2-bg-hover: var(--color-pink);
      --p-btn-v2-text-active: var(--color-coal);
      --p-btn-v2-border-active: var(--color-white);
      --p-btn-v2-bg-active: var(--color-white);
      --p-btn-v2-text-disabled: var(--color-white);
      --p-btn-v2-border-disabled: var(--color-white);
      --p-btn-v2-bg-disabled: var(--color-transparent);
      --p-btn-v1-media-text-default: var(--color-white);
      --p-btn-v1-media-border-default: var(--color-coal);
      --p-btn-v1-media-bg-default: var(--color-coal);
      --p-btn-v1-media-text-hover: var(--color-white);
      --p-btn-v1-media-border-hover: var(--color-pink);
      --p-btn-v1-media-bg-hover: var(--color-pink);
      --p-btn-v1-media-text-active: var(--color-white);
      --p-btn-v1-media-border-active: var(--color-pink);
      --p-btn-v1-media-bg-active: var(--color-pink);
      --p-btn-v1-media-text-disabled: var(--color-white-48);
      --p-btn-v1-media-border-disabled: var(--color-coal);
      --p-btn-v1-media-bg-disabled: var(--color-coal);
      --field-text-color-default: var(--color-stone-48);
      --field-border-color-default: var(--color-transparent);
      --field-bg-color-default: var(--color-white);
      --field-text-color-value: var(--color-coal);
      --field-border-color-value: var(--color-transparent);
      --field-bg-color-value: var(--color-white);
      --field-text-color-hover: var(--color-coal);
      --field-border-color-hover: var(--color-coal);
      --field-bg-color-hover: var(--color-white);
      --field-text-color-focus: var(--color-coal);
      --field-border-color-focus: var(--color-aqua);
      --field-bg-color-focus: var(--color-white);
      --field-text-color-error: var(--color-coal);
      --field-border-color-error: var(--color-crimson);
      --field-bg-color-error: var(--color-white);
      --field-text-color-disabled: var(--color-stone-48);
      --field-border-color-disabled: var(--color-white-16);
      --field-bg-color-disabled: var(--color-transparent);
      --toggle-input-icon-color-default: var(--color-stone-48);
      --toggle-input-border-color-default: var(--color-concrete);
      --toggle-input-bg-color-default: var(--color-white);
      --toggle-input-icon-color-value: var(--color-coal);
      --toggle-input-border-color-value: var(--color-concrete);
      --toggle-input-bg-color-value: var(--color-white);
      --toggle-input-icon-color-hover: var(--color-coal);
      --toggle-input-border-color-hover: var(--color-aqua);
      --toggle-input-bg-color-hover: var(--color-white);
      --toggle-input-icon-color-focus: var(--color-coal);
      --toggle-input-border-color-focus: var(--color-aqua);
      --toggle-input-bg-color-focus: var(--color-white);
      --toggle-input-icon-color-disabled: var(--color-stone-48);
      --toggle-input-border-color-disabled: var(--color-concrete);
      --toggle-input-bg-color-disabled: var(--color-transparent);
      --tag-text-color-default: var(--color-coal);
      --tag-border-color-default: var(--color-transparent);
      --tag-bg-color-default: var(--color-sky);
      --tag-text-color-hover: var(--color-white);
      --tag-border-color-hover: var(--color-transparent);
      --tag-bg-color-hover: var(--color-pink);
      --p-tab-text-default: var(--color-coal);
      --p-tab-border-default: var(--color-transparent);
      --p-tab-bg-default: var(--color-transparent);
      --p-tab-text-hover: var(--color-coal);
      --p-tab-border-hover: var(--color-transparent);
      --p-tab-bg-hover: var(--color-aqua);
      --p-tab-text-active: var(--color-white);
      --p-tab-border-active: var(--color-transparent);
      --p-tab-bg-active: var(--color-coal);
      --p-tab-text-disabled: var(--color-stone-48);
      --p-tab-border-disabled: var(--color-transparent);
      --p-tab-bg-disabled: var(--color-transparent);
      --p-pagination-active: var(--color-white);
      --p-pagination-inactive: var(--color-white-48);
      --p-nav-dropdown-bg: var(--color-white);
    }
    :root[data-palette-mode=light] .palette-tracker[data-palette-panel="1"] ~ :is(.masthead) :root:not([data-palette-mode]) {
      --p-bg: var(--color-night);
      --p-inset-bg: var(--color-ocean);
      --p-overlay-bg: var(--color-night-40);
      --p-text: var(--color-white);
      --p-list-marker-1: var(--color-hhc-orange);
      --p-list-marker-2: var(--color-white);
      --p-list-marker-3: var(--color-white);
      --p-selection-bg: var(--color-orange);
      --p-selection-text: var(--color-coal);
      --p-highlight-bg: var(--color-aqua);
      --p-highlight-text: var(--color-coal);
      --p-lowlight-bg: var(--color-night);
      --p-lowlight-text: var(--color-white);
      --p-caption: var(--color-white);
      --p-error: var(--color-cherry);
      --p-accent-1: var(--color-aqua);
      --p-accent-2: var(--color-white);
      --p-accent-3: var(--color-orange);
      --p-accent-4: var(--color-crimson);
      --p-accent-5: var(--color-pink);
      --p-line: var(--color-white-16);
      --p-line-alt: var(--color-white);
      --p-icon: var(--color-white);
      --p-icon-alt: var(--color-ocean);
      --p-image-bg: var(--color-white-5);
      --link-text-color-default: var(--color-white);
      --link-border-color-default: var(--color-white);
      --link-bg-color-default: var(--color-sky);
      --link-text-color-hover: var(--color-coal);
      --link-border-color-hover: var(--color-aqua);
      --link-bg-color-hover: var(--color-sky);
      --link-text-color-active: var(--color-coal);
      --link-border-color-active: var(--color-aqua);
      --link-bg-color-active: var(--color-sky);
      --link-shy-text-color-default: var(--color-white);
      --link-shy-border-color-default: var(--color-transparent);
      --link-shy-bg-color-default: var(--color-sky);
      --link-shy-text-color-hover: var(--color-coal);
      --link-shy-border-color-hover: var(--color-aqua);
      --link-shy-bg-color-hover: var(--color-sky);
      --p-btn-v1-text-default: var(--color-coal);
      --p-btn-v1-border-default: var(--color-aqua);
      --p-btn-v1-bg-default: var(--color-hhc-orange);
      --p-btn-v1-text-hover: var(--color-white);
      --p-btn-v1-border-hover: var(--color-pink);
      --p-btn-v1-bg-hover: var(--color-pink);
      --p-btn-v1-text-active: var(--color-coal);
      --p-btn-v1-border-active: var(--color-white);
      --p-btn-v1-bg-active: var(--color-white);
      --p-btn-v1-text-disabled: var(--color-coal);
      --p-btn-v1-border-disabled: var(--color-aqua);
      --p-btn-v1-bg-disabled: var(--color-aqua);
      --p-btn-v2-text-default: var(--color-white);
      --p-btn-v2-border-default: var(--color-white);
      --p-btn-v2-bg-default: var(--color-transparent);
      --p-btn-v2-text-hover: var(--color-white);
      --p-btn-v2-border-hover: var(--color-pink);
      --p-btn-v2-bg-hover: var(--color-pink);
      --p-btn-v2-text-active: var(--color-coal);
      --p-btn-v2-border-active: var(--color-white);
      --p-btn-v2-bg-active: var(--color-white);
      --p-btn-v2-text-disabled: var(--color-white);
      --p-btn-v2-border-disabled: var(--color-white);
      --p-btn-v2-bg-disabled: var(--color-transparent);
      --p-btn-v1-media-text-default: var(--color-white);
      --p-btn-v1-media-border-default: var(--color-coal);
      --p-btn-v1-media-bg-default: var(--color-coal);
      --p-btn-v1-media-text-hover: var(--color-white);
      --p-btn-v1-media-border-hover: var(--color-pink);
      --p-btn-v1-media-bg-hover: var(--color-pink);
      --p-btn-v1-media-text-active: var(--color-white);
      --p-btn-v1-media-border-active: var(--color-pink);
      --p-btn-v1-media-bg-active: var(--color-pink);
      --p-btn-v1-media-text-disabled: var(--color-white-48);
      --p-btn-v1-media-border-disabled: var(--color-coal);
      --p-btn-v1-media-bg-disabled: var(--color-coal);
      --field-text-color-default: var(--color-stone-48);
      --field-border-color-default: var(--color-transparent);
      --field-bg-color-default: var(--color-white);
      --field-text-color-value: var(--color-coal);
      --field-border-color-value: var(--color-transparent);
      --field-bg-color-value: var(--color-white);
      --field-text-color-hover: var(--color-coal);
      --field-border-color-hover: var(--color-coal);
      --field-bg-color-hover: var(--color-white);
      --field-text-color-focus: var(--color-coal);
      --field-border-color-focus: var(--color-aqua);
      --field-bg-color-focus: var(--color-white);
      --field-text-color-error: var(--color-coal);
      --field-border-color-error: var(--color-crimson);
      --field-bg-color-error: var(--color-white);
      --field-text-color-disabled: var(--color-stone-48);
      --field-border-color-disabled: var(--color-white-16);
      --field-bg-color-disabled: var(--color-transparent);
      --toggle-input-icon-color-default: var(--color-stone-48);
      --toggle-input-border-color-default: var(--color-concrete);
      --toggle-input-bg-color-default: var(--color-white);
      --toggle-input-icon-color-value: var(--color-coal);
      --toggle-input-border-color-value: var(--color-concrete);
      --toggle-input-bg-color-value: var(--color-white);
      --toggle-input-icon-color-hover: var(--color-coal);
      --toggle-input-border-color-hover: var(--color-aqua);
      --toggle-input-bg-color-hover: var(--color-white);
      --toggle-input-icon-color-focus: var(--color-coal);
      --toggle-input-border-color-focus: var(--color-aqua);
      --toggle-input-bg-color-focus: var(--color-white);
      --toggle-input-icon-color-disabled: var(--color-stone-48);
      --toggle-input-border-color-disabled: var(--color-concrete);
      --toggle-input-bg-color-disabled: var(--color-transparent);
      --tag-text-color-default: var(--color-coal);
      --tag-border-color-default: var(--color-transparent);
      --tag-bg-color-default: var(--color-sky);
      --tag-text-color-hover: var(--color-white);
      --tag-border-color-hover: var(--color-transparent);
      --tag-bg-color-hover: var(--color-pink);
      --p-tab-text-default: var(--color-coal);
      --p-tab-border-default: var(--color-transparent);
      --p-tab-bg-default: var(--color-transparent);
      --p-tab-text-hover: var(--color-coal);
      --p-tab-border-hover: var(--color-transparent);
      --p-tab-bg-hover: var(--color-aqua);
      --p-tab-text-active: var(--color-white);
      --p-tab-border-active: var(--color-transparent);
      --p-tab-bg-active: var(--color-coal);
      --p-tab-text-disabled: var(--color-stone-48);
      --p-tab-border-disabled: var(--color-transparent);
      --p-tab-bg-disabled: var(--color-transparent);
      --p-pagination-active: var(--color-white);
      --p-pagination-inactive: var(--color-white-48);
      --p-nav-dropdown-bg: var(--color-white);
    }
  }
  :root[data-palette-mode=dark] .palette-tracker[data-palette-panel="1"] ~ :is(.masthead) {
    --p-bg: var(--color-night);
    --p-inset-bg: var(--color-ocean);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-white);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-aqua);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-white);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-white-16);
    --p-line-alt: var(--color-white);
    --p-icon: var(--color-white);
    --p-icon-alt: var(--color-ocean);
    --p-image-bg: var(--color-white-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-white);
    --link-bg-color-default: var(--color-sky);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-sky);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-white);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-sky);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-sky);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-coal);
    --p-btn-v1-border-active: var(--color-white);
    --p-btn-v1-bg-active: var(--color-white);
    --p-btn-v1-text-disabled: var(--color-coal);
    --p-btn-v1-border-disabled: var(--color-aqua);
    --p-btn-v1-bg-disabled: var(--color-aqua);
    --p-btn-v2-text-default: var(--color-white);
    --p-btn-v2-border-default: var(--color-white);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-coal);
    --p-btn-v2-border-active: var(--color-white);
    --p-btn-v2-bg-active: var(--color-white);
    --p-btn-v2-text-disabled: var(--color-white);
    --p-btn-v2-border-disabled: var(--color-white);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-transparent);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-transparent);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-white-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-sky);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
  }
  .palette-tracker[data-palette-panel="2"] ~ :is(.masthead) {
    --p-bg: var(--color-sand);
    --p-inset-bg: var(--color-white);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-coal);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-sky);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-sky);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-coal-16);
    --p-line-alt: var(--color-coal);
    --p-icon: var(--color-coal);
    --p-icon-alt: var(--color-white);
    --p-image-bg: var(--color-coal-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-coal);
    --link-bg-color-default: var(--color-sky);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-sky);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-coal);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-sky);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-sky);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-white);
    --p-btn-v1-border-active: var(--color-night);
    --p-btn-v1-bg-active: var(--color-night);
    --p-btn-v1-text-disabled: var(--color-white);
    --p-btn-v1-border-disabled: var(--color-ocean);
    --p-btn-v1-bg-disabled: var(--color-ocean);
    --p-btn-v2-text-default: var(--color-coal);
    --p-btn-v2-border-default: var(--color-coal);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-white);
    --p-btn-v2-border-active: var(--color-coal);
    --p-btn-v2-bg-active: var(--color-night);
    --p-btn-v2-text-disabled: var(--color-coal);
    --p-btn-v2-border-disabled: var(--color-coal);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-coal-16);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-coal);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-coal-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-white);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
  }
  @media (prefers-color-scheme: dark) {
    .palette-tracker[data-palette-panel="2"] ~ :is(.masthead) :root:not([data-palette-mode]) {
      --p-bg: var(--color-carbon);
      --p-inset-bg: var(--color-ocean);
      --p-overlay-bg: var(--color-night-40);
      --p-text: var(--color-white);
      --p-list-marker-1: var(--color-hhc-orange);
      --p-list-marker-2: var(--color-white);
      --p-list-marker-3: var(--color-white);
      --p-selection-bg: var(--color-orange);
      --p-selection-text: var(--color-coal);
      --p-highlight-bg: var(--color-aqua);
      --p-highlight-text: var(--color-coal);
      --p-lowlight-bg: var(--color-night);
      --p-lowlight-text: var(--color-white);
      --p-caption: var(--color-white);
      --p-error: var(--color-cherry);
      --p-accent-1: var(--color-aqua);
      --p-accent-2: var(--color-white);
      --p-accent-3: var(--color-orange);
      --p-accent-4: var(--color-crimson);
      --p-accent-5: var(--color-pink);
      --p-line: var(--color-white-16);
      --p-line-alt: var(--color-white);
      --p-icon: var(--color-white);
      --p-icon-alt: var(--color-ocean);
      --p-image-bg: var(--color-white-5);
      --link-text-color-default: var(--color-white);
      --link-border-color-default: var(--color-white);
      --link-bg-color-default: var(--color-sky);
      --link-text-color-hover: var(--color-coal);
      --link-border-color-hover: var(--color-aqua);
      --link-bg-color-hover: var(--color-sky);
      --link-text-color-active: var(--color-coal);
      --link-border-color-active: var(--color-aqua);
      --link-bg-color-active: var(--color-sky);
      --link-shy-text-color-default: var(--color-white);
      --link-shy-border-color-default: var(--color-transparent);
      --link-shy-bg-color-default: var(--color-sky);
      --link-shy-text-color-hover: var(--color-coal);
      --link-shy-border-color-hover: var(--color-aqua);
      --link-shy-bg-color-hover: var(--color-sky);
      --p-btn-v1-text-default: var(--color-coal);
      --p-btn-v1-border-default: var(--color-aqua);
      --p-btn-v1-bg-default: var(--color-hhc-orange);
      --p-btn-v1-text-hover: var(--color-white);
      --p-btn-v1-border-hover: var(--color-pink);
      --p-btn-v1-bg-hover: var(--color-pink);
      --p-btn-v1-text-active: var(--color-coal);
      --p-btn-v1-border-active: var(--color-white);
      --p-btn-v1-bg-active: var(--color-white);
      --p-btn-v1-text-disabled: var(--color-coal);
      --p-btn-v1-border-disabled: var(--color-aqua);
      --p-btn-v1-bg-disabled: var(--color-aqua);
      --p-btn-v2-text-default: var(--color-white);
      --p-btn-v2-border-default: var(--color-white);
      --p-btn-v2-bg-default: var(--color-transparent);
      --p-btn-v2-text-hover: var(--color-white);
      --p-btn-v2-border-hover: var(--color-pink);
      --p-btn-v2-bg-hover: var(--color-pink);
      --p-btn-v2-text-active: var(--color-coal);
      --p-btn-v2-border-active: var(--color-white);
      --p-btn-v2-bg-active: var(--color-white);
      --p-btn-v2-text-disabled: var(--color-white);
      --p-btn-v2-border-disabled: var(--color-white);
      --p-btn-v2-bg-disabled: var(--color-transparent);
      --p-btn-v1-media-text-default: var(--color-white);
      --p-btn-v1-media-border-default: var(--color-coal);
      --p-btn-v1-media-bg-default: var(--color-coal);
      --p-btn-v1-media-text-hover: var(--color-white);
      --p-btn-v1-media-border-hover: var(--color-pink);
      --p-btn-v1-media-bg-hover: var(--color-pink);
      --p-btn-v1-media-text-active: var(--color-white);
      --p-btn-v1-media-border-active: var(--color-pink);
      --p-btn-v1-media-bg-active: var(--color-pink);
      --p-btn-v1-media-text-disabled: var(--color-white-48);
      --p-btn-v1-media-border-disabled: var(--color-coal);
      --p-btn-v1-media-bg-disabled: var(--color-coal);
      --field-text-color-default: var(--color-stone-48);
      --field-border-color-default: var(--color-transparent);
      --field-bg-color-default: var(--color-white);
      --field-text-color-value: var(--color-coal);
      --field-border-color-value: var(--color-transparent);
      --field-bg-color-value: var(--color-white);
      --field-text-color-hover: var(--color-coal);
      --field-border-color-hover: var(--color-coal);
      --field-bg-color-hover: var(--color-white);
      --field-text-color-focus: var(--color-coal);
      --field-border-color-focus: var(--color-aqua);
      --field-bg-color-focus: var(--color-white);
      --field-text-color-error: var(--color-coal);
      --field-border-color-error: var(--color-crimson);
      --field-bg-color-error: var(--color-white);
      --field-text-color-disabled: var(--color-stone-48);
      --field-border-color-disabled: var(--color-white-16);
      --field-bg-color-disabled: var(--color-transparent);
      --toggle-input-icon-color-default: var(--color-stone-48);
      --toggle-input-border-color-default: var(--color-concrete);
      --toggle-input-bg-color-default: var(--color-white);
      --toggle-input-icon-color-value: var(--color-coal);
      --toggle-input-border-color-value: var(--color-concrete);
      --toggle-input-bg-color-value: var(--color-white);
      --toggle-input-icon-color-hover: var(--color-coal);
      --toggle-input-border-color-hover: var(--color-aqua);
      --toggle-input-bg-color-hover: var(--color-white);
      --toggle-input-icon-color-focus: var(--color-coal);
      --toggle-input-border-color-focus: var(--color-aqua);
      --toggle-input-bg-color-focus: var(--color-white);
      --toggle-input-icon-color-disabled: var(--color-stone-48);
      --toggle-input-border-color-disabled: var(--color-concrete);
      --toggle-input-bg-color-disabled: var(--color-transparent);
      --tag-text-color-default: var(--color-coal);
      --tag-border-color-default: var(--color-transparent);
      --tag-bg-color-default: var(--color-sky);
      --tag-text-color-hover: var(--color-white);
      --tag-border-color-hover: var(--color-transparent);
      --tag-bg-color-hover: var(--color-pink);
      --p-tab-text-default: var(--color-coal);
      --p-tab-border-default: var(--color-transparent);
      --p-tab-bg-default: var(--color-transparent);
      --p-tab-text-hover: var(--color-coal);
      --p-tab-border-hover: var(--color-transparent);
      --p-tab-bg-hover: var(--color-aqua);
      --p-tab-text-active: var(--color-white);
      --p-tab-border-active: var(--color-transparent);
      --p-tab-bg-active: var(--color-coal);
      --p-tab-text-disabled: var(--color-stone-48);
      --p-tab-border-disabled: var(--color-transparent);
      --p-tab-bg-disabled: var(--color-transparent);
      --p-pagination-active: var(--color-white);
      --p-pagination-inactive: var(--color-white-48);
      --p-nav-dropdown-bg: var(--color-white);
    }
    :root[data-palette-mode=light] .palette-tracker[data-palette-panel="2"] ~ :is(.masthead) :root:not([data-palette-mode]) {
      --p-bg: var(--color-carbon);
      --p-inset-bg: var(--color-ocean);
      --p-overlay-bg: var(--color-night-40);
      --p-text: var(--color-white);
      --p-list-marker-1: var(--color-hhc-orange);
      --p-list-marker-2: var(--color-white);
      --p-list-marker-3: var(--color-white);
      --p-selection-bg: var(--color-orange);
      --p-selection-text: var(--color-coal);
      --p-highlight-bg: var(--color-aqua);
      --p-highlight-text: var(--color-coal);
      --p-lowlight-bg: var(--color-night);
      --p-lowlight-text: var(--color-white);
      --p-caption: var(--color-white);
      --p-error: var(--color-cherry);
      --p-accent-1: var(--color-aqua);
      --p-accent-2: var(--color-white);
      --p-accent-3: var(--color-orange);
      --p-accent-4: var(--color-crimson);
      --p-accent-5: var(--color-pink);
      --p-line: var(--color-white-16);
      --p-line-alt: var(--color-white);
      --p-icon: var(--color-white);
      --p-icon-alt: var(--color-ocean);
      --p-image-bg: var(--color-white-5);
      --link-text-color-default: var(--color-white);
      --link-border-color-default: var(--color-white);
      --link-bg-color-default: var(--color-sky);
      --link-text-color-hover: var(--color-coal);
      --link-border-color-hover: var(--color-aqua);
      --link-bg-color-hover: var(--color-sky);
      --link-text-color-active: var(--color-coal);
      --link-border-color-active: var(--color-aqua);
      --link-bg-color-active: var(--color-sky);
      --link-shy-text-color-default: var(--color-white);
      --link-shy-border-color-default: var(--color-transparent);
      --link-shy-bg-color-default: var(--color-sky);
      --link-shy-text-color-hover: var(--color-coal);
      --link-shy-border-color-hover: var(--color-aqua);
      --link-shy-bg-color-hover: var(--color-sky);
      --p-btn-v1-text-default: var(--color-coal);
      --p-btn-v1-border-default: var(--color-aqua);
      --p-btn-v1-bg-default: var(--color-hhc-orange);
      --p-btn-v1-text-hover: var(--color-white);
      --p-btn-v1-border-hover: var(--color-pink);
      --p-btn-v1-bg-hover: var(--color-pink);
      --p-btn-v1-text-active: var(--color-coal);
      --p-btn-v1-border-active: var(--color-white);
      --p-btn-v1-bg-active: var(--color-white);
      --p-btn-v1-text-disabled: var(--color-coal);
      --p-btn-v1-border-disabled: var(--color-aqua);
      --p-btn-v1-bg-disabled: var(--color-aqua);
      --p-btn-v2-text-default: var(--color-white);
      --p-btn-v2-border-default: var(--color-white);
      --p-btn-v2-bg-default: var(--color-transparent);
      --p-btn-v2-text-hover: var(--color-white);
      --p-btn-v2-border-hover: var(--color-pink);
      --p-btn-v2-bg-hover: var(--color-pink);
      --p-btn-v2-text-active: var(--color-coal);
      --p-btn-v2-border-active: var(--color-white);
      --p-btn-v2-bg-active: var(--color-white);
      --p-btn-v2-text-disabled: var(--color-white);
      --p-btn-v2-border-disabled: var(--color-white);
      --p-btn-v2-bg-disabled: var(--color-transparent);
      --p-btn-v1-media-text-default: var(--color-white);
      --p-btn-v1-media-border-default: var(--color-coal);
      --p-btn-v1-media-bg-default: var(--color-coal);
      --p-btn-v1-media-text-hover: var(--color-white);
      --p-btn-v1-media-border-hover: var(--color-pink);
      --p-btn-v1-media-bg-hover: var(--color-pink);
      --p-btn-v1-media-text-active: var(--color-white);
      --p-btn-v1-media-border-active: var(--color-pink);
      --p-btn-v1-media-bg-active: var(--color-pink);
      --p-btn-v1-media-text-disabled: var(--color-white-48);
      --p-btn-v1-media-border-disabled: var(--color-coal);
      --p-btn-v1-media-bg-disabled: var(--color-coal);
      --field-text-color-default: var(--color-stone-48);
      --field-border-color-default: var(--color-transparent);
      --field-bg-color-default: var(--color-white);
      --field-text-color-value: var(--color-coal);
      --field-border-color-value: var(--color-transparent);
      --field-bg-color-value: var(--color-white);
      --field-text-color-hover: var(--color-coal);
      --field-border-color-hover: var(--color-coal);
      --field-bg-color-hover: var(--color-white);
      --field-text-color-focus: var(--color-coal);
      --field-border-color-focus: var(--color-aqua);
      --field-bg-color-focus: var(--color-white);
      --field-text-color-error: var(--color-coal);
      --field-border-color-error: var(--color-crimson);
      --field-bg-color-error: var(--color-white);
      --field-text-color-disabled: var(--color-stone-48);
      --field-border-color-disabled: var(--color-white-16);
      --field-bg-color-disabled: var(--color-transparent);
      --toggle-input-icon-color-default: var(--color-stone-48);
      --toggle-input-border-color-default: var(--color-concrete);
      --toggle-input-bg-color-default: var(--color-white);
      --toggle-input-icon-color-value: var(--color-coal);
      --toggle-input-border-color-value: var(--color-concrete);
      --toggle-input-bg-color-value: var(--color-white);
      --toggle-input-icon-color-hover: var(--color-coal);
      --toggle-input-border-color-hover: var(--color-aqua);
      --toggle-input-bg-color-hover: var(--color-white);
      --toggle-input-icon-color-focus: var(--color-coal);
      --toggle-input-border-color-focus: var(--color-aqua);
      --toggle-input-bg-color-focus: var(--color-white);
      --toggle-input-icon-color-disabled: var(--color-stone-48);
      --toggle-input-border-color-disabled: var(--color-concrete);
      --toggle-input-bg-color-disabled: var(--color-transparent);
      --tag-text-color-default: var(--color-coal);
      --tag-border-color-default: var(--color-transparent);
      --tag-bg-color-default: var(--color-sky);
      --tag-text-color-hover: var(--color-white);
      --tag-border-color-hover: var(--color-transparent);
      --tag-bg-color-hover: var(--color-pink);
      --p-tab-text-default: var(--color-coal);
      --p-tab-border-default: var(--color-transparent);
      --p-tab-bg-default: var(--color-transparent);
      --p-tab-text-hover: var(--color-coal);
      --p-tab-border-hover: var(--color-transparent);
      --p-tab-bg-hover: var(--color-aqua);
      --p-tab-text-active: var(--color-white);
      --p-tab-border-active: var(--color-transparent);
      --p-tab-bg-active: var(--color-coal);
      --p-tab-text-disabled: var(--color-stone-48);
      --p-tab-border-disabled: var(--color-transparent);
      --p-tab-bg-disabled: var(--color-transparent);
      --p-pagination-active: var(--color-white);
      --p-pagination-inactive: var(--color-white-48);
      --p-nav-dropdown-bg: var(--color-white);
    }
  }
  :root[data-palette-mode=dark] .palette-tracker[data-palette-panel="2"] ~ :is(.masthead) {
    --p-bg: var(--color-carbon);
    --p-inset-bg: var(--color-ocean);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-white);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-aqua);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-white);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-white-16);
    --p-line-alt: var(--color-white);
    --p-icon: var(--color-white);
    --p-icon-alt: var(--color-ocean);
    --p-image-bg: var(--color-white-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-white);
    --link-bg-color-default: var(--color-sky);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-sky);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-white);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-sky);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-sky);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-coal);
    --p-btn-v1-border-active: var(--color-white);
    --p-btn-v1-bg-active: var(--color-white);
    --p-btn-v1-text-disabled: var(--color-coal);
    --p-btn-v1-border-disabled: var(--color-aqua);
    --p-btn-v1-bg-disabled: var(--color-aqua);
    --p-btn-v2-text-default: var(--color-white);
    --p-btn-v2-border-default: var(--color-white);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-coal);
    --p-btn-v2-border-active: var(--color-white);
    --p-btn-v2-bg-active: var(--color-white);
    --p-btn-v2-text-disabled: var(--color-white);
    --p-btn-v2-border-disabled: var(--color-white);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-transparent);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-transparent);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-white-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-sky);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
  }
  .palette-tracker[data-palette-panel="3"] ~ :is(.masthead) {
    --p-bg: var(--color-sky);
    --p-inset-bg: var(--color-white);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-coal);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-white);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-white);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-coal-16);
    --p-line-alt: var(--color-coal);
    --p-icon: var(--color-coal);
    --p-icon-alt: var(--color-white);
    --p-image-bg: var(--color-coal-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-coal);
    --link-bg-color-default: var(--color-white);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-white);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-coal);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-white);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-white);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-white);
    --p-btn-v1-border-active: var(--color-night);
    --p-btn-v1-bg-active: var(--color-night);
    --p-btn-v1-text-disabled: var(--color-white);
    --p-btn-v1-border-disabled: var(--color-ocean);
    --p-btn-v1-bg-disabled: var(--color-ocean);
    --p-btn-v2-text-default: var(--color-coal);
    --p-btn-v2-border-default: var(--color-coal);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-white);
    --p-btn-v2-border-active: var(--color-coal);
    --p-btn-v2-bg-active: var(--color-night);
    --p-btn-v2-text-disabled: var(--color-coal);
    --p-btn-v2-border-disabled: var(--color-coal);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-coal-16);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-coal);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-coal-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-white);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
  }
  @media (prefers-color-scheme: dark) {
    .palette-tracker[data-palette-panel="3"] ~ :is(.masthead) :root:not([data-palette-mode]) {
      --p-bg: var(--color-ocean);
      --p-inset-bg: var(--color-coal);
      --p-overlay-bg: var(--color-night-40);
      --p-text: var(--color-white);
      --p-list-marker-1: var(--color-hhc-orange);
      --p-list-marker-2: var(--color-white);
      --p-list-marker-3: var(--color-white);
      --p-selection-bg: var(--color-orange);
      --p-selection-text: var(--color-coal);
      --p-highlight-bg: var(--color-sky);
      --p-highlight-text: var(--color-coal);
      --p-lowlight-bg: var(--color-night);
      --p-lowlight-text: var(--color-white);
      --p-caption: var(--color-white);
      --p-error: var(--color-cherry);
      --p-accent-1: var(--color-aqua);
      --p-accent-2: var(--color-white);
      --p-accent-3: var(--color-orange);
      --p-accent-4: var(--color-crimson);
      --p-accent-5: var(--color-pink);
      --p-line: var(--color-white-16);
      --p-line-alt: var(--color-white);
      --p-icon: var(--color-white);
      --p-icon-alt: var(--color-coal);
      --p-image-bg: var(--color-coal-5);
      --link-text-color-default: var(--color-white);
      --link-border-color-default: var(--color-white);
      --link-bg-color-default: var(--color-sky);
      --link-text-color-hover: var(--color-coal);
      --link-border-color-hover: var(--color-aqua);
      --link-bg-color-hover: var(--color-sky);
      --link-text-color-active: var(--color-coal);
      --link-border-color-active: var(--color-aqua);
      --link-bg-color-active: var(--color-sky);
      --link-shy-text-color-default: var(--color-white);
      --link-shy-border-color-default: var(--color-transparent);
      --link-shy-bg-color-default: var(--color-sky);
      --link-shy-text-color-hover: var(--color-coal);
      --link-shy-border-color-hover: var(--color-aqua);
      --link-shy-bg-color-hover: var(--color-sky);
      --p-btn-v1-text-default: var(--color-coal);
      --p-btn-v1-border-default: var(--color-aqua);
      --p-btn-v1-bg-default: var(--color-hhc-orange);
      --p-btn-v1-text-hover: var(--color-white);
      --p-btn-v1-border-hover: var(--color-pink);
      --p-btn-v1-bg-hover: var(--color-pink);
      --p-btn-v1-text-active: var(--color-coal);
      --p-btn-v1-border-active: var(--color-white);
      --p-btn-v1-bg-active: var(--color-white);
      --p-btn-v1-text-disabled: var(--color-coal);
      --p-btn-v1-border-disabled: var(--color-aqua);
      --p-btn-v1-bg-disabled: var(--color-aqua);
      --p-btn-v2-text-default: var(--color-white);
      --p-btn-v2-border-default: var(--color-white);
      --p-btn-v2-bg-default: var(--color-transparent);
      --p-btn-v2-text-hover: var(--color-white);
      --p-btn-v2-border-hover: var(--color-pink);
      --p-btn-v2-bg-hover: var(--color-pink);
      --p-btn-v2-text-active: var(--color-coal);
      --p-btn-v2-border-active: var(--color-white);
      --p-btn-v2-bg-active: var(--color-white);
      --p-btn-v2-text-disabled: var(--color-white);
      --p-btn-v2-border-disabled: var(--color-white);
      --p-btn-v2-bg-disabled: var(--color-transparent);
      --p-btn-v1-media-text-default: var(--color-white);
      --p-btn-v1-media-border-default: var(--color-coal);
      --p-btn-v1-media-bg-default: var(--color-coal);
      --p-btn-v1-media-text-hover: var(--color-white);
      --p-btn-v1-media-border-hover: var(--color-pink);
      --p-btn-v1-media-bg-hover: var(--color-pink);
      --p-btn-v1-media-text-active: var(--color-white);
      --p-btn-v1-media-border-active: var(--color-pink);
      --p-btn-v1-media-bg-active: var(--color-pink);
      --p-btn-v1-media-text-disabled: var(--color-white-48);
      --p-btn-v1-media-border-disabled: var(--color-coal);
      --p-btn-v1-media-bg-disabled: var(--color-coal);
      --field-text-color-default: var(--color-stone-48);
      --field-border-color-default: var(--color-transparent);
      --field-bg-color-default: var(--color-white);
      --field-text-color-value: var(--color-coal);
      --field-border-color-value: var(--color-transparent);
      --field-bg-color-value: var(--color-white);
      --field-text-color-hover: var(--color-coal);
      --field-border-color-hover: var(--color-coal);
      --field-bg-color-hover: var(--color-white);
      --field-text-color-focus: var(--color-coal);
      --field-border-color-focus: var(--color-aqua);
      --field-bg-color-focus: var(--color-white);
      --field-text-color-error: var(--color-coal);
      --field-border-color-error: var(--color-crimson);
      --field-bg-color-error: var(--color-white);
      --field-text-color-disabled: var(--color-stone-48);
      --field-border-color-disabled: var(--color-white-16);
      --field-bg-color-disabled: var(--color-transparent);
      --toggle-input-icon-color-default: var(--color-stone-48);
      --toggle-input-border-color-default: var(--color-concrete);
      --toggle-input-bg-color-default: var(--color-white);
      --toggle-input-icon-color-value: var(--color-coal);
      --toggle-input-border-color-value: var(--color-concrete);
      --toggle-input-bg-color-value: var(--color-white);
      --toggle-input-icon-color-hover: var(--color-coal);
      --toggle-input-border-color-hover: var(--color-aqua);
      --toggle-input-bg-color-hover: var(--color-white);
      --toggle-input-icon-color-focus: var(--color-coal);
      --toggle-input-border-color-focus: var(--color-aqua);
      --toggle-input-bg-color-focus: var(--color-white);
      --toggle-input-icon-color-disabled: var(--color-stone-48);
      --toggle-input-border-color-disabled: var(--color-concrete);
      --toggle-input-bg-color-disabled: var(--color-transparent);
      --tag-text-color-default: var(--color-coal);
      --tag-border-color-default: var(--color-transparent);
      --tag-bg-color-default: var(--color-sky);
      --tag-text-color-hover: var(--color-white);
      --tag-border-color-hover: var(--color-transparent);
      --tag-bg-color-hover: var(--color-pink);
      --p-tab-text-default: var(--color-coal);
      --p-tab-border-default: var(--color-transparent);
      --p-tab-bg-default: var(--color-transparent);
      --p-tab-text-hover: var(--color-coal);
      --p-tab-border-hover: var(--color-transparent);
      --p-tab-bg-hover: var(--color-aqua);
      --p-tab-text-active: var(--color-white);
      --p-tab-border-active: var(--color-transparent);
      --p-tab-bg-active: var(--color-coal);
      --p-tab-text-disabled: var(--color-stone-48);
      --p-tab-border-disabled: var(--color-transparent);
      --p-tab-bg-disabled: var(--color-transparent);
      --p-pagination-active: var(--color-white);
      --p-pagination-inactive: var(--color-white-48);
      --p-nav-dropdown-bg: var(--color-white);
    }
    :root[data-palette-mode=light] .palette-tracker[data-palette-panel="3"] ~ :is(.masthead) :root:not([data-palette-mode]) {
      --p-bg: var(--color-ocean);
      --p-inset-bg: var(--color-coal);
      --p-overlay-bg: var(--color-night-40);
      --p-text: var(--color-white);
      --p-list-marker-1: var(--color-hhc-orange);
      --p-list-marker-2: var(--color-white);
      --p-list-marker-3: var(--color-white);
      --p-selection-bg: var(--color-orange);
      --p-selection-text: var(--color-coal);
      --p-highlight-bg: var(--color-sky);
      --p-highlight-text: var(--color-coal);
      --p-lowlight-bg: var(--color-night);
      --p-lowlight-text: var(--color-white);
      --p-caption: var(--color-white);
      --p-error: var(--color-cherry);
      --p-accent-1: var(--color-aqua);
      --p-accent-2: var(--color-white);
      --p-accent-3: var(--color-orange);
      --p-accent-4: var(--color-crimson);
      --p-accent-5: var(--color-pink);
      --p-line: var(--color-white-16);
      --p-line-alt: var(--color-white);
      --p-icon: var(--color-white);
      --p-icon-alt: var(--color-coal);
      --p-image-bg: var(--color-coal-5);
      --link-text-color-default: var(--color-white);
      --link-border-color-default: var(--color-white);
      --link-bg-color-default: var(--color-sky);
      --link-text-color-hover: var(--color-coal);
      --link-border-color-hover: var(--color-aqua);
      --link-bg-color-hover: var(--color-sky);
      --link-text-color-active: var(--color-coal);
      --link-border-color-active: var(--color-aqua);
      --link-bg-color-active: var(--color-sky);
      --link-shy-text-color-default: var(--color-white);
      --link-shy-border-color-default: var(--color-transparent);
      --link-shy-bg-color-default: var(--color-sky);
      --link-shy-text-color-hover: var(--color-coal);
      --link-shy-border-color-hover: var(--color-aqua);
      --link-shy-bg-color-hover: var(--color-sky);
      --p-btn-v1-text-default: var(--color-coal);
      --p-btn-v1-border-default: var(--color-aqua);
      --p-btn-v1-bg-default: var(--color-hhc-orange);
      --p-btn-v1-text-hover: var(--color-white);
      --p-btn-v1-border-hover: var(--color-pink);
      --p-btn-v1-bg-hover: var(--color-pink);
      --p-btn-v1-text-active: var(--color-coal);
      --p-btn-v1-border-active: var(--color-white);
      --p-btn-v1-bg-active: var(--color-white);
      --p-btn-v1-text-disabled: var(--color-coal);
      --p-btn-v1-border-disabled: var(--color-aqua);
      --p-btn-v1-bg-disabled: var(--color-aqua);
      --p-btn-v2-text-default: var(--color-white);
      --p-btn-v2-border-default: var(--color-white);
      --p-btn-v2-bg-default: var(--color-transparent);
      --p-btn-v2-text-hover: var(--color-white);
      --p-btn-v2-border-hover: var(--color-pink);
      --p-btn-v2-bg-hover: var(--color-pink);
      --p-btn-v2-text-active: var(--color-coal);
      --p-btn-v2-border-active: var(--color-white);
      --p-btn-v2-bg-active: var(--color-white);
      --p-btn-v2-text-disabled: var(--color-white);
      --p-btn-v2-border-disabled: var(--color-white);
      --p-btn-v2-bg-disabled: var(--color-transparent);
      --p-btn-v1-media-text-default: var(--color-white);
      --p-btn-v1-media-border-default: var(--color-coal);
      --p-btn-v1-media-bg-default: var(--color-coal);
      --p-btn-v1-media-text-hover: var(--color-white);
      --p-btn-v1-media-border-hover: var(--color-pink);
      --p-btn-v1-media-bg-hover: var(--color-pink);
      --p-btn-v1-media-text-active: var(--color-white);
      --p-btn-v1-media-border-active: var(--color-pink);
      --p-btn-v1-media-bg-active: var(--color-pink);
      --p-btn-v1-media-text-disabled: var(--color-white-48);
      --p-btn-v1-media-border-disabled: var(--color-coal);
      --p-btn-v1-media-bg-disabled: var(--color-coal);
      --field-text-color-default: var(--color-stone-48);
      --field-border-color-default: var(--color-transparent);
      --field-bg-color-default: var(--color-white);
      --field-text-color-value: var(--color-coal);
      --field-border-color-value: var(--color-transparent);
      --field-bg-color-value: var(--color-white);
      --field-text-color-hover: var(--color-coal);
      --field-border-color-hover: var(--color-coal);
      --field-bg-color-hover: var(--color-white);
      --field-text-color-focus: var(--color-coal);
      --field-border-color-focus: var(--color-aqua);
      --field-bg-color-focus: var(--color-white);
      --field-text-color-error: var(--color-coal);
      --field-border-color-error: var(--color-crimson);
      --field-bg-color-error: var(--color-white);
      --field-text-color-disabled: var(--color-stone-48);
      --field-border-color-disabled: var(--color-white-16);
      --field-bg-color-disabled: var(--color-transparent);
      --toggle-input-icon-color-default: var(--color-stone-48);
      --toggle-input-border-color-default: var(--color-concrete);
      --toggle-input-bg-color-default: var(--color-white);
      --toggle-input-icon-color-value: var(--color-coal);
      --toggle-input-border-color-value: var(--color-concrete);
      --toggle-input-bg-color-value: var(--color-white);
      --toggle-input-icon-color-hover: var(--color-coal);
      --toggle-input-border-color-hover: var(--color-aqua);
      --toggle-input-bg-color-hover: var(--color-white);
      --toggle-input-icon-color-focus: var(--color-coal);
      --toggle-input-border-color-focus: var(--color-aqua);
      --toggle-input-bg-color-focus: var(--color-white);
      --toggle-input-icon-color-disabled: var(--color-stone-48);
      --toggle-input-border-color-disabled: var(--color-concrete);
      --toggle-input-bg-color-disabled: var(--color-transparent);
      --tag-text-color-default: var(--color-coal);
      --tag-border-color-default: var(--color-transparent);
      --tag-bg-color-default: var(--color-sky);
      --tag-text-color-hover: var(--color-white);
      --tag-border-color-hover: var(--color-transparent);
      --tag-bg-color-hover: var(--color-pink);
      --p-tab-text-default: var(--color-coal);
      --p-tab-border-default: var(--color-transparent);
      --p-tab-bg-default: var(--color-transparent);
      --p-tab-text-hover: var(--color-coal);
      --p-tab-border-hover: var(--color-transparent);
      --p-tab-bg-hover: var(--color-aqua);
      --p-tab-text-active: var(--color-white);
      --p-tab-border-active: var(--color-transparent);
      --p-tab-bg-active: var(--color-coal);
      --p-tab-text-disabled: var(--color-stone-48);
      --p-tab-border-disabled: var(--color-transparent);
      --p-tab-bg-disabled: var(--color-transparent);
      --p-pagination-active: var(--color-white);
      --p-pagination-inactive: var(--color-white-48);
      --p-nav-dropdown-bg: var(--color-white);
    }
  }
  :root[data-palette-mode=dark] .palette-tracker[data-palette-panel="3"] ~ :is(.masthead) {
    --p-bg: var(--color-ocean);
    --p-inset-bg: var(--color-coal);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-white);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-sky);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-white);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-white-16);
    --p-line-alt: var(--color-white);
    --p-icon: var(--color-white);
    --p-icon-alt: var(--color-coal);
    --p-image-bg: var(--color-coal-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-white);
    --link-bg-color-default: var(--color-sky);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-sky);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-white);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-sky);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-sky);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-coal);
    --p-btn-v1-border-active: var(--color-white);
    --p-btn-v1-bg-active: var(--color-white);
    --p-btn-v1-text-disabled: var(--color-coal);
    --p-btn-v1-border-disabled: var(--color-aqua);
    --p-btn-v1-bg-disabled: var(--color-aqua);
    --p-btn-v2-text-default: var(--color-white);
    --p-btn-v2-border-default: var(--color-white);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-coal);
    --p-btn-v2-border-active: var(--color-white);
    --p-btn-v2-bg-active: var(--color-white);
    --p-btn-v2-text-disabled: var(--color-white);
    --p-btn-v2-border-disabled: var(--color-white);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-transparent);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-transparent);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-white-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-sky);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
  }
  .palette-tracker[data-palette-panel="4"] ~ :is(.masthead) {
    --p-bg: var(--color-ocean);
    --p-inset-bg: var(--color-coal);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-white);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-sky);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-white);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-white-16);
    --p-line-alt: var(--color-white);
    --p-icon: var(--color-white);
    --p-icon-alt: var(--color-coal);
    --p-image-bg: var(--color-coal-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-white);
    --link-bg-color-default: var(--color-sky);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-sky);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-white);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-sky);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-sky);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-coal);
    --p-btn-v1-border-active: var(--color-white);
    --p-btn-v1-bg-active: var(--color-white);
    --p-btn-v1-text-disabled: var(--color-coal);
    --p-btn-v1-border-disabled: var(--color-aqua);
    --p-btn-v1-bg-disabled: var(--color-aqua);
    --p-btn-v2-text-default: var(--color-white);
    --p-btn-v2-border-default: var(--color-white);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-coal);
    --p-btn-v2-border-active: var(--color-white);
    --p-btn-v2-bg-active: var(--color-white);
    --p-btn-v2-text-disabled: var(--color-white);
    --p-btn-v2-border-disabled: var(--color-white);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-transparent);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-transparent);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-white-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-sky);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
  }
  .palette-tracker[data-palette-panel="5"] ~ :is(.masthead) {
    --p-bg: var(--color-night);
    --p-inset-bg: var(--color-ocean);
    --p-overlay-bg: var(--color-night-40);
    --p-text: var(--color-white);
    --p-list-marker-1: var(--color-hhc-orange);
    --p-list-marker-2: var(--color-white);
    --p-list-marker-3: var(--color-white);
    --p-selection-bg: var(--color-orange);
    --p-selection-text: var(--color-coal);
    --p-highlight-bg: var(--color-aqua);
    --p-highlight-text: var(--color-coal);
    --p-lowlight-bg: var(--color-night);
    --p-lowlight-text: var(--color-white);
    --p-caption: var(--color-white);
    --p-error: var(--color-cherry);
    --p-accent-1: var(--color-aqua);
    --p-accent-2: var(--color-white);
    --p-accent-3: var(--color-orange);
    --p-accent-4: var(--color-crimson);
    --p-accent-5: var(--color-pink);
    --p-line: var(--color-white-16);
    --p-line-alt: var(--color-white);
    --p-icon: var(--color-white);
    --p-icon-alt: var(--color-ocean);
    --p-image-bg: var(--color-white-5);
    --link-text-color-default: var(--color-white);
    --link-border-color-default: var(--color-white);
    --link-bg-color-default: var(--color-sky);
    --link-text-color-hover: var(--color-coal);
    --link-border-color-hover: var(--color-aqua);
    --link-bg-color-hover: var(--color-sky);
    --link-text-color-active: var(--color-coal);
    --link-border-color-active: var(--color-aqua);
    --link-bg-color-active: var(--color-sky);
    --link-shy-text-color-default: var(--color-white);
    --link-shy-border-color-default: var(--color-transparent);
    --link-shy-bg-color-default: var(--color-sky);
    --link-shy-text-color-hover: var(--color-coal);
    --link-shy-border-color-hover: var(--color-aqua);
    --link-shy-bg-color-hover: var(--color-sky);
    --p-btn-v1-text-default: var(--color-coal);
    --p-btn-v1-border-default: var(--color-aqua);
    --p-btn-v1-bg-default: var(--color-hhc-orange);
    --p-btn-v1-text-hover: var(--color-white);
    --p-btn-v1-border-hover: var(--color-pink);
    --p-btn-v1-bg-hover: var(--color-pink);
    --p-btn-v1-text-active: var(--color-coal);
    --p-btn-v1-border-active: var(--color-white);
    --p-btn-v1-bg-active: var(--color-white);
    --p-btn-v1-text-disabled: var(--color-coal);
    --p-btn-v1-border-disabled: var(--color-aqua);
    --p-btn-v1-bg-disabled: var(--color-aqua);
    --p-btn-v2-text-default: var(--color-white);
    --p-btn-v2-border-default: var(--color-white);
    --p-btn-v2-bg-default: var(--color-transparent);
    --p-btn-v2-text-hover: var(--color-white);
    --p-btn-v2-border-hover: var(--color-pink);
    --p-btn-v2-bg-hover: var(--color-pink);
    --p-btn-v2-text-active: var(--color-coal);
    --p-btn-v2-border-active: var(--color-white);
    --p-btn-v2-bg-active: var(--color-white);
    --p-btn-v2-text-disabled: var(--color-white);
    --p-btn-v2-border-disabled: var(--color-white);
    --p-btn-v2-bg-disabled: var(--color-transparent);
    --p-btn-v1-media-text-default: var(--color-white);
    --p-btn-v1-media-border-default: var(--color-coal);
    --p-btn-v1-media-bg-default: var(--color-coal);
    --p-btn-v1-media-text-hover: var(--color-white);
    --p-btn-v1-media-border-hover: var(--color-pink);
    --p-btn-v1-media-bg-hover: var(--color-pink);
    --p-btn-v1-media-text-active: var(--color-white);
    --p-btn-v1-media-border-active: var(--color-pink);
    --p-btn-v1-media-bg-active: var(--color-pink);
    --p-btn-v1-media-text-disabled: var(--color-white-48);
    --p-btn-v1-media-border-disabled: var(--color-coal);
    --p-btn-v1-media-bg-disabled: var(--color-coal);
    --field-text-color-default: var(--color-stone-48);
    --field-border-color-default: var(--color-transparent);
    --field-bg-color-default: var(--color-white);
    --field-text-color-value: var(--color-coal);
    --field-border-color-value: var(--color-transparent);
    --field-bg-color-value: var(--color-white);
    --field-text-color-hover: var(--color-coal);
    --field-border-color-hover: var(--color-coal);
    --field-bg-color-hover: var(--color-white);
    --field-text-color-focus: var(--color-coal);
    --field-border-color-focus: var(--color-aqua);
    --field-bg-color-focus: var(--color-white);
    --field-text-color-error: var(--color-coal);
    --field-border-color-error: var(--color-crimson);
    --field-bg-color-error: var(--color-white);
    --field-text-color-disabled: var(--color-stone-48);
    --field-border-color-disabled: var(--color-white-16);
    --field-bg-color-disabled: var(--color-transparent);
    --toggle-input-icon-color-default: var(--color-stone-48);
    --toggle-input-border-color-default: var(--color-concrete);
    --toggle-input-bg-color-default: var(--color-white);
    --toggle-input-icon-color-value: var(--color-coal);
    --toggle-input-border-color-value: var(--color-concrete);
    --toggle-input-bg-color-value: var(--color-white);
    --toggle-input-icon-color-hover: var(--color-coal);
    --toggle-input-border-color-hover: var(--color-aqua);
    --toggle-input-bg-color-hover: var(--color-white);
    --toggle-input-icon-color-focus: var(--color-coal);
    --toggle-input-border-color-focus: var(--color-aqua);
    --toggle-input-bg-color-focus: var(--color-white);
    --toggle-input-icon-color-disabled: var(--color-stone-48);
    --toggle-input-border-color-disabled: var(--color-concrete);
    --toggle-input-bg-color-disabled: var(--color-transparent);
    --tag-text-color-default: var(--color-coal);
    --tag-border-color-default: var(--color-transparent);
    --tag-bg-color-default: var(--color-sky);
    --tag-text-color-hover: var(--color-white);
    --tag-border-color-hover: var(--color-transparent);
    --tag-bg-color-hover: var(--color-pink);
    --p-tab-text-default: var(--color-coal);
    --p-tab-border-default: var(--color-transparent);
    --p-tab-bg-default: var(--color-transparent);
    --p-tab-text-hover: var(--color-coal);
    --p-tab-border-hover: var(--color-transparent);
    --p-tab-bg-hover: var(--color-aqua);
    --p-tab-text-active: var(--color-white);
    --p-tab-border-active: var(--color-transparent);
    --p-tab-bg-active: var(--color-coal);
    --p-tab-text-disabled: var(--color-stone-48);
    --p-tab-border-disabled: var(--color-transparent);
    --p-tab-bg-disabled: var(--color-transparent);
    --p-pagination-active: var(--color-white);
    --p-pagination-inactive: var(--color-white-48);
    --p-nav-dropdown-bg: var(--color-white);
  }
  .nav-masthead-primary-desktop > .nav-item > :is(.anchor, .nav-item__expandable-button) {
    height: 100%;
    font-size: 20px;
    font-family: "Instrument Condensed Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0em;
    text-transform: uppercase;
    font-variant-numeric: lining-nums;
  }
  .nav-masthead-primary-desktop > .nav-item > .nav-item__expandable-button {
    --btn-text-color: var(--p-text);
    --btn-bg-color: transparent;
    --btn-padding-x: 0;
    --btn-padding-y: 0;
    --btn-border-radius: 0;
  }
  .nav-masthead-primary-desktop > .nav-item > .anchor {
    --link-bg-color: transparent;
    align-items: stretch;
  }
  .nav-masthead-primary-desktop > .nav-item > .anchor .anchor__text {
    translate: 0 var(--btn-text-offset-y);
  }
  .nav-masthead-cta-desktop {
    margin-block: 0;
  }
}
.media-duo {
  position: relative;
}
.media-duo .hhc-bird {
  position: absolute;
  right: 0px;
  margin-left: auto;
  display: block;
  display: none;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
}
@media (min-width: 921px) {
  .media-duo .hhc-bird {
    display: flex;
    width: 50%;
  }
}
.media-duo .hhc-bird svg {
  max-width: 100%;
}
.media-duo.\:align-right .hhc-bird {
  right: unset;
}
.media-duo.think-100 .hhc-bird svg path {
  fill: #40A6D5;
}
.media-duo.respect-my-vote .hhc-bird svg path {
  fill: #AE7DB7;
}
.media-duo.good-trouble-dept .hhc-bird svg path {
  fill: #FED800;
}
.media-duo.justice-paid-in-full .hhc-bird svg path {
  fill: #D8E260;
}
.media-duo .media-duo__inner .media-duo__media {
  border-width: 2px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(249 247 247 / var(--tw-border-opacity)) !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  padding: 25px !important;
}
.media-duo .media-duo__inner .media-duo__media figure .image__inner .image__media img {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(249 247 247 / var(--tw-border-opacity));
}
.media-duo .media-duo__inner .media-duo__text {
  border-style: none;
  padding-top: 0px;
}
.media-duo .media-duo__inner .media-duo__text .media-duo__text-inner {
  position: relative;
}
.media-duo .media-duo__inner .media-duo__text .media-duo__text-inner h2 {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.media-duo .media-duo__inner .media-duo__text .media-duo__text-inner p {
  font-size: 16px;
  font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 400;
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.media-duo .media-duo__inner .media-duo__text .media-duo__text-inner p a {
  text-decoration: underline;
}
.media-duo .media-duo__inner .media-duo__text .media-duo__text-inner ul li {
  font-size: 16px;
  font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 400;
  line-height: 1.4;
  border-top-width: 1px;
  border-top-color: rgb(170 170 170 / var(--tw-border-opacity));
  --tw-border-opacity: 1;
  border-bottom-color: rgb(170 170 170 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.media-duo .media-duo__inner .media-duo__text .media-duo__text-inner ul li:last-child {
  border-bottom-width: 1px;
}
.media-duo .media-duo__inner .media-duo__text .media-duo__text-inner ul li a {
  font-size: 16px;
  font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 400;
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.media-duo .media-duo__inner .media-duo__text .media-duo__text-inner .button-group {
  align-items: center;
  justify-content: flex-start;
}
.media-duo .media-duo__inner .media-duo__text .media-duo__text-inner .button-group .btn {
  --btn-text-color-hover: #151515;
  --btn-border-color-hover: #F15822;
  --btn-bg-color-hover: #F15822;
}
@layer component_base {
  .media-duo {
    grid-column: 1/-1;
  }
  .media-duo.\:sticky-true .media-duo__text-inner,
  .media-duo.\:sticky-true .media-duo__media > * {
    position: sticky;
    top: var(--rhythm-bg);
  }
  .media-duo.\:sticky-false .media-duo__inner {
    align-items: center;
  }
  .media-duo__media {
    grid-column: 1/-1;
  }
  .media-duo__text {
    grid-column: 1/-1;
    margin-top: var(--rhythm-outer);
    font-size: 13px;
    line-height: 1.4;
  }
  .media-duo__text ul {
    padding-left: 0;
  }
  .media-duo__text li {
    margin: 0;
    padding-inline: 0;
    padding-block: 0.55em;
    border-top: 1px solid var(--p-line);
  }
  .media-duo__text li::before {
    display: none;
  }
  @media (min-width: 740px) {
    .media-duo__media {
      grid-column: auto/span 5;
    }
    .media-duo__text {
      grid-column: auto/span 7;
      margin-inline: clamp(20px, 3.0821vw + 8.9041px, 56px);
      margin-top: 0;
      padding-top: var(--rhythm-flow);
      border-top: 1px solid var(--p-accent-1);
    }
    .media-duo.\:align-right .media-duo__media {
      order: 1;
    }
  }
  @media (min-width: 1292px) {
    .media-duo__media {
      grid-column: auto/span 6;
    }
    .media-duo__text {
      grid-column: auto/span 6;
    }
  }
}
@layer component_default {}
@layer component_base {
  .media-feature {
    position: relative;
  }
  .media-feature .media-figure {
    display: grid;
    grid-template-columns: repeat(var(--grid-columns), 1fr);
    gap: var(--grid-gap-y) var(--grid-gap-x);
  }
  .media-feature .media-figure__caption {
    grid-column: 1/-1;
  }
  @media (min-width: 468px) {
    .media-feature.\:width-narrow .media-figure {
      --grid-columns: 12;
    }
    .media-feature.\:width-narrow .media-figure__caption {
      grid-column: 1/span 10;
    }
  }
  @media (min-width: 596px) {
    .media-feature.\:width-narrow .media-figure {
      --grid-columns: 10;
    }
    .media-feature.\:width-narrow .media-figure__caption {
      grid-column: 1/span 8;
    }
  }
  @media (min-width: 740px) {
    .media-feature.\:width-narrow .media-figure__caption {
      grid-column: 1/span 7;
    }
  }
  @media (min-width: 900px) {
    .media-feature.\:width-narrow .media-figure {
      --grid-columns: 8;
    }
    .media-feature.\:width-narrow .media-figure__caption {
      grid-column: 1/span 6;
    }
  }
  @media (min-width: 1084px) {
    .media-feature.\:width-narrow .media-figure__caption {
      grid-column: 1/span 5;
    }
  }
  @media (min-width: 1292px) {
    .media-feature.\:width-narrow .media-figure {
      --grid-columns: 6;
    }
    .media-feature.\:width-narrow .media-figure__caption {
      grid-column: 1/span 4;
    }
  }
  @media (min-width: 468px) {
    .media-feature.\:width-medium .media-figure {
      --grid-columns: 12;
    }
    .media-feature.\:width-medium .media-figure__caption {
      grid-column: 1/span 10;
    }
  }
  @media (min-width: 596px) {
    .media-feature.\:width-medium .media-figure {
      --grid-columns: 10;
    }
    .media-feature.\:width-medium .media-figure__caption {
      grid-column: 1/span 8;
    }
  }
  @media (min-width: 740px) {
    .media-feature.\:width-medium .media-figure__caption {
      grid-column: 1/span 7;
    }
  }
  @media (min-width: 900px) {
    .media-feature.\:width-medium .media-figure {
      --grid-columns: 8;
    }
    .media-feature.\:width-medium .media-figure__caption {
      grid-column: 1/span 6;
    }
  }
  @media (min-width: 1084px) {
    .media-feature.\:width-medium .media-figure__caption {
      grid-column: 1/span 5;
    }
  }
  @media (min-width: 1292px) {
    .media-feature.\:width-medium .media-figure__caption {
      grid-column: 2/span 4;
    }
  }
  @media (min-width: 468px) {
    .media-feature.\:width-wide .media-figure {
      --grid-columns: 12;
    }
    .media-feature.\:width-wide .media-figure__caption {
      grid-column: 1/span 10;
    }
  }
  @media (min-width: 596px) {
    .media-feature.\:width-wide .media-figure {
      --grid-columns: 10;
    }
    .media-feature.\:width-wide .media-figure__caption {
      grid-column: 1/span 8;
    }
  }
  @media (min-width: 740px) {
    .media-feature.\:width-wide .media-figure__caption {
      grid-column: 1/span 7;
    }
  }
  @media (min-width: 900px) {
    .media-feature.\:width-wide .media-figure__caption {
      grid-column: 2/span 6;
    }
  }
  @media (min-width: 1084px) {
    .media-feature.\:width-wide .media-figure__caption {
      grid-column: 2/span 5;
    }
  }
  @media (min-width: 1292px) {
    .media-feature.\:width-wide .media-figure__caption {
      grid-column: 3/span 4;
    }
  }
  @media (min-width: 468px) {
    .media-feature.\:width-full .media-figure {
      --grid-columns: 12;
    }
    .media-feature.\:width-full .media-figure__caption {
      grid-column: 1/span 10;
    }
  }
  @media (min-width: 596px) {
    .media-feature.\:width-full .media-figure__caption {
      grid-column: 1/span 8;
    }
  }
  @media (min-width: 740px) {
    .media-feature.\:width-full .media-figure__caption {
      grid-column: 1/span 7;
    }
  }
  @media (min-width: 900px) {
    .media-feature.\:width-full .media-figure__caption {
      grid-column: 1/span 6;
    }
  }
  @media (min-width: 1084px) {
    .media-feature.\:width-full .media-figure__caption {
      grid-column: 1/span 5;
    }
  }
  @media (min-width: 1292px) {
    .media-feature.\:width-full .media-figure__caption {
      grid-column: 1/span 4;
    }
  }
  @media (min-width: 468px) {
    .media-feature.\:width-bleed .media-figure {
      --grid-columns: 12;
    }
    .media-feature.\:width-bleed .media-figure__caption {
      grid-column: 1/span 10;
    }
  }
  @media (min-width: 596px) {
    .media-feature.\:width-bleed .media-figure__caption {
      grid-column: 1/span 8;
    }
  }
  @media (min-width: 740px) {
    .media-feature.\:width-bleed .media-figure__caption {
      grid-column: 1/span 7;
    }
  }
  @media (min-width: 900px) {
    .media-feature.\:width-bleed .media-figure__caption {
      grid-column: 1/span 6;
    }
  }
  @media (min-width: 1084px) {
    .media-feature.\:width-bleed .media-figure__caption {
      grid-column: 1/span 5;
    }
  }
  @media (min-width: 1292px) {
    .media-feature.\:width-bleed .media-figure__caption {
      grid-column: 1/span 4;
    }
  }
  .media-feature.\:width-bleed .media-figure__caption {
    margin-inline: clamp(20px, 2.0547vw + 12.6027px, 44px);
  }
  @media (min-width: 468px) {
    .media-feature.\:width-bleed .media-figure__caption {
      margin-inline: 0;
      translate: clamp(20px, 2.0547vw + 12.6027px, 44px) 0;
    }
  }
}
@layer component_local {
  .media-feature.\:space-below-reduce:has(+ .wysiwyg, + .media-feature):not(.\:width-narrow) {
    margin-bottom: calc(var(--rhythm-feature) / 2);
  }
  .media-feature.\:space-below-reduce:has(+ .wysiwyg, + .media-feature).\:width-narrow {
    margin-bottom: calc(var(--rhythm-default) / 2);
  }
  .media-feature.\:space-below-remove:has(+ .wysiwyg, + .media-feature) {
    margin-bottom: 0;
  }
  .media-feature:not(.video-feature):has(.video).\:width-bleed .video__control {
    --btn-media-inset: clamp(16px, 1.3698vw + 11.0684px, 32px);
  }
  .media-feature:not(.video-feature):has(.video).\:width-bleed .video__source .video__image {
    inset: 0 0 1px 0;
  }
}
.modal .c-text {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 64px;
  padding-bottom: 40px;
}
@media (min-width: 921px) {
  .modal .c-text {
    padding: 80px;
  }
}
.modal .c-text .button-group {
  align-items: center;
  justify-content: space-between;
}
.modal .c-text .button-group .btn:first-child {
  --btn-text-color-default: #151515;
  --btn-border-color-default: #F15822;
  --btn-bg-color-default: #F15822;
  --btn-text-color-hover: #151515;
  --btn-border-color-hover: #D8E260;
  --btn-bg-color-hover: #D8E260;
}
.modal .c-text .button-group .btn:last-child {
  background-image: none;
  padding: 0px;
  text-transform: none;
  text-decoration-line: underline;
  font-size: 13px;
  font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 400;
  line-height: 1.4;
  --btn-bg-color-hover: transparent;
}
.modal .c-text .button-group .btn:last-child:before {
  display: none;
}
.modal .c-text .button-group .btn:last-child:hover {
  --tw-text-opacity: 1;
  color: rgb(241 88 34 / var(--tw-text-opacity));
}
@media (min-width: 740px) {
  .modal .c-image {
    grid-column: auto/span 5;
  }
}
.modal .c-image figure .image__inner {
  height: 100%;
}
.modal .c-image figure .image__inner .media-figure__source {
  -o-object-fit: cover;
     object-fit: cover;
}
.modal .c-close button {
  --btn-text-color-default: #151515;
  --btn-border-color-default: transparent;
  --btn-bg-color-default: transparent;
  --btn-text-color-hover: #F15822;
  --btn-border-color-hover: transparent;
  --btn-bg-color-hover: transparent;
}
@layer component_default {
  .modal {
    background: var(--p-overlay-bg);
    display: flex !important;
  }
  .modal:focus-visible {
    outline: none;
  }
  .modal[data-is-active=false] {
    display: none !important;
  }
  .modal .w-modal {
    margin-block: auto;
    padding: 0;
    height: -moz-fit-content;
    height: fit-content;
    background: var(--p-bg);
  }
  .modal .c-close {
    position: fixed;
    z-index: 1;
  }
  .modal.\:full-true {
    padding: 0;
    background: none;
  }
  .modal.\:full-true .w-modal {
    margin: 0;
    width: 100%;
    max-width: 100%;
    min-height: 100%;
    transform: translateY(0);
  }
}
@layer component_base {
  .modal {
    padding: clamp(20px, 5.1369vw + 1.5068px, 80px);
  }
  .modal .w-modal {
    gap: clamp(20px, 1.7123vw + 13.8356px, 40px);
    width: clamp(480px, 46.5753vw + 312.3287px, 1024px);
  }
  .modal .c-close {
    top: 12px;
    right: 12px;
  }
  .modal .c-image {
    grid-column: 1/-1;
    display: flex;
  }
  @media (min-width: 740px) {
    .modal .c-image {
      grid-column: auto/span 4;
    }
  }
  .modal .c-text {
    grid-column: 1/-1;
  }
  @media (min-width: 740px) {
    .modal .c-text {
      grid-column: auto/span 7;
    }
  }
  .modal .c-btn {
    flex-wrap: wrap;
    align-items: baseline;
    row-gap: clamp(20px, 1.7123vw + 13.8356px, 40px);
  }
  .modal .title {
    font-size: clamp(36px, 4.6232vw + 19.3561px, 90px);
    font-family: "Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 900;
    line-height: 1.1;
    text-transform: uppercase;
    font-variant-numeric: oldstyle-nums;
    letter-spacing: clamp(-1.8px, 1vw - 5.4px, -0.72px);
  }
  .modal h3 {
    font-weight: 400;
    font-family: family(alt);
  }
  .modal .media-figure__source {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  @media (max-width: 739.98px) {
    .modal .media-figure__source {
      display: none;
    }
  }
  .modal.\:align-left .c-image {
    order: -1;
  }
  .modal.\:align-right .c-image {
    order: 1;
  }
  @media (min-width: 740px) {
    .modal.\:full-true .c-image {
      grid-column: auto/span 3;
    }
  }
  .modal.\:full-true .c-text {
    padding: clamp(20px, 5.1369vw + 1.5068px, 80px);
  }
  @media (min-width: 740px) {
    .modal.\:full-true .c-text {
      grid-column: auto/span 9;
    }
  }
  .modal.\:full-false > .p-inner {
    align-items: flex-start;
    padding: clamp(20px, 5.1369vw + 1.5068px, 80px);
  }
  .modal.\:full-false .c-image .media-figure__source {
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@layer component_default {}
@layer component_base {}
@layer component_base {}
.page-footer {
  position: relative;
  display: flex;
  min-height: 580px;
  align-items: flex-end;
  overflow: hidden;
}
.page-footer figure {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 100%;
  width: 100%;
}
.page-footer figure .image__inner {
  height: 100%;
}
.page-footer figure:after {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 100%;
  width: 100%;
  background-color: #14141099;
  --tw-content: "";
  content: var(--tw-content);
}
.page-footer > .p-inner {
  position: relative;
  z-index: 5;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.page-footer > .p-inner .page-footer__about {
  width: 100%;
  max-width: 633px;
  border-style: none;
  padding: 0px;
}
.page-footer > .p-inner .page-footer__about .site-logo {
  margin-bottom: 40px;
  width: 100%;
}
.page-footer > .p-inner .page-footer__about .page-footer__abstract {
  width: 100%;
  max-width: 373px;
}
.page-footer > .p-inner .page-footer__about .page-footer__abstract p {
  font-size: 16px;
  line-height: 1.4;
}
.page-footer > .p-inner .right {
  width: -moz-fit-content;
  width: fit-content;
}
.page-footer > .p-inner .right .nav-container {
  border-style: none;
  padding: 0px;
}
.page-footer > .p-inner .right .nav-container li span a {
  text-decoration-line: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 5px;
  transition-property: all;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.page-footer > .p-inner .right .nav-container li span a:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-decoration-color: #F15822;
}
.page-footer > .p-inner .right .nav-container li span a:hover span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.page-footer > .p-inner .right .social-anchor-group {
  margin-top: 35px;
}
.page-footer > .p-inner .right .social-anchor-group > .p-inner menu a {
  --btn-border-color-hover: #F15822;
  --btn-bg-color-hover: #F15822;
  --btn-text-color-hover: #141410;
}
.page-footer > .p-inner .page-footer__footer {
  width: -webkit-fill-available;
  --tw-bg-opacity: 1;
  background-color: rgb(21 21 21 / var(--tw-bg-opacity));
}
.page-footer > .p-inner .page-footer__footer .page-footer__footer__inner .page-footer__copyright {
  font-size: 13px;
  font-family: "Instrument";
  font-weight: 400;
  text-transform: none;
  line-height: 1.4;
  letter-spacing: 0px;
}
.page-footer > .p-inner .page-footer__footer .page-footer__footer__inner .page-footer__credit {
  font-size: 13px;
  font-family: "Instrument";
  font-weight: 400;
  text-transform: none;
  line-height: 1.4;
  letter-spacing: 0px;
}
.page-footer > .p-inner .page-footer__footer .page-footer__footer__inner menu li span a span {
  font-size: 13px;
  font-family: "Instrument";
  font-weight: 400;
  text-transform: none;
  line-height: 1.4;
  letter-spacing: 0px;
}
@layer component_default {
  .page-footer {
    margin-top: auto;
  }
}
@layer component_base {
  .page-footer__inner {
    row-gap: clamp(32px, 2.7397vw + 22.1369px, 64px);
  }
  .page-footer__about {
    grid-column: 1/-1;
  }
  @media (min-width: 468px) {
    .page-footer__about {
      grid-column: 6/span 7;
      padding-left: 16px;
      border-left: 1px solid var(--p-line);
    }
  }
  @media (min-width: 900px) {
    .page-footer__about {
      grid-column: 9/span 4;
    }
  }
  @media (min-width: 1084px) {
    .page-footer__about {
      grid-column: 10/span 3;
    }
  }
  .page-footer__abstract {
    margin-block: 1.25em;
    font-size: 13px;
    line-height: 1.4;
  }
  .page-footer__footer {
    grid-column: 1/-1;
    margin-inline: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) * -1);
    font-size: 12px;
    font-family: "Instrument Condensed Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 1.44px;
    text-transform: uppercase;
  }
  @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: 20px;
    font-family: "Instrument Condensed Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0em;
    text-transform: uppercase;
    font-variant-numeric: lining-nums;
  }
  .nav-footer-primary .anchor__link__text {
    padding-block: 8px;
  }
  @media (min-width: 468px) {
    .nav-footer-primary {
      grid-column: 1/span 5;
    }
  }
  @media (min-width: 900px) {
    .nav-footer-primary {
      grid-column: 6/span 3;
      padding-left: 16px;
      border-left: 1px solid var(--p-line);
    }
  }
  @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;
  }
  .page-footer__credit .icon {
    display: inline-block;
    translate: 0 0.15em;
  }
}
@layer component_local {
  .page-footer .signup-form {
    grid-column: 1/-1;
    margin-block: 0;
    padding-block: 0;
  }
  @media (min-width: 596px) {
    .page-footer .signup-form {
      grid-column: 1/span 8;
    }
  }
  @media (min-width: 900px) {
    .page-footer .signup-form {
      grid-column: 1/span 5;
    }
  }
  .page-footer .signup-form__inner {
    padding-inline: 0;
  }
  .page-footer .signup-form__title {
    font-size: clamp(27px, 1.113vw + 22.9931px, 40px);
    line-height: 1;
  }
  .page-footer .site-logo {
    --logo-width: clamp(96px, 2.5684vw + 86.7534px, 126px);
    width: var(--logo-width);
  }
  .page-footer .social-anchor {
    --btn-bg-color-default: var(--color-white);
  }
}
@layer component_base {
  @media (max-width: 739.98px) {
    .photo-stack {
      padding-inline: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) * 2);
    }
  }
  .photo-stack > .p-inner {
    position: relative;
  }
}
.pullquote-feature > .p-inner {
  display: flex;
  flex-direction: column;
  gap: 36px;
}
@media (min-width: 768px) {
  .pullquote-feature > .p-inner {
    flex-direction: row;
  }
}
.pullquote-feature > .p-inner figure {
  width: 100%;
  max-width: 338px;
}
.pullquote-feature > .p-inner .pullquote {
  margin-top: 0px;
  margin-bottom: 0px;
  width: 100%;
}
.pullquote-feature > .p-inner .pullquote blockquote {
  font-size: clamp(26px, 1.1986vw + 21.6849px, 40px);
  font-family: "Grotesk Compact", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: clamp(0.13px, -0.0649vw + 0.4333px, 0.2px);
  text-transform: none;
}
.pullquote-feature > .p-inner .pullquote blockquote span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.pullquote-feature > .p-inner .pullquote blockquote span.pullquote__quote-mark {
  left: -24px;
}
.pullquote-feature > .p-inner .pullquote .pullquote__caption .pullquote__meta p {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: 13px;
  font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 400;
  line-height: 1.4;
}
@layer component_base {}
@layer component_base {
  .sidebar {
    grid-column: 1/-1;
    align-self: flex-start;
    font-size: 12px;
    font-family: "Instrument Condensed Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 1.44px;
    text-transform: uppercase;
  }
  .sidebar[class*=":palette-"] {
    padding-inline: 16px;
    padding-block: 14px;
  }
  @media (min-width: 596px) {
    .sidebar {
      grid-column: 2/span 10;
    }
  }
  @media (min-width: 900px) {
    .sidebar {
      grid-column: 3/span 8;
    }
  }
  @media (max-width: 739.98px) {
    .sidebar > h3 {
      display: none;
    }
  }
  @media (min-width: 1292px) {
    .sidebar {
      grid-column: auto/span 3;
      grid-row: auto/span 99;
    }
  }
  @media (min-width: 1528px) {
    .sidebar {
      grid-column: auto/span 2;
    }
  }
  .sidebar.\:align-left {
    grid-column-start: 1;
  }
  @media (min-width: 1292px) {
    .sidebar.\:align-right {
      grid-column-start: 10;
    }
  }
  @media (min-width: 1528px) {
    .sidebar.\:align-right {
      grid-column-start: 11;
    }
  }
  .sidebar h6 {
    font-size: 13px;
    font-family: "Instrument Condensed Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0em;
    text-transform: uppercase;
    font-variant-numeric: lining-nums;
  }
  @media (min-width: 1292px) {
    .sidebar.\:sticky-true {
      position: sticky;
      top: var(--rhythm-bg);
      align-self: flex-start;
    }
    .masthead.\:sticky-true ~ main .sidebar.\:sticky-true {
      top: calc(var(--masthead-height) + var(--rhythm-bg));
    }
  }
}
@layer component_local {
  @media (min-width: 1292px) {
    .sidebar + * {
      margin-top: 0;
    }
    .w-content-group > .sidebar ~ :is(.\:width-wide, .\:width-full, .\:width-bleed, .\:bg-bleed-true) {
      order: -1;
    }
    .w-content-group > .sidebar ~ :is(.\:width-slim,
    .\:width-narrow,
    .\:width-medium) ~ :is(.\:width-wide, .\:width-full, .\:width-bleed, .\:bg-bleed-true) {
      order: unset;
    }
  }
}
@layer component_base {
  .sidebar-group {
    grid-column: 1/-1;
  }
}
@layer component_local {
  .sidebar-group:has(.w-content-group > :is(.ro-flush, .rob-flush):last-child) {
    padding-bottom: 0;
  }
}
.signup-form > .p-inner {
  grid-column: span 12 / span 12;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .signup-form > .p-inner {
    flex-direction: row;
  }
}
.signup-form > .p-inner .c-text {
  width: 100%;
  max-width: 600px;
}
.signup-form > .p-inner .c-text .mic-background {
  position: absolute;
}
.signup-form > .p-inner .c-text .title {
  margin-top: 0px;
  text-align: left;
  --tw-text-opacity: 1;
  color: rgb(241 88 34 / var(--tw-text-opacity));
}
.signup-form > .p-inner .c-form form h5,
.signup-form > .p-inner .c-form .gform_wrapper h5 {
  font-size: clamp(18px, 0.1712vw + 17.3835px, 20px);
  line-height: 1.4;
  margin-bottom: 40px;
  text-align: left;
}
.signup-form > .p-inner .c-form form .gfield_label,
.signup-form > .p-inner .c-form .gform_wrapper .gfield_label {
  text-align: left;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  line-height: 1.4;
  font-weight: 700;
  /* in a hurry, so important it is */
  color: #fff !important;
  font-size: 18px !important;
  margin-bottom: 15px !important;
  text-transform: unset !important;
}
.signup-form > .p-inner .c-form form .field-group .checkbox-group menu li .gchoice,
.signup-form > .p-inner .c-form form .gfield--type-checkbox .gchoice,
.signup-form > .p-inner .c-form .gform_wrapper .field-group .checkbox-group menu li .gchoice,
.signup-form > .p-inner .c-form .gform_wrapper .gfield--type-checkbox .gchoice {
  text-align: left;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.signup-form > .p-inner .c-form form .field-group .checkbox-group menu li .gchoice label,
.signup-form > .p-inner .c-form form .gfield--type-checkbox .gchoice label,
.signup-form > .p-inner .c-form .gform_wrapper .field-group .checkbox-group menu li .gchoice label,
.signup-form > .p-inner .c-form .gform_wrapper .gfield--type-checkbox .gchoice label {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 400;
}
.signup-form > .p-inner .c-form form .field-group .checkbox-group menu li .gchoice label strong,
.signup-form > .p-inner .c-form form .gfield--type-checkbox .gchoice label strong,
.signup-form > .p-inner .c-form .gform_wrapper .field-group .checkbox-group menu li .gchoice label strong,
.signup-form > .p-inner .c-form .gform_wrapper .gfield--type-checkbox .gchoice label strong {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 700;
}
.signup-form > .p-inner .c-form form .field-group .checkbox-group menu li .gchoice input[type=checkbox],
.signup-form > .p-inner .c-form form .gfield--type-checkbox .gchoice input[type=checkbox],
.signup-form > .p-inner .c-form .gform_wrapper .field-group .checkbox-group menu li .gchoice input[type=checkbox],
.signup-form > .p-inner .c-form .gform_wrapper .gfield--type-checkbox .gchoice input[type=checkbox] {
  margin-right: 7px;
}
.signup-form > .p-inner .c-form form .field-group .checkbox-group menu li label,
.signup-form > .p-inner .c-form form .field-group .checkbox-group menu li .toggle-input-option__label,
.signup-form > .p-inner .c-form form .gfield--type-checkbox label,
.signup-form > .p-inner .c-form form .gfield--type-checkbox .toggle-input-option__label,
.signup-form > .p-inner .c-form .gform_wrapper .field-group .checkbox-group menu li label,
.signup-form > .p-inner .c-form .gform_wrapper .field-group .checkbox-group menu li .toggle-input-option__label,
.signup-form > .p-inner .c-form .gform_wrapper .gfield--type-checkbox label,
.signup-form > .p-inner .c-form .gform_wrapper .gfield--type-checkbox .toggle-input-option__label {
  padding-top: 4px;
  text-align: left;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: 16px;
  line-height: 1.4;
  font-weight: 700;
}
.signup-form > .p-inner .c-form form .field-group .checkbox-group menu li label span,
.signup-form > .p-inner .c-form form .field-group .checkbox-group menu li label strong,
.signup-form > .p-inner .c-form form .field-group .checkbox-group menu li .toggle-input-option__label span,
.signup-form > .p-inner .c-form form .field-group .checkbox-group menu li .toggle-input-option__label strong,
.signup-form > .p-inner .c-form form .gfield--type-checkbox label span,
.signup-form > .p-inner .c-form form .gfield--type-checkbox label strong,
.signup-form > .p-inner .c-form form .gfield--type-checkbox .toggle-input-option__label span,
.signup-form > .p-inner .c-form form .gfield--type-checkbox .toggle-input-option__label strong,
.signup-form > .p-inner .c-form .gform_wrapper .field-group .checkbox-group menu li label span,
.signup-form > .p-inner .c-form .gform_wrapper .field-group .checkbox-group menu li label strong,
.signup-form > .p-inner .c-form .gform_wrapper .field-group .checkbox-group menu li .toggle-input-option__label span,
.signup-form > .p-inner .c-form .gform_wrapper .field-group .checkbox-group menu li .toggle-input-option__label strong,
.signup-form > .p-inner .c-form .gform_wrapper .gfield--type-checkbox label span,
.signup-form > .p-inner .c-form .gform_wrapper .gfield--type-checkbox label strong,
.signup-form > .p-inner .c-form .gform_wrapper .gfield--type-checkbox .toggle-input-option__label span,
.signup-form > .p-inner .c-form .gform_wrapper .gfield--type-checkbox .toggle-input-option__label strong {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.signup-form > .p-inner .c-form form .field-group .checkbox-group menu li label legend,
.signup-form > .p-inner .c-form form .field-group .checkbox-group menu li .toggle-input-option__label legend,
.signup-form > .p-inner .c-form form .gfield--type-checkbox label legend,
.signup-form > .p-inner .c-form form .gfield--type-checkbox .toggle-input-option__label legend,
.signup-form > .p-inner .c-form .gform_wrapper .field-group .checkbox-group menu li label legend,
.signup-form > .p-inner .c-form .gform_wrapper .field-group .checkbox-group menu li .toggle-input-option__label legend,
.signup-form > .p-inner .c-form .gform_wrapper .gfield--type-checkbox label legend,
.signup-form > .p-inner .c-form .gform_wrapper .gfield--type-checkbox .toggle-input-option__label legend {
  text-align: left;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: 16px;
  line-height: 1.4;
  font-weight: 700;
}
.signup-form > .p-inner .c-form form .\:type-email,
.signup-form > .p-inner .c-form .gform_wrapper .\:type-email {
  margin-top: 40px;
}
.signup-form > .p-inner .c-form form .\:type-email .field__label,
.signup-form > .p-inner .c-form .gform_wrapper .\:type-email .field__label {
  display: none;
}
.signup-form > .p-inner .c-form form .btn,
.signup-form > .p-inner .c-form .gform_wrapper .btn {
  margin-top: 0px;
  width: 100%;
  --btn-text-color-default: #151515;
  --btn-border-color-default: #F15822;
  --btn-bg-color-default: #F15822;
  --btn-text-color-hover: #fff;
  --btn-border-color-hover: #151515;
  --btn-bg-color-hover: #151515;
}
@layer component_base {
  .signup-form__title {
    text-wrap: balance;
  }
  .signup-form.\:bg-bleed-false .signup-form__title {
    font-size: 24px;
    line-height: 1;
  }
  .signup-form__anchor {
    display: flex;
    font-size: 12px;
    font-family: "Instrument Condensed Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 1.44px;
    text-transform: uppercase;
  }
  .signup-form.\:bg-bleed-true {
    text-align: center;
  }
  .signup-form.\:bg-bleed-true .signup-form__anchor {
    justify-content: center;
  }
}
@layer component_local {
  .slideshow :focus-visible {
    outline: none;
  }
  .slideshow .media-figure[data-lightbox] {
    width: 100%;
    height: 100%;
  }
  .slideshow .media-figure[data-lightbox] .overlink {
    cursor: none;
  }
  .slideshow .image__inner {
    height: 100%;
  }
  .slideshow .media-figure__caption {
    display: none;
  }
  .slideshow__item {
    margin-right: clamp(12px, 2.3972vw + 3.3698px, 40px);
    width: auto;
    max-width: 90%;
    height: clamp(200px, 33.9041vw + 77.9452px, 596px);
  }
  .slideshow__footer {
    display: flex;
    flex-direction: column;
    gap: 0 24px;
    margin-top: clamp(20px, 0.3424vw + 18.7671px, 24px);
    transition: all 480ms cubic-bezier(0.42, 0, 0.32, 1);
    --cross-right-fill: calc(
    	var(--grid-columns) - (var(--content-width) + var(--content-offset))
    );
    --cross-right-edge: calc(
    	var(--column-gutter-width) * var(--cross-right-fill) * -1
    );
    margin-right: var(--cross-right-edge);
  }
  @media (min-width: 740px) {
    .slideshow__footer {
      flex-direction: row;
      align-items: baseline;
    }
  }
  :is(.slideshow__caption-index,
  .slideshow__caption-text) {
    opacity: 1;
    transition: all 480ms cubic-bezier(0.42, 0, 0.32, 1);
  }
  .slideshow__caption-index {
    font-size: 12px;
    font-family: "Instrument Condensed Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 1.44px;
    text-transform: uppercase;
    white-space: nowrap;
  }
  .slideshow__caption-index p {
    width: calc(1.1ch * (var(--slide-count-length, 2) * 2 + 1) * 2.44);
  }
  .slideshow__caption-text {
    max-width: 500px;
    margin-top: 12px;
    font-size: 18px;
    line-height: 1.36;
    letter-spacing: 0;
  }
  .slideshow__caption-text p.meta {
    margin-block: 0;
    color: var(--p-caption);
  }
  @media (min-width: 740px) {
    .slideshow__caption-text {
      margin-top: 0;
    }
  }
  .slideshow__caption-nav {
    align-self: flex-start;
    display: flex;
    gap: 16px;
  }
  .slideshow__caption-nav .btn {
    --btn-padding-x: 10px;
    --btn-padding-y: 10px;
    --btn-border-size: 2px;
    --btn-border-radius: 50%;
    --icon-stroke: 2;
    --icon-size: 28px;
  }
  .slideshow__caption-nav .btn[hidden] {
    display: none;
  }
  @media (-webkit-min-device-pixel-ratio: 2) {
    .slideshow__caption-nav .btn {
      --btn-border-size: 1.5px;
      --icon-stroke: 1.5;
    }
  }
  @media (max-width: 739.98px) {
    .slideshow__caption-nav {
      display: none;
    }
  }
  @media (min-width: 740px) {
    .slideshow__caption-nav {
      margin-left: auto;
      translate: 0 4px;
    }
  }
  .slideshow__footer[data-is-active=false] :is(.slideshow__caption-index,
  .slideshow__caption-text) {
    opacity: 0;
  }
  .slideshow__cursor {
    --p-icon: var(--color-white);
    --icon-size: 24px;
    --icon-stroke: 2;
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: var(--color-crimson);
    translate: -50% -50%;
    pointer-events: none;
    scale: 0;
    transition: scale 240ms cubic-bezier(0.42, 0, 0.32, 1);
  }
  .slideshow[data-cursor-visible=true] .slideshow__cursor {
    scale: 1;
  }
  .slideshow__nav-button > svg {
    display: none;
  }
}
@layer component_base {
  .social-anchor-group {
    grid-column: 1/-1;
  }
  .social-anchor-group__inner {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }
  .social-anchor-group__items {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
}
@layer component_base {
  .statistic-group__title {
    text-align: center;
  }
  .statistic-group__title:last-child {
    margin-bottom: 1.25em;
  }
  .statistic-group__abstract {
    margin-bottom: 2em;
    font-size: 13px;
    font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
  }
  .statistic-group__statistics {
    grid-column: 1/-1;
    row-gap: clamp(20px, 1.7123vw + 13.8356px, 40px);
  }
}
@layer component_local {
  .statistic-group .statistic {
    padding-left: 16px;
    border-left: 1px solid var(--p-line);
  }
  .statistic-group .statistic__number {
    font-size: clamp(32px, 2.7397vw + 22.1369px, 64px);
    font-family: "Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 900;
    line-height: 1.1;
    text-transform: uppercase;
    font-variant-numeric: lining-nums;
  }
  .statistic-group .statistic__text {
    font-size: 13px;
    font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 400;
    line-height: 1.4;
  }
  .statistic-group .statistic {
    grid-column: 1/-1;
  }
  @media (min-width: 468px) {
    .statistic-group .statistic {
      grid-column: 3/span 8;
    }
  }
  @media (min-width: 596px) {
    .statistic-group .statistic {
      grid-column: auto/span 6;
    }
  }
  @media (min-width: 900px) {
    .statistic-group .statistic {
      grid-column: auto/span 3;
    }
  }
  @media (min-width: 596px) {
    .statistic-group .statistic:nth-child(1):nth-last-child(1) {
      grid-column: 4/span 6;
    }
  }
  @media (min-width: 900px) {
    .statistic-group .statistic:nth-child(1):nth-last-child(1) {
      grid-column: 5/span 4;
    }
    .statistic-group .statistic:nth-child(1):nth-last-child(2) {
      grid-column: 3/span 4;
    }
    .statistic-group .statistic:nth-child(1):nth-last-child(2) ~ div {
      grid-column: auto/span 4;
    }
  }
  @media (min-width: 596px) {
    .statistic-group .statistic:nth-child(1):nth-last-child(n+3):nth-last-child(4n+3), .statistic-group .statistic:nth-child(1):nth-last-child(n+3):nth-last-child(4n+3) ~ div:nth-child(-n+3) {
      grid-column: auto/span 4;
    }
    .statistic-group .statistic:nth-child(1):nth-last-child(n+5):nth-last-child(4n+1) {
      grid-column: 3/span 4;
    }
    .statistic-group .statistic:nth-child(1):nth-last-child(n+5):nth-last-child(4n+1) ~ div:nth-child(-n+5) {
      grid-column: auto/span 4;
    }
    .statistic-group .statistic:nth-child(1):nth-last-child(n+6):nth-last-child(4n+2), .statistic-group .statistic:nth-child(1):nth-last-child(n+6):nth-last-child(4n+2) ~ div:nth-child(-n+6) {
      grid-column: auto/span 4;
    }
  }
}
.tab-group .tab-group__tabs {
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  background-color: transparent;
}
.tab-group .tab-group__tabs .section-header {
  width: 100%;
}
.tab-group .tab-group__tabs .tab-group__inner {
  width: 100%;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.tab-group .tab-group__tabs .tab-group__inner menu {
  -moz-column-gap: 48px;
       column-gap: 48px;
}
.tab-group .tab-group__tabs .tab-group__inner menu li .expandable-button {
  border-bottom-width: 8px;
  border-bottom-color: transparent;
  background-color: transparent;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 8px;
}
.tab-group .tab-group__tabs .tab-group__inner menu li .expandable-button .text {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: 24px;
  font-family: "Grotesk Compact", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 900;
  line-height: 1.2;
  font-variant-numeric: oldstyle-nums;
  text-transform: uppercase;
}
.tab-group .tab-group__tabs .tab-group__inner menu li .expandable-button[aria-expanded=true], .tab-group .tab-group__tabs .tab-group__inner menu li .expandable-button:hover {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.tab-group .tab-group__contents .tab-group__content {
  padding-top: 40px;
}
@layer component_default {
  .tab-group {
    overflow: unset !important;
  }
  .tab-group__tabs {
    display: flex;
    align-items: center;
  }
  .tab-group__items {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    overflow-x: auto;
    white-space: nowrap;
  }
  @media (min-width: 740px) {
    .tab-group__items {
      flex-wrap: wrap;
    }
  }
  .tab-group__content {
    opacity: 1;
  }
  .tab-group__content[data-is-active=false] {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}
@layer component_base {
  .tab-group {
    overflow: unset !important;
  }
  .tab-group__tabs {
    position: sticky;
    top: 0;
    z-index: 1002;
    background: var(--p-bg);
  }
  .tab-group__inner {
    display: flex;
    flex-direction: column-reverse;
    gap: 20px;
    width: 100%;
    border-bottom: 1px solid var(--p-line-alt);
  }
  @media (min-width: 900px) {
    .tab-group__inner {
      flex-direction: row;
      justify-content: space-between;
    }
  }
  .tab-group__items {
    gap: 16px;
    margin-inline: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) * -1);
    padding-inline: clamp(20px, 2.0547vw + 12.6027px, 44px);
    width: calc(100% + clamp(20px, 2.0547vw + 12.6027px, 44px) * 2);
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .tab-group__items::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }
  @media (min-width: 740px) {
    .tab-group__items {
      flex-wrap: wrap;
      margin-inline: 0;
      padding-inline: 0;
      width: auto;
    }
  }
  .tab-group__after-tabs {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  @media (min-width: 468px) {
    .tab-group__after-tabs {
      flex-direction: row;
      align-items: center;
    }
  }
  .tab-group__after-tabs a:not(.btn) {
    font-size: 16px;
  }
  .tab-group__content {
    padding-top: 72px;
    transition: opacity 480ms linear(0, 1) 240ms;
  }
}
@layer component_local {
  .tab-group__content > :first-child {
    margin-top: 0;
  }
}
.video-feature .media-figure__caption {
  margin-top: 16px;
}
.video-feature .media-figure__caption * {
  font-size: 13px;
  font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 400;
  line-height: 1.4;
  margin: 0px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@layer component_local {
  .video-feature.\:width-bleed .video__control {
    --btn-media-inset: clamp(16px, 1.3698vw + 11.0684px, 32px);
  }
  .video-feature.\:width-bleed video .c-image {
    inset: 0 0 1px 0;
  }
  @media (min-width: 740px) {
    .video-feature:is(.\:width-wide, .\:width-full, .\:width-bleed) .video.\:autoplay-false .playback-toggle {
      --icon-size: 80px;
      --btn-padding-x: 20px;
      --btn-padding-y: 20px;
    }
  }
}
@layer component_base {}
@layer component_base {
  .statistic-feature .statistic {
    grid-column: 1/-1;
    text-align: center;
  }
  @media (min-width: 468px) {
    .statistic-feature .statistic {
      grid-column: 2/span 10;
    }
  }
  @media (min-width: 596px) {
    .statistic-feature .statistic {
      grid-column: 3/span 8;
    }
  }
  @media (min-width: 900px) {
    .statistic-feature .statistic {
      grid-column: 4/span 6;
    }
  }
  .statistic-feature .statistic__number-text {
    font-size: clamp(48px, 6.1643vw + 25.8082px, 120px);
    font-family: "Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 900;
    line-height: 1.1;
    text-transform: uppercase;
    font-variant-numeric: lining-nums;
    letter-spacing: clamp(-1.8px, 1vw - 5.4px, -0.72px);
    text-wrap: balance;
  }
  .statistic-feature .statistic__text {
    font-size: 24px;
    font-family: "Grotesk Compact", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 900;
    line-height: 1;
    font-variant-numeric: oldstyle-nums;
    text-wrap: balance;
  }
}
.wysiwyg * {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.wysiwyg * mark {
  --tw-text-opacity: 1;
  color: rgb(20 20 16 / var(--tw-text-opacity));
}
.wysiwyg figure figcaption {
  margin-top: 16px;
  width: 100%;
  max-width: 424px;
  font-size: 13px;
  font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 400;
  line-height: 1.4;
}
.wysiwyg blockquote {
  margin-top: .85em;
  margin-bottom: .85em;
  border-left-width: 2px;
  --tw-border-opacity: 1;
  border-left-color: rgb(241 88 34 / var(--tw-border-opacity));
  padding-left: 22px;
  font-size: clamp(18px, 0.1712vw + 17.3835px, 20px);
  font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 700;
  line-height: 1.4;
}
.wysiwyg blockquote p {
  font-size: clamp(18px, 0.1712vw + 17.3835px, 20px);
  font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 700;
  line-height: 1.4;
}
.wysiwyg blockquote cite {
  font-size: 13px;
  font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 400;
  line-height: 1.4;
}
.wysiwyg a:not(.btn) {
  background-image: none;
  text-decoration-color: #FFFFFF;
}
.wysiwyg a:not(.btn):hover {
  --tw-text-opacity: 1;
  color: rgb(241 88 34 / var(--tw-text-opacity));
  text-decoration-color: #F15822;
}
@layer component_default {
  .wysiwyg .\:p .\:p {
    padding-inline: 0;
  }
  .wysiwyg iframe:is([src*="youtube.com"], [src*="vimeo.com"]) {
    width: 100%;
    height: auto;
    aspect-ratio: 1.7778;
  }
  .wysiwyg img {
    height: auto;
    display: block;
  }
  .wysiwyg :is(.alignleft,
  .alignright) {
    margin-top: 0.85em;
  }
  .wysiwyg :is(.alignleft,
  .alignright):first-child {
    margin-top: 0;
  }
  .wysiwyg :is(.alignleft,
  .alignright) + * {
    margin-top: 0;
  }
  .wysiwyg .alignleft {
    margin-right: clamp(20px, 1.7123vw + 13.8356px, 40px);
    float: left;
  }
  .wysiwyg .alignright {
    margin-left: clamp(20px, 1.7123vw + 13.8356px, 40px);
    float: right;
  }
  .wysiwyg .aligncenter,
  .wysiwyg .alignnone {
    margin: 0 auto;
  }
  .wysiwyg .alignleft,
  .wysiwyg .alignright,
  .wysiwyg .aligncenter,
  .wysiwyg .alignnone {
    margin-bottom: calc(clamp(20px, 1.7123vw + 13.8356px, 40px) / 2);
  }
  .wysiwyg .wp-caption {
    max-width: 100%;
  }
  .wysiwyg .wp-caption p:empty {
    display: none;
  }
  @media (max-width: 739.98px) {
    .wysiwyg .alignleft,
    .wysiwyg .alignright,
    .wysiwyg .aligncenter,
    .wysiwyg .alignnone {
      width: 100% !important;
    }
  }
}
@layer component_base {
  .wysiwyg.drop-cap:first-child p:first-of-type::first-letter {
    display: block;
    margin: clamp(-16px, -1.0274vw - 0.3014px, -4px) 0.125em 0.2em 0;
    padding-bottom: 0.04em;
    border-bottom: 4px solid var(--p-accent-1);
    float: left;
    font-size: clamp(36px, 2.0547vw + 28.6027px, 60px);
    font-family: "Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 700;
    line-height: 1.12;
  }
  .wysiwyg.drop-cap:first-child p:first-of-type + * {
    clear: left;
  }
  @-moz-document url-prefix() {
    .wysiwyg.drop-cap:first-child p:first-of-type::first-letter {
      margin-top: clamp(6px, 0.1712vw + 5.3835px, 8px);
      padding-bottom: 0.25em;
    }
  }
  .wysiwyg__inner > :is(ul, ol) {
    margin-block: 2em;
  }
  .wysiwyg__inner > :is(ul, ol):first-child {
    margin-top: 0;
  }
  .wysiwyg__inner > :is(ul, ol):last-child {
    margin-bottom: 0;
  }
}
@layer component_local {
  .wysiwyg.\:space-below-reduce + .media-feature {
    margin-top: calc(var(--rhythm-default) / 2);
  }
  .wysiwyg.\:space-below-remove + .media-feature {
    margin-top: 0;
  }
}
@layer component_local {
  .wysiwyg-grid .wysiwyg {
    grid-column: 1/-1;
    margin-block: 0;
  }
  @media (min-width: 596px) and (max-width: 1083.98px) {
    .wysiwyg-grid .wysiwyg {
      grid-column: auto/span 6;
    }
    .wysiwyg-grid .wysiwyg:only-child {
      grid-column: 4/span 6;
    }
    .wysiwyg-grid .wysiwyg:nth-child(1):nth-last-child(2n+1) {
      grid-column: 1/-1;
    }
  }
  @media (min-width: 1084px) {
    .wysiwyg-grid .wysiwyg {
      grid-column: auto/span 4;
    }
    .wysiwyg-grid .wysiwyg:only-child {
      grid-column: 4/span 6;
    }
    .wysiwyg-grid .wysiwyg:nth-child(1):nth-last-child(n+2):nth-last-child(3n+2), .wysiwyg-grid .wysiwyg:nth-child(1):nth-last-child(n+2):nth-last-child(3n+2) + .wysiwyg {
      grid-column: auto/span 6;
    }
    .wysiwyg-grid .wysiwyg:nth-child(1):nth-last-child(n+4):nth-last-child(3n+1), .wysiwyg-grid .wysiwyg:nth-child(1):nth-last-child(n+4):nth-last-child(3n+1) ~ .wysiwyg:nth-child(-n+4) {
      grid-column: auto/span 6;
    }
  }
  .wysiwyg-grid__inner {
    row-gap: var(--rhythm-default);
  }
}
@layer component_local {}
@layer component_local {
  .event-hero__meta-header {
    align-items: stretch;
    gap: 8px;
  }
}
@layer component_base {
  .hero {
    transition: padding-top 240ms cubic-bezier(0.42, 0, 0.32, 1);
  }
  .masthead.\:sticky-false ~ .hero {
    padding-top: clamp(68px, 2.3972vw + 59.3698px, 96px);
  }
  @media (min-width: 900px) {
    .masthead.\:sticky-false:has(.nav-masthead-secondary-desktop) ~ .hero {
      padding-top: clamp(102px, 2.3972vw + 93.3698px, 130px);
    }
  }
  .hero__footer {
    display: flex;
    flex-direction: column;
    border-top: 1px solid var(--p-line);
  }
  .hero__footer li {
    font-size: 18px;
    font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 400;
    line-height: 1.36;
    letter-spacing: 0;
    text-transform: none;
    font-variant-numeric: oldstyle-nums;
    color: var(--p-caption);
  }
  .hero__footer li.byline {
    color: var(--p-text);
  }
  .hero__footer .social-anchor-group {
    margin-top: var(--rhythm-small);
  }
  @media (min-width: 740px) {
    .hero__footer {
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      gap: clamp(20px, 5.1369vw + 1.5068px, 80px);
    }
    .hero__footer .social-anchor-group {
      margin-top: 0;
    }
    .hero__footer .social-anchor-group__items {
      flex-wrap: nowrap;
    }
  }
  .hero__meta {
    --p-text: var(--p-caption);
    display: flex;
    flex-direction: column;
    font-size: 13px;
    font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 400;
    line-height: 1.4;
  }
  @media (min-width: 596px) {
    .hero__meta {
      flex-direction: row;
      flex-wrap: wrap;
      -moz-column-gap: clamp(20px, 5.1369vw + 1.5068px, 80px);
           column-gap: clamp(20px, 5.1369vw + 1.5068px, 80px);
    }
  }
  .hero__meta > * {
    margin-block: 0;
  }
  .hero__meta li {
    margin-block: 0.1em;
  }
  @container post-card-v1 (min-width: 532px) {
    .hero__cards .post-card.\:version-1 .post-card__text {
      padding-top: var(--rhythm-gutter);
      border-top: 1px solid var(--p-line);
    }
  }
}
.page-hero.issue-hero.half {
  min-height: 640px;
}
.page-hero.issue-hero.half.think-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(6 25 46 / var(--tw-bg-opacity));
}
.page-hero.issue-hero.half.think-100 .page-hero__background figure:after {
  background-color: rgb(6 25 46 / .5);
}
.page-hero.issue-hero.half.respect-my-vote {
  --tw-bg-opacity: 1;
  background-color: rgb(80 18 42 / var(--tw-bg-opacity));
}
.page-hero.issue-hero.half.respect-my-vote .page-hero__background figure:after {
  background-color: rgb(80 18 42 / .5);
}
.page-hero.issue-hero.half.justice-paid-in-full {
  --tw-bg-opacity: 1;
  background-color: rgb(3 100 80 / var(--tw-bg-opacity));
}
.page-hero.issue-hero.half.justice-paid-in-full .page-hero__background figure:after {
  background-color: rgb(3 100 80 / .5);
}
.page-hero.issue-hero.half.good-trouble-dept {
  --tw-bg-opacity: 1;
  background-color: rgb(144 99 38 / var(--tw-bg-opacity));
}
.page-hero.issue-hero.half.good-trouble-dept .page-hero__background figure:after {
  background-color: rgb(144 99 38 / .5);
}
.page-hero.issue-hero.half > .p-inner {
  width: 100%;
}
.page-hero.issue-hero.half > .p-inner .page-hero__text {
  width: 100%;
  justify-content: flex-end;
}
.page-hero.issue-hero.half > .p-inner .page-hero__text .logo-container {
  width: 100%;
}
@media (min-width: 921px) {
  .page-hero.issue-hero.half > .p-inner .page-hero__text .logo-container {
    width: calc(50% - 100px);
  }
}
.page-hero.issue-hero.half > .p-inner .page-hero__text .page-hero__abstract {
  width: 100%;
}
@media (min-width: 921px) {
  .page-hero.issue-hero.half > .p-inner .page-hero__text .page-hero__abstract {
    width: calc(50% - 100px);
  }
}
.page-hero.issue-hero.half > .p-inner .page-hero__text h1 {
  margin-top: 24px;
}
.header-jumpnav {
  z-index: 10000;
  --tw-bg-opacity: 1;
  background-color: rgb(21 21 21 / var(--tw-bg-opacity));
  padding-top: 24px;
  padding-bottom: 24px;
}
.header-jumpnav.think-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(64 166 213 / var(--tw-bg-opacity));
}
.header-jumpnav.think-100 menu span {
  --tw-text-opacity: 1;
  color: rgb(6 25 46 / var(--tw-text-opacity));
}
.header-jumpnav.think-100 menu a[data-is-active=true]:after, .header-jumpnav.think-100 menu a:hover:after {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(6 25 46 / var(--tw-bg-opacity)) !important;
}
.header-jumpnav.respect-my-vote {
  --tw-bg-opacity: 1;
  background-color: rgb(174 125 183 / var(--tw-bg-opacity));
}
.header-jumpnav.respect-my-vote menu span {
  --tw-text-opacity: 1;
  color: rgb(80 18 42 / var(--tw-text-opacity));
}
.header-jumpnav.respect-my-vote menu a[data-is-active=true]:after, .header-jumpnav.respect-my-vote menu a:hover:after {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(80 18 42 / var(--tw-bg-opacity)) !important;
}
.header-jumpnav.justice-paid-in-full {
  --tw-bg-opacity: 1;
  background-color: rgb(216 226 96 / var(--tw-bg-opacity));
}
.header-jumpnav.justice-paid-in-full menu span {
  --tw-text-opacity: 1;
  color: rgb(3 100 80 / var(--tw-text-opacity));
}
.header-jumpnav.justice-paid-in-full menu a[data-is-active=true]:after, .header-jumpnav.justice-paid-in-full menu a:hover:after {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(3 100 80 / var(--tw-bg-opacity)) !important;
}
.header-jumpnav.good-trouble-dept {
  --tw-bg-opacity: 1;
  background-color: rgb(254 216 0 / var(--tw-bg-opacity));
}
.header-jumpnav.good-trouble-dept menu span {
  --tw-text-opacity: 1;
  color: rgb(144 99 38 / var(--tw-text-opacity));
}
.header-jumpnav.good-trouble-dept menu a[data-is-active=true]:after, .header-jumpnav.good-trouble-dept menu a:hover:after {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(144 99 38 / var(--tw-bg-opacity)) !important;
}
.header-jumpnav > .p-inner {
  overflow-x: scroll;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For IE and Edge */
}
.header-jumpnav .jump-nav .title {
  display: none;
}
.header-jumpnav .jump-nav .expandable-button {
  display: none;
}
.header-jumpnav .jump-nav .jump-nav__content .jump-nav__expandable__outer > .c-inner menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  -moz-column-gap: 40px;
       column-gap: 40px;
}
@media (min-width: 921px) {
  .header-jumpnav .jump-nav .jump-nav__content .jump-nav__expandable__outer > .c-inner menu {
    -moz-column-gap: 60px;
         column-gap: 60px;
  }
}
.header-jumpnav .jump-nav .jump-nav__content .jump-nav__expandable__outer > .c-inner menu li {
  flex-shrink: 0;
}
.header-jumpnav .jump-nav .jump-nav__content .jump-nav__expandable__outer > .c-inner menu li span {
  padding: 0px;
  position: relative;
  background-image: none;
  text-decoration-line: none;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.header-jumpnav .jump-nav .jump-nav__content .jump-nav__expandable__outer > .c-inner menu li span a {
  background-image: none;
  padding-bottom: 8px;
  text-decoration-line: none;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.header-jumpnav .jump-nav .jump-nav__content .jump-nav__expandable__outer > .c-inner menu li span a:after {
  position: absolute;
  bottom: 0px;
  height: 5px;
  width: 100%;
  background-color: transparent;
  transition-property: all;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --tw-content: "";
  content: var(--tw-content);
}
.header-jumpnav .jump-nav .jump-nav__content .jump-nav__expandable__outer > .c-inner menu li span a span {
  font-size: 20px;
  font-family: "Instrument Condensed Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0em;
  text-transform: uppercase;
  font-variant-numeric: lining-nums;
}
.header-jumpnav .jump-nav .jump-nav__content .jump-nav__expandable__outer > .c-inner menu li span a[data-is-active=true]:after, .header-jumpnav .jump-nav .jump-nav__content .jump-nav__expandable__outer > .c-inner menu li span a:hover:after {
  --tw-bg-opacity: 1;
  background-color: rgb(241 88 34 / var(--tw-bg-opacity));
}
@layer component_local {
  .page-hero__text {
    grid-column: 1/-1;
  }
  .page-hero__text > * {
    grid-column: 1/-1;
  }
  .page-hero__kicker {
    grid-column: 1/-1;
    margin: 0;
  }
  .page-hero__title {
    margin-bottom: 12px;
  }
  @media (min-width: 1084px) {
    .page-hero__title {
      grid-column: 1/span 11;
    }
  }
  .page-hero.\:size-1 .page-hero__title {
    font-size: clamp(36px, 4.6232vw + 19.3561px, 90px);
    font-family: "Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 900;
    line-height: 1.1;
    text-transform: uppercase;
    font-variant-numeric: oldstyle-nums;
    letter-spacing: clamp(-1.8px, 1vw - 5.4px, -0.72px);
  }
  .page-hero__inner:has(.kicker) .page-hero__title {
    margin-top: 6px;
  }
  .page-hero__abstract {
    margin-top: 0;
    font-size: clamp(22px, 0.8561vw + 18.9178px, 32px);
    font-family: "Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 900;
    line-height: 1.36;
    text-transform: uppercase;
    font-variant-numeric: oldstyle-nums;
  }
  @media (min-width: 596px) {
    .page-hero__abstract {
      grid-column: 1/span 8;
    }
  }
  @media (min-width: 1084px) {
    .page-hero__abstract {
      grid-column: 1/span 6;
    }
  }
  .page-hero__footer {
    grid-column: 1/-1;
  }
  .page-hero .c-search {
    --content-width: 12;
    --content-offset: 0;
    grid-column: 1/-1;
  }
  @media (min-width: 596px) {
    .page-hero .c-search {
      --content-width: 10;
      --content-offset: 1;
      grid-column: 2/span 10;
    }
  }
  @media (min-width: 900px) {
    .page-hero .c-search {
      --content-width: 8;
      --content-offset: 2;
      grid-column: 3/span 8;
    }
  }
  .page-hero .search-form {
    grid-column: 1/-1;
  }
  .page-hero .card-holder {
    margin-top: var(--rhythm-medium);
  }
}
.page-hero.listing-hero {
  --tw-bg-opacity: 1;
  background-color: rgb(20 20 16 / var(--tw-bg-opacity));
}
.page-hero.listing-hero > .p-inner {
  display: flex;
}
.page-hero.listing-hero > .p-inner .page-hero__text .page-hero__kicker {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.page-hero.listing-hero > .p-inner .page-hero__text .page-hero__title {
  --tw-text-opacity: 1;
  color: rgb(241 88 34 / var(--tw-text-opacity));
}
.page-hero.listing-hero > .p-inner .page-hero__text .page-hero__abstract {
  font-size: 16px;
  font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 400;
  line-height: 1.4;
  text-transform: none;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.page-hero.listing-hero > .p-inner .page-hero__text .page-hero__abstract p {
  text-transform: none;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.page-hero.listing-hero > .p-inner .media-box {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(241 88 34 / var(--tw-border-opacity));
  padding: 32px;
}
.page-hero.listing-hero > .p-inner .media-box h5 {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.page-hero.listing-hero > .p-inner .media-box p {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@layer component_local {
  .page-hero__text {
    grid-column: 1/-1;
  }
  .page-hero__text > * {
    grid-column: 1/-1;
  }
  .page-hero__kicker {
    grid-column: 1/-1;
    margin: 0;
  }
  .page-hero__title {
    margin-bottom: 12px;
  }
  @media (min-width: 1084px) {
    .page-hero__title {
      grid-column: 1/span 11;
    }
  }
  .page-hero.\:size-1 .page-hero__title {
    font-size: clamp(36px, 4.6232vw + 19.3561px, 90px);
    font-family: "Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 900;
    line-height: 1.1;
    text-transform: uppercase;
    font-variant-numeric: oldstyle-nums;
    letter-spacing: clamp(-1.8px, 1vw - 5.4px, -0.72px);
  }
  .page-hero__inner:has(.kicker) .page-hero__title {
    margin-top: 6px;
  }
  .page-hero__abstract {
    margin-top: 0;
    font-size: clamp(22px, 0.8561vw + 18.9178px, 32px);
    font-family: "Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 900;
    line-height: 1.36;
    text-transform: uppercase;
    font-variant-numeric: oldstyle-nums;
  }
  @media (min-width: 596px) {
    .page-hero__abstract {
      grid-column: 1/span 8;
    }
  }
  @media (min-width: 1084px) {
    .page-hero__abstract {
      grid-column: 1/span 6;
    }
  }
  .page-hero__footer {
    grid-column: 1/-1;
  }
  .page-hero .c-search {
    --content-width: 12;
    --content-offset: 0;
    grid-column: 1/-1;
  }
  @media (min-width: 596px) {
    .page-hero .c-search {
      --content-width: 10;
      --content-offset: 1;
      grid-column: 2/span 10;
    }
  }
  @media (min-width: 900px) {
    .page-hero .c-search {
      --content-width: 8;
      --content-offset: 2;
      grid-column: 3/span 8;
    }
  }
  .page-hero .search-form {
    grid-column: 1/-1;
  }
  .page-hero .card-holder {
    margin-top: var(--rhythm-medium);
  }
}
.page-hero {
  position: relative;
  --tw-bg-opacity: 1;
  background-color: rgb(20 20 16 / var(--tw-bg-opacity));
}
.page-hero .page-hero__background {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}
.page-hero .page-hero__background figure {
  height: 100%;
  width: 100%;
}
.page-hero .page-hero__background figure .image__inner {
  height: 100%;
}
.page-hero .page-hero__background figure .image__inner .media-figure__media img {
  filter: grayscale(100%);
}
.page-hero .page-hero__background figure:after {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-color: #141410B2;
  --tw-content: "";
  content: var(--tw-content);
}
.page-hero > .p-inner {
  position: relative;
  z-index: 2;
  display: flex;
  padding-top: 64px;
  padding-bottom: 64px;
}
@media (min-width: 921px) {
  .page-hero > .p-inner {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.page-hero > .p-inner .page-hero__text {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.page-hero > .p-inner .page-hero__text .page-hero__kicker {
  font-family: "Grotesk Compact";
  font-size: 24px;
  font-weight: 900;
  line-height: 1.2;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.page-hero > .p-inner .page-hero__text .page-hero__title {
  width: 100%;
  max-width: 1271px;
  --tw-text-opacity: 1;
  color: rgb(241 88 34 / var(--tw-text-opacity));
}
.page-hero > .p-inner .page-hero__text .page-hero__abstract {
  font-size: 16px;
  font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 400;
  line-height: 1.4;
  width: 100%;
  max-width: 656px;
  text-transform: none;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.page-hero > .p-inner .page-hero__text .page-hero__abstract p {
  text-transform: none;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.page-hero > .p-inner .media-box {
  display: flex;
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
  flex-direction: column;
  row-gap: 5px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(241 88 34 / var(--tw-border-opacity));
  padding: 16px;
}
@media (min-width: 921px) {
  .page-hero > .p-inner .media-box {
    max-width: 333px;
    padding: 32px;
  }
}
.page-hero > .p-inner .media-box h5 {
  margin: 0px;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.page-hero > .p-inner .media-box p {
  margin: 0px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: 16px;
  font-family: "Instrument", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
  font-weight: 400;
  line-height: 1.4;
}
.page-hero:has(> .p-inner .media-box) > .p-inner {
  flex-direction: column;
  justify-content: space-between;
  row-gap: 40px;
  padding-top: 64px;
  padding-bottom: 40px;
}
@media (min-width: 921px) {
  .page-hero:has(> .p-inner .media-box) > .p-inner {
    flex-direction: row;
  }
}
.page-hero:has(> .p-inner .media-box) > .p-inner .page-hero__text {
  width: 100%;
}
.page-hero.half {
  display: flex;
  flex-direction: column-reverse;
}
@media (min-width: 921px) {
  .page-hero.half {
    flex-direction: row;
  }
}
.page-hero.half .page-hero__background {
  position: relative;
  right: 0px;
  left: auto;
  width: 100%;
}
@media (min-width: 921px) {
  .page-hero.half .page-hero__background {
    position: absolute;
    width: 50%;
  }
}
.page-hero.half > .p-inner .page-hero__text {
  width: 100%;
}
@media (min-width: 921px) {
  .page-hero.half > .p-inner .page-hero__text {
    width: calc(50% - 100px);
  }
}
.page-hero.half > .p-inner .page-hero__text h1 {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.page-hero.center > .p-inner .page-hero__text {
  width: 100%;
}
.page-hero.center > .p-inner .page-hero__text .kicker {
  text-align: center;
}
.page-hero.center > .p-inner .page-hero__text h1 {
  max-width: 100%;
  text-align: center;
}
.page-hero.center > .p-inner .page-hero__text .page-hero__abstract {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@layer component_local {
  .page-hero__text {
    grid-column: 1/-1;
  }
  .page-hero__text > * {
    grid-column: 1/-1;
  }
  .page-hero__kicker {
    grid-column: 1/-1;
    margin: 0;
  }
  .page-hero__title {
    margin-bottom: 12px;
  }
  @media (min-width: 1084px) {
    .page-hero__title {
      grid-column: 1/span 11;
    }
  }
  .page-hero.\:size-1 .page-hero__title {
    font-size: clamp(36px, 4.6232vw + 19.3561px, 90px);
    font-family: "Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 900;
    line-height: 1.1;
    text-transform: uppercase;
    font-variant-numeric: oldstyle-nums;
    letter-spacing: clamp(-1.8px, 1vw - 5.4px, -0.72px);
  }
  .page-hero__inner:has(.kicker) .page-hero__title {
    margin-top: 6px;
  }
  .page-hero__abstract {
    margin-top: 0;
    font-size: clamp(22px, 0.8561vw + 18.9178px, 32px);
    font-family: "Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 900;
    line-height: 1.36;
    text-transform: uppercase;
    font-variant-numeric: oldstyle-nums;
  }
  @media (min-width: 596px) {
    .page-hero__abstract {
      grid-column: 1/span 8;
    }
  }
  @media (min-width: 1084px) {
    .page-hero__abstract {
      grid-column: 1/span 6;
    }
  }
  .page-hero__footer {
    grid-column: 1/-1;
  }
  .page-hero .c-search {
    --content-width: 12;
    --content-offset: 0;
    grid-column: 1/-1;
  }
  @media (min-width: 596px) {
    .page-hero .c-search {
      --content-width: 10;
      --content-offset: 1;
      grid-column: 2/span 10;
    }
  }
  @media (min-width: 900px) {
    .page-hero .c-search {
      --content-width: 8;
      --content-offset: 2;
      grid-column: 3/span 8;
    }
  }
  .page-hero .search-form {
    grid-column: 1/-1;
  }
  .page-hero .card-holder {
    margin-top: var(--rhythm-medium);
  }
}
@layer component_local {
  .person-hero__image {
    --icon-size: 16px;
    position: relative;
  }
  .person-hero__image > a {
    display: block;
  }
  .person-hero__image .anchor {
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    gap: 0.5em;
    padding-right: 0.5em;
    padding-top: 0.25em;
    background: var(--p-bg);
    font-size: 12px;
    font-family: "Instrument Condensed Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 1.44px;
    text-transform: uppercase;
  }
  .person-hero__image .icon {
    order: -1;
  }
  .person-hero__footer {
    border-top: none;
  }
  @media (min-width: 740px) {
    .person-hero__inner {
      grid-template-rows: 1fr auto;
    }
    .person-hero__text {
      grid-column: 1/span 7;
    }
    .person-hero__image {
      grid-area: 1/8/span 2/span 5;
    }
    .person-hero__footer {
      grid-column: 1/span 7;
    }
    .person-hero__text {
      grid-column: 1/span 7;
    }
    .person-hero__image {
      grid-column: 9/span 4;
    }
  }
  @media (min-width: 900px) {
    .person-hero__text {
      grid-column: 1/span 6;
    }
  }
}
@layer component_custom {
  .person-hero__image {
    order: unset;
    margin-block: var(--rhythm-small);
  }
  @media (min-width: 740px) {
    .person-hero__image {
      margin-block: 0;
    }
  }
}
@layer component_local {
  .post-hero__inner > * {
    grid-column: 1/-1;
  }
  .post-hero__text {
    position: relative;
    z-index: 1;
  }
  .post-hero__title {
    font-size: clamp(29px, 2.6541vw + 19.4452px, 60px);
    font-family: "Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 900;
    line-height: 1.1;
    text-transform: uppercase;
    font-variant-numeric: oldstyle-nums;
  }
  .post-hero__image {
    order: unset;
    margin-top: var(--rhythm-outer);
  }
  @media (min-width: 596px) {
    .post-hero__image {
      margin-top: 0;
    }
    .post-hero__text {
      grid-column: 1/span 7;
    }
    .post-hero__image {
      grid-column: 8/span 5;
      order: unset;
    }
  }
  @media (min-width: 900px) {
    .post-hero__text {
      grid-column: 1/span 6;
    }
  }
  @media (min-width: 1084px) {
    .post-hero__text {
      grid-column: 1/span 5;
    }
    .post-hero__image {
      grid-column: 7/span 6;
    }
  }
}
.spotlight-hero .spotlight-hero__text {
  grid-column: span 12 / span 12;
  display: flex;
  flex-direction: column;
  padding-top: 150px;
  padding-bottom: 30px;
}
@media (min-width: 921px) {
  .spotlight-hero .spotlight-hero__text {
    padding-bottom: 250px;
  }
}
.spotlight-hero .spotlight-hero__text .title .top {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.spotlight-hero .spotlight-hero__text .title .top span {
  font-family: "Grotesk Compact";
  --tw-text-opacity: 1;
  color: rgb(241 88 34 / var(--tw-text-opacity));
  font-size: 34px;
}
@media (min-width: 550px) {
  .spotlight-hero .spotlight-hero__text .title .top span {
    font-size: 53px;
  }
}
@media (min-width: 768px) {
  .spotlight-hero .spotlight-hero__text .title .top span {
    font-size: 109px;
  }
}
@media (min-width: 921px) {
  .spotlight-hero .spotlight-hero__text .title .top span {
    font-size: 131px;
  }
}
@media (min-width: 1024px) {
  .spotlight-hero .spotlight-hero__text .title .top span {
    font-size: 148px;
  }
}
@media (min-width: 1280px) {
  .spotlight-hero .spotlight-hero__text .title .top span {
    font-size: 183px;
  }
}
@media (min-width: 1440px) {
  .spotlight-hero .spotlight-hero__text .title .top span {
    font-size: 190px;
  }
}
.spotlight-hero .spotlight-hero__text .title .top .right-icon {
  margin-left: 20px;
}
.spotlight-hero .spotlight-hero__text .title .top .left-icon {
  margin-right: 20px;
}
.spotlight-hero .spotlight-hero__text .title .top .title-icon {
  width: 32px;
}
@media (min-width: 768px) {
  .spotlight-hero .spotlight-hero__text .title .top .title-icon {
    width: 50px;
  }
}
@media (min-width: 921px) {
  .spotlight-hero .spotlight-hero__text .title .top .title-icon {
    width: 65px;
  }
}
@media (min-width: 1024px) {
  .spotlight-hero .spotlight-hero__text .title .top .title-icon {
    width: 75px;
  }
}
@media (min-width: 1280px) {
  .spotlight-hero .spotlight-hero__text .title .top .title-icon {
    width: 100px;
  }
}
.spotlight-hero .spotlight-hero__text .title .bottom {
  display: block;
  --tw-text-opacity: 1;
  color: rgb(241 88 34 / var(--tw-text-opacity));
  margin-top: -20px;
}
@media (min-width: 768px) {
  .spotlight-hero .spotlight-hero__text .title .bottom {
    margin-top: -35px;
  }
}
@media (min-width: 921px) {
  .spotlight-hero .spotlight-hero__text .title .bottom {
    margin-top: -42px;
  }
}
@media (min-width: 1024px) {
  .spotlight-hero .spotlight-hero__text .title .bottom {
    margin-top: -50px;
  }
}
.spotlight-hero .spotlight-hero__text .title .bottom {
  font-size: 40px;
}
@media (min-width: 550px) {
  .spotlight-hero .spotlight-hero__text .title .bottom {
    font-size: 56px;
  }
}
@media (min-width: 768px) {
  .spotlight-hero .spotlight-hero__text .title .bottom {
    font-size: 100px;
  }
}
@media (min-width: 921px) {
  .spotlight-hero .spotlight-hero__text .title .bottom {
    font-size: 122px;
  }
}
@media (min-width: 1024px) {
  .spotlight-hero .spotlight-hero__text .title .bottom {
    font-size: 136px;
  }
}
@media (min-width: 1280px) {
  .spotlight-hero .spotlight-hero__text .title .bottom {
    font-size: 170px;
  }
}
@media (min-width: 1440px) {
  .spotlight-hero .spotlight-hero__text .title .bottom {
    font-size: 190px;
  }
}
.spotlight-hero .spotlight-hero__text .spotlight-hero__abstract {
  margin-left: auto;
  margin-right: auto;
  max-width: 656px;
  text-align: center;
}
.spotlight-hero .hero-image-container {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  display: flex;
  height: 100%;
  width: 100%;
  flex-shrink: 0;
  justify-content: center;
}
.spotlight-hero .hero-image-container figure {
  position: relative;
  aspect-ratio: 700/890;
  width: 100%;
  overflow: hidden;
}
.spotlight-hero .hero-image-container figure .image__inner {
  height: 100%;
}
.spotlight-hero .hero-image-container figure:after {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  z-index: 1;
  height: 100%;
  width: 100%;
  background-color: #141410CC;
  --tw-content: "";
  content: var(--tw-content);
}
.spotlight-hero .hero-image-container figure video {
  position: absolute !important;
  top: 0px !important;
  bottom: 0px !important;
  right: 0px !important;
  left: 0px !important;
  height: 100% !important;
  width: 100% !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
  --tw-content: "" !important;
  content: var(--tw-content) !important;
}
.spotlight-hero .hero-image-container figure .pause-button {
  right: clamp(20px, 2.0547vw + 12.6027px, 44px);
  position: absolute;
  top: var(--masthead-height);
  z-index: 200;
  --tw-bg-opacity: 1;
  background-color: rgb(21 21 21 / var(--tw-bg-opacity));
  padding: 4px;
  padding-right: 20px;
}
@media (min-width: 1528px) {
  .spotlight-hero .hero-image-container figure .pause-button {
    right: calc(50% - 764px);
    transform: translateX(-50%);
  }
}
.spotlight-hero .hero-image-container figure .pause-button .play {
  display: none;
}
.spotlight-hero .hero-image-container figure .pause-button span {
  display: flex;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.spotlight-hero .hero-image-container figure .pause-button span svg path, .spotlight-hero .hero-image-container figure .pause-button span svg polygon {
  fill: #FFFFFF;
}
.spotlight-hero .hero-image-container figure .pause-button span.pause .icon {
  height: 9px;
  width: 5px;
}
.spotlight-hero .hero-image-container figure .pause-button span.pause .icon svg {
  height: 9px;
  width: 5px;
}
.spotlight-hero .hero-image-container figure .pause-button span.play .icon {
  height: 13px;
  width: 13px;
}
.spotlight-hero .hero-image-container figure .pause-button span.play .icon svg {
  height: 13px;
  width: 13px;
}
@layer component_default {
  .spotlight-hero {
    position: relative;
    overflow: hidden;
  }
  .spotlight-hero.\:text-left {
    text-align: left;
  }
  .spotlight-hero.\:text-center {
    text-align: center;
  }
  .spotlight-hero.\:text-right {
    text-align: right;
  }
  .spotlight-hero.\:media-bg .spotlight-hero__text {
    position: relative;
    z-index: 4;
  }
  .spotlight-hero.\:media-bg .spotlight-hero__media {
    position: absolute;
    inset: 0;
  }
  .spotlight-hero.\:media-bg .spotlight-hero__media::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 3;
    background: var(--p-overlay-bg);
    pointer-events: none;
  }
  .spotlight-hero.\:media-bg .media-figure {
    display: grid;
    width: 100%;
    height: 100%;
  }
  .spotlight-hero.\:media-bg .c-image {
    z-index: 1;
  }
  .spotlight-hero.\:media-bg .c-image-inner {
    position: absolute;
    inset: 0;
  }
  .spotlight-hero.\:media-bg .video__control {
    z-index: 5;
  }
}
@layer component_base {
  .spotlight-hero__text > * {
    grid-column: 1/-1;
  }
  .spotlight-hero__title {
    margin-bottom: 0.1em;
  }
  .spotlight-hero .spotlight-hero__text {
    padding-block: var(--rhythm-feature);
  }
  .spotlight-hero:is(.\:media-left, .\:media-right) .spotlight-hero__text,
  .spotlight-hero:is(.\:media-left, .\:media-right) .spotlight-hero__media {
    grid-column: 1/-1;
  }
  .spotlight-hero:is(.\:media-left, .\:media-right).has-button .spotlight-hero__text {
    padding-bottom: var(--rhythm-outer);
  }
  .spotlight-hero:is(.\:media-left, .\:media-right) .spotlight-hero__media {
    margin-inline: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) * -1);
  }
  @media (min-width: 740px) {
    .spotlight-hero:is(.\:media-left, .\:media-right) {
      --text-padding: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) - var(--grid-gap-x) / 2);
    }
    .spotlight-hero:is(.\:media-left, .\:media-right) .spotlight-hero__media {
      position: absolute;
      margin: 0;
    }
    .spotlight-hero:is(.\:media-left, .\:media-right) .spotlight-hero__media * {
      height: 100%;
    }
    .spotlight-hero.\:media-left .spotlight-hero__text {
      grid-column: 7/span 6;
      padding-left: var(--text-padding);
    }
    .spotlight-hero.\:media-left .spotlight-hero__media {
      inset: 0 50% 0 0;
    }
    .spotlight-hero.\:media-right .spotlight-hero__text {
      grid-column: 1/span 6;
      padding-right: var(--text-padding);
    }
    .spotlight-hero.\:media-right .spotlight-hero__media {
      inset: 0 0 0 50%;
    }
  }
  @media (min-width: 1084px) {
    .spotlight-hero.\:size-1 .spotlight-hero__text {
      padding-top: var(--rhythm-hero);
    }
    .spotlight-hero:not(.\:text-center) {
      --text-padding: 0;
    }
    .spotlight-hero:not(.\:text-center).\:media-left .spotlight-hero__text {
      grid-column: 8/span 5;
    }
    .spotlight-hero:not(.\:text-center).\:media-right .spotlight-hero__text {
      grid-column: 1/span 5;
    }
  }
  @media (min-width: 1528px) {
    .spotlight-hero.\:text-center {
      --text-padding: 0;
    }
    .spotlight-hero.\:text-center.\:media-left .spotlight-hero__text {
      grid-column: 8/span 5;
    }
    .spotlight-hero.\:text-center.\:media-right .spotlight-hero__text {
      grid-column: 1/span 5;
    }
  }
  .spotlight-hero.\:media-bg .spotlight-hero__text {
    grid-column: 1/-1;
  }
  @media (min-width: 468px) {
    .spotlight-hero.\:media-bg .spotlight-hero__text {
      --grid-columns: 10;
      grid-column-end: span 10;
    }
  }
  @media (min-width: 740px) {
    .spotlight-hero.\:media-bg .spotlight-hero__text {
      --grid-columns: 8;
      grid-column-end: span 8;
    }
  }
  @media (min-width: 1084px) {
    .spotlight-hero.\:media-bg .spotlight-hero__subtitle {
      grid-column-end: span 6;
    }
  }
  .spotlight-hero.\:media-bg .video__control {
    left: auto;
    right: clamp(20px, 2.0547vw + 12.6027px, 44px);
    bottom: clamp(20px, 2.0547vw + 12.6027px, 44px);
  }
  .spotlight-hero.\:media-bg.has-button .spotlight-hero__text {
    padding-bottom: var(--rhythm-large);
  }
  .spotlight-hero.\:media-bg.\:text-right .spotlight-hero__text {
    grid-column-start: 1;
  }
  @media (min-width: 468px) {
    .spotlight-hero.\:media-bg.\:text-right .spotlight-hero__text {
      grid-column-start: 3;
    }
  }
  @media (min-width: 740px) {
    .spotlight-hero.\:media-bg.\:text-right .spotlight-hero__text {
      grid-column-start: 5;
    }
  }
  @media (min-width: 1084px) {
    .spotlight-hero.\:media-bg.\:text-right .spotlight-hero__subtitle {
      grid-column-start: 3;
    }
  }
  @media (min-width: 468px) {
    .spotlight-hero.\:media-bg.\:text-center .spotlight-hero__text {
      grid-column-start: 2;
    }
  }
  @media (min-width: 740px) {
    .spotlight-hero.\:media-bg.\:text-center .spotlight-hero__text {
      grid-column-start: 3;
    }
  }
  @media (min-width: 1084px) {
    .spotlight-hero.\:media-bg.\:text-center .spotlight-hero__subtitle {
      grid-column-start: 2;
    }
  }
}
@layer page_local {
  :is(body, .w-page).error404 {
    padding-bottom: 0;
  }
  :is(body, .w-page).error404 .kicker {
    font-size: 24px;
    font-family: "Grotesk Compact", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 900;
    line-height: 1;
    font-variant-numeric: oldstyle-nums;
  }
  :is(body, .w-page).error404 h1 {
    font-size: clamp(29px, 2.6541vw + 19.4452px, 60px);
    font-family: "Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 900;
    line-height: 1.1;
    text-transform: uppercase;
    font-variant-numeric: oldstyle-nums;
  }
  :is(body, .w-page).error404 .c-text {
    --content-width: 12;
    --content-offset: 0;
    grid-column: 1/-1;
  }
  @media (min-width: 596px) {
    :is(body, .w-page).error404 .c-text {
      --content-width: 10;
      --content-offset: 1;
      grid-column: 2/span 10;
    }
  }
  @media (min-width: 900px) {
    :is(body, .w-page).error404 .c-text {
      --content-width: 8;
      --content-offset: 2;
      grid-column: 3/span 8;
    }
  }
  @media (min-width: 1292px) {
    :is(body, .w-page).error404 .c-text {
      --content-width: 6;
      --content-offset: 3;
      grid-column: 4/span 6;
    }
  }
  :is(body, .w-page).error404 main {
    margin-top: var(--rhythm-large);
  }
  :is(body, .w-page).error404 .anchor-group h4,
  :is(body, .w-page).error404 .anchor-group .anchor__link {
    color: #fff;
    background: none;
  }
}
@layer page_custom {
  :is(body, .w-page).error404 .page-hero {
    padding-bottom: 0;
  }
}
@layer page_local {
  :is(body, .w-page).search-results .page-hero .title {
    --content-width: 12;
    --content-offset: 0;
    grid-column: 1/-1;
    font-size: clamp(34px, 4.7945vw + 16.7397px, 90px);
    font-family: "Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", "sans-serif";
    font-weight: 900;
    line-height: 1.1;
    text-transform: uppercase;
    font-variant-numeric: oldstyle-nums;
  }
  @media (min-width: 596px) {
    :is(body, .w-page).search-results .page-hero .title {
      --content-width: 10;
      --content-offset: 1;
      grid-column: 2/span 10;
    }
  }
  @media (min-width: 900px) {
    :is(body, .w-page).search-results .page-hero .title {
      --content-width: 8;
      --content-offset: 2;
      grid-column: 3/span 8;
    }
  }
  :is(body, .w-page).search-results .search-form {
    --content-width: 12;
    --content-offset: 0;
    grid-column: 1/-1;
  }
  @media (min-width: 596px) {
    :is(body, .w-page).search-results .search-form {
      --content-width: 10;
      --content-offset: 1;
      grid-column: 2/span 10;
    }
  }
  @media (min-width: 900px) {
    :is(body, .w-page).search-results .search-form {
      --content-width: 8;
      --content-offset: 2;
      grid-column: 3/span 8;
    }
  }
  :is(body, .w-page).search-results [data-filter-root] {
    --content-width: 12;
    --content-offset: 0;
    grid-column: 1/-1;
  }
  @media (min-width: 596px) {
    :is(body, .w-page).search-results [data-filter-root] {
      --content-width: 10;
      --content-offset: 1;
      grid-column: 2/span 10;
    }
  }
  @media (min-width: 900px) {
    :is(body, .w-page).search-results [data-filter-root] {
      --content-width: 8;
      --content-offset: 2;
      grid-column: 3/span 8;
    }
  }
}