/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --pharos-asset-icon-academic-content: assets/icons/academic-content.svg;
  --pharos-asset-icon-accessibility: assets/icons/accessibility.svg;
  --pharos-asset-icon-add: assets/icons/add.svg;
  --pharos-asset-icon-add-to-folder: assets/icons/add-to-folder.svg;
  --pharos-asset-icon-arrow-down: assets/icons/arrow-down.svg;
  --pharos-asset-icon-arrow-left: assets/icons/arrow-left.svg;
  --pharos-asset-icon-arrow-right: assets/icons/arrow-right.svg;
  --pharos-asset-icon-arrow-up: assets/icons/arrow-up.svg;
  --pharos-asset-icon-attachment: assets/icons/attachment.svg;
  --pharos-asset-icon-audio: assets/icons/audio.svg;
  --pharos-asset-icon-base: assets/icons/base.svg;
  --pharos-asset-icon-bluesky: assets/icons/bluesky.svg;
  --pharos-asset-icon-book: assets/icons/book.svg;
  --pharos-asset-icon-browse: assets/icons/browse.svg;
  --pharos-asset-icon-calendar: assets/icons/calendar.svg;
  --pharos-asset-icon-chat: assets/icons/chat.svg;
  --pharos-asset-icon-checkmark: assets/icons/checkmark.svg;
  --pharos-asset-icon-checkmark-filled-circle: assets/icons/checkmark-filled-circle.svg;
  --pharos-asset-icon-checkmark-inverse: assets/icons/checkmark-inverse.svg;
  --pharos-asset-icon-checkmark-small: assets/icons/checkmark-small.svg;
  --pharos-asset-icon-chevron-down: assets/icons/chevron-down.svg;
  --pharos-asset-icon-chevron-left: assets/icons/chevron-left.svg;
  --pharos-asset-icon-chevron-left-large: assets/icons/chevron-left-large.svg;
  --pharos-asset-icon-chevron-right: assets/icons/chevron-right.svg;
  --pharos-asset-icon-chevron-right-large: assets/icons/chevron-right-large.svg;
  --pharos-asset-icon-chevron-up: assets/icons/chevron-up.svg;
  --pharos-asset-icon-circle: assets/icons/circle.svg;
  --pharos-asset-icon-cite: assets/icons/cite.svg;
  --pharos-asset-icon-close: assets/icons/close.svg;
  --pharos-asset-icon-close-small: assets/icons/close-small.svg;
  --pharos-asset-icon-close-inverse: assets/icons/close-inverse.svg;
  --pharos-asset-icon-closed-captions-off: assets/icons/closed-captions-off.svg;
  --pharos-asset-icon-closed-captions-on: assets/icons/closed-captions-on.svg;
  --pharos-asset-icon-compare: assets/icons/compare.svg;
  --pharos-asset-icon-collapse: assets/icons/shift-right.svg;
  --pharos-asset-icon-community: assets/icons/community.svg;
  --pharos-asset-icon-copy: assets/icons/copy.svg;
  --pharos-asset-icon-dash-small: assets/icons/dash-small.svg;
  --pharos-asset-icon-delete: assets/icons/delete.svg;
  --pharos-asset-icon-download: assets/icons/download.svg;
  --pharos-asset-icon-drag-and-drop: assets/icons/drag-and-drop.svg;
  --pharos-asset-icon-edit: assets/icons/edit.svg;
  --pharos-asset-icon-ellipses-horizontal: assets/icons/ellipses-horizontal.svg;
  --pharos-asset-icon-ellipses-vertical: assets/icons/ellipses-vertical.svg;
  --pharos-asset-icon-email: assets/icons/email.svg;
  --pharos-asset-icon-exclamation: assets/icons/exclamation.svg;
  --pharos-asset-icon-exclamation-inverse: assets/icons/exclamation-inverse.svg;
  --pharos-asset-icon-expand: assets/icons/shift-left.svg;
  --pharos-asset-icon-facebook: assets/icons/facebook.svg;
  --pharos-asset-icon-feedback: assets/icons/feedback.svg;
  --pharos-asset-icon-filetype-html: assets/icons/filetype-html.svg;
  --pharos-asset-icon-filetype-pdf: assets/icons/filetype-pdf.svg;
  --pharos-asset-icon-filetype-ppt: assets/icons/filetype-ppt.svg;
  --pharos-asset-icon-filetype-zip: assets/icons/filetype-zip.svg;
  --pharos-asset-icon-filter: assets/icons/filter.svg;
  --pharos-asset-icon-fit-to-view: assets/icons/fit-to-view.svg;
  --pharos-asset-icon-fit-to-width: assets/icons/fit-to-width.svg;
  --pharos-asset-icon-folder: assets/icons/folder.svg;
  --pharos-asset-icon-folder-new: assets/icons/folder-new.svg;
  --pharos-asset-icon-folder-selected: assets/icons/folder-selected.svg;
  --pharos-asset-icon-fullscreen: assets/icons/fullscreen.svg;
  --pharos-asset-icon-fullscreen-minimize: assets/icons/fullscreen-minimize.svg;
  --pharos-asset-icon-gear: assets/icons/gear.svg;
  --pharos-asset-icon-gen-ai: assets/icons/gen-ai.svg;
  --pharos-asset-icon-google-color: assets/icons/google-color.svg;
  --pharos-asset-icon-google: assets/icons/google.svg;
  --pharos-asset-icon-group: assets/icons/group.svg;
  --pharos-asset-icon-hide: assets/icons/hide.svg;
  --pharos-asset-icon-history: assets/icons/history.svg;
  --pharos-asset-icon-image: assets/icons/image.svg;
  --pharos-asset-icon-info-inverse: assets/icons/info-inverse.svg;
  --pharos-asset-icon-instagram: assets/icons/instagram.svg;
  --pharos-asset-icon-institution: assets/icons/institution.svg;
  --pharos-asset-icon-laptop: assets/icons/laptop.svg;
  --pharos-asset-icon-link: assets/icons/link.svg;
  --pharos-asset-icon-link-add: assets/icons/link-add.svg;
  --pharos-asset-icon-link-external: assets/icons/link-external.svg;
  --pharos-asset-icon-link-external-small: assets/icons/link-external-small.svg;
  --pharos-asset-icon-linkedin: assets/icons/linkedin.svg;
  --pharos-asset-icon-menu: assets/icons/menu.svg;
  --pharos-asset-icon-microsoft-color: assets/icons/microsoft-color.svg;
  --pharos-asset-icon-mode-paging: assets/icons/mode-paging.svg;
  --pharos-asset-icon-mode-scrolling: assets/icons/mode-scrolling.svg;
  --pharos-asset-icon-move: assets/icons/move.svg;
  --pharos-asset-icon-new: assets/icons/new.svg;
  --pharos-asset-icon-notification: assets/icons/notification.svg;
  --pharos-asset-icon-notification-unread: assets/icons/notification-unread.svg;
  --pharos-asset-icon-page-break: assets/icons/page-break.svg;
  --pharos-asset-icon-page-first: assets/icons/page-first.svg;
  --pharos-asset-icon-page-last: assets/icons/page-last.svg;
  --pharos-asset-icon-panorama: assets/icons/panorama.svg;
  --pharos-asset-icon-partial-circle: assets/icons/partial-circle.svg;
  --pharos-asset-icon-pause: assets/icons/pause.svg;
  --pharos-asset-icon-pause-large: assets/icons/pause-large.svg;
  --pharos-asset-icon-pin: assets/icons/pin.svg;
  --pharos-asset-icon-pin-filled: assets/icons/pin-filled.svg;
  --pharos-asset-icon-play: assets/icons/play.svg;
  --pharos-asset-icon-play-large: assets/icons/play-large.svg;
  --pharos-asset-icon-primary-source: assets/icons/primary-source.svg;
  --pharos-asset-icon-private: assets/icons/private.svg;
  --pharos-asset-icon-profile: assets/icons/profile.svg;
  --pharos-asset-icon-question-inverse: assets/icons/question-inverse.svg;
  --pharos-asset-icon-refresh: assets/icons/refresh.svg;
  --pharos-asset-icon-register: assets/icons/register.svg;
  --pharos-asset-icon-reorder: assets/icons/reorder.svg;
  --pharos-asset-icon-research-tool: assets/icons/research-tool.svg;
  --pharos-asset-icon-restrictive: assets/icons/restrictive.svg;
  --pharos-asset-icon-rotate: assets/icons/rotate.svg;
  --pharos-asset-icon-save: assets/icons/save.svg;
  --pharos-asset-icon-save-and-close: assets/icons/save-and-close.svg;
  --pharos-asset-icon-save-changes: assets/icons/save-changes.svg;
  --pharos-asset-icon-saved: assets/icons/saved.svg;
  --pharos-asset-icon-search: assets/icons/search.svg;
  --pharos-asset-icon-seek-backward: assets/icons/seek-backward.svg;
  --pharos-asset-icon-seek-forward: assets/icons/seek-forward.svg;
  --pharos-asset-icon-select-text: assets/icons/select-text.svg;
  --pharos-asset-icon-send: assets/icons/send.svg;
  --pharos-asset-icon-share: assets/icons/share.svg;
  --pharos-asset-icon-show: assets/icons/show.svg;
  --pharos-asset-icon-side-panel: assets/icons/side-panel.svg;
  --pharos-asset-icon-shift-left: assets/icons/shift-left.svg;
  --pharos-asset-icon-shift-right: assets/icons/shift-right.svg;
  --pharos-asset-icon-shift-up: assets/icons/shift-up.svg;
  --pharos-asset-icon-shift-down: assets/icons/shift-down.svg;
  --pharos-asset-icon-sort: assets/icons/sort.svg;
  --pharos-asset-icon-sound-high: assets/icons/sound-high.svg;
  --pharos-asset-icon-sound-low: assets/icons/sound-low.svg;
  --pharos-asset-icon-sound-none: assets/icons/sound-none.svg;
  --pharos-asset-icon-star: assets/icons/star.svg;
  --pharos-asset-icon-star-filled: assets/icons/star-filled.svg;
  --pharos-asset-icon-text-align-center: assets/icons/text-align-center.svg;
  --pharos-asset-icon-text-align-left: assets/icons/text-align-left.svg;
  --pharos-asset-icon-text-align-right: assets/icons/text-align-right.svg;
  --pharos-asset-icon-text-bold: assets/icons/text-bold.svg;
  --pharos-asset-icon-text-italic: assets/icons/text-italic.svg;
  --pharos-asset-icon-text-strikethrough: assets/icons/text-strikethrough.svg;
  --pharos-asset-icon-text-underline: assets/icons/text-underline.svg;
  --pharos-asset-icon-threads: assets/icons/threads.svg;
  --pharos-asset-icon-thumbs-up: assets/icons/thumbs-up.svg;
  --pharos-asset-icon-thumbs-up-filled: assets/icons/thumbs-up-filled.svg;
  --pharos-asset-icon-thumbs-down: assets/icons/thumbs-down.svg;
  --pharos-asset-icon-thumbs-down-filled: assets/icons/thumbs-down-filled.svg;
  --pharos-asset-icon-tumblr: assets/icons/tumblr.svg;
  --pharos-asset-icon-twitter: assets/icons/twitter.svg;
  --pharos-asset-icon-upload: assets/icons/upload.svg;
  --pharos-asset-icon-video: assets/icons/video.svg;
  --pharos-asset-icon-view-gallery: assets/icons/view-gallery.svg;
  --pharos-asset-icon-view-grid: assets/icons/view-grid.svg;
  --pharos-asset-icon-view-list: assets/icons/view-list.svg;
  --pharos-asset-icon-viewer-panel: assets/icons/viewer-panel.svg;
  --pharos-asset-icon-workspace: assets/icons/workspace.svg;
  --pharos-asset-icon-workspace-selected: assets/icons/workspace-selected.svg;
  --pharos-asset-icon-youtube: assets/icons/youtube.svg;
  --pharos-asset-icon-zoom-in: assets/icons/zoom-in.svg;
  --pharos-asset-icon-zoom-out: assets/icons/zoom-out.svg;
  --pharos-breakpoint-small: 22.5rem; /** 360px */
  --pharos-breakpoint-medium: 48rem; /** 768px */
  --pharos-breakpoint-large: 66rem; /** 1056px */
  --pharos-breakpoint-xlarge: 85rem; /** 1360px */
  --pharos-breakpoint-max: 99rem; /** 1584px */
  --pharos-color-jstor-red: hsl(0, 100%, 30%);
  --pharos-color-night-blue-15: hsl(219, 82%, 15%);
  --pharos-color-night-blue-60: hsl(219, 25%, 60%);
  --pharos-color-night-blue-base: hsl(219, 79.4%, 24.7%);
  --pharos-color-glacier-blue-30: hsl(190,80%,32%);
  --pharos-color-glacier-blue-40: hsl(190, 89%, 39%);
  --pharos-color-glacier-blue-70: hsl(187, 75%, 70%);
  --pharos-color-glacier-blue-80: hsl(188, 47%, 80%);
  --pharos-color-glacier-blue-90: hsl(186.3, 37.3%, 90%);
  --pharos-color-glacier-blue-base: hsl(187.4, 75.6%, 51.8%);
  --pharos-color-living-coral-50: hsl(0, 57%, 50%);
  --pharos-color-living-coral-53: hsl(1, 72%, 53%);
  --pharos-color-living-coral-80: hsl(0, 94%, 80%);
  --pharos-color-living-coral-90: hsl(0, 57%, 90%);
  --pharos-color-living-coral-base: hsl(0, 95.7%, 63.3%);
  --pharos-color-marble-gray-10: hsl(60, 2%, 10%);
  --pharos-color-marble-gray-20: hsl(30, 2%, 20%);
  --pharos-color-marble-gray-30: hsl(60, 1%, 30%);
  --pharos-color-marble-gray-40: hsl(60, 1%, 40%);
  --pharos-color-marble-gray-50: hsl(40, 1.2%, 50%);
  --pharos-color-marble-gray-80: hsl(48, 9.8%, 80%);
  --pharos-color-marble-gray-94: hsl(48, 16%, 94%);
  --pharos-color-marble-gray-97: hsl(40, 20%, 97.1%);
  --pharos-color-marble-gray-base: hsl(46.7, 17.6%, 90%);
  --pharos-color-black: hsl(0, 0%, 0%);
  --pharos-color-white: hsl(0, 0%, 100%);
  --pharos-color-yellow-97: hsl(38.2, 73.3%, 97.1%);
  --pharos-color-yellow-base: hsl(37.1, 95.5%, 56.5%);
  --pharos-color-green-93: hsl(135, 22.2%, 92.9%);
  --pharos-color-green-97: hsl(140, 60%, 97.0%);
  --pharos-color-green-base: hsl(137.6, 54.8%, 32.9%);
  --pharos-color-engineering-orange: hsl(0, 81%, 43%);
  --pharos-color-dark-garnet: hsl(0, 100%, 19%);
  --pharos-color-overlay: hsla(0, 0%, 0%, 0.5);
  --pharos-button-color-base-primary-background-hover: transparent;
  --pharos-button-color-base-secondary-background-base: transparent;
  --pharos-button-color-base-secondary-background-hover: transparent;
  --pharos-button-color-base-subtle-background-base: transparent;
  --pharos-button-color-base-subtle-background-disabled: transparent;
  --pharos-button-color-base-subtle-border-base: transparent;
  --pharos-button-color-base-subtle-border-disabled: transparent;
  --pharos-button-color-on-background-primary-background-hover: transparent;
  --pharos-button-color-on-background-secondary-background-base: transparent;
  --pharos-button-color-on-background-secondary-background-hover: transparent;
  --pharos-button-color-on-background-subtle-background-base: transparent;
  --pharos-button-color-on-background-subtle-background-disabled: transparent;
  --pharos-button-color-on-background-subtle-border-base: transparent;
  --pharos-button-color-on-background-subtle-border-disabled: transparent;
  --pharos-coach-mark-size-border: 1px;
  --pharos-coach-mark-size-pip: 10px;
  --pharos-combobox-size-height-list: 15rem; /** TODO: Update with core token value */
  --pharos-combobox-size-height-clear: 1.875rem; /** TODO: Update with core token value */
  --pharos-dropdown-menu-size-width-min: 9rem; /** TODO: Update with core token value */
  --pharos-dropdown-menu-size-width-max: 17rem; /** TODO: Update with core token value */
  --pharos-modal-size-width-base: 40rem; /** TODO: Update with core token value */
  --pharos-multiselect-dropdown-size-height-list: 16.75rem; /** TODO: Update with core token value */
  --pharos-pill-preset-7-text-color-base: hsl(210, 98%, 43%);
  --pharos-pill-preset-7-text-color-hover: hsl(210, 98%, 43%);
  --pharos-pill-preset-7-border-color-base: hsl(210, 98%, 43%);
  --pharos-pill-preset-7-border-color-hover: hsl(210, 98%, 43%);
  --pharos-pill-preset-8-text-color-base: hsl(243, 84%, 64%);
  --pharos-pill-preset-8-text-color-hover: hsl(243, 84%, 64%);
  --pharos-pill-preset-8-border-color-base: hsl(243, 84%, 64%);
  --pharos-pill-preset-8-border-color-hover: hsl(243, 84%, 64%);
  --pharos-pill-preset-9-text-color-base: hsl(299, 64%, 45%);
  --pharos-pill-preset-9-text-color-hover: hsl(299, 64%, 45%);
  --pharos-pill-preset-9-border-color-base: hsl(299, 64%, 45%);
  --pharos-pill-preset-9-border-color-hover: hsl(299, 64%, 45%);
  --pharos-textarea-size-height-base: 1.5rem; /** TODO: Update with core token value */
  --pharos-elevation-level-1: 0px 1px 2px 0px rgba(18, 18, 18, 0.3),0px 1px 3px 1px rgba(18, 18, 18, 0.15);
  --pharos-elevation-level-2: 0px 1px 2px 0px rgba(18, 18, 18, 0.3),0px 2px 6px 2px rgba(18, 18, 18, 0.15);
  --pharos-elevation-level-3: 0px 1px 2px 0px rgba(18, 18, 18, 0.3),0px 4px 8px 3px rgba(18, 18, 18, 0.15);
  --pharos-elevation-level-4: 0px 1px 2px 0px rgba(18, 18, 18, 0.3),0px 6px 10px 4px rgba(18, 18, 18, 0.15);
  --pharos-elevation-level-5: 0px 1px 2px 0px rgba(18, 18, 18, 0.3),0px 8px 12px 6px rgba(18, 18, 18, 0.15);
  --pharos-font-family-sans-serif: GT America Standard, Helvetica, Helvetica Neue, Arial, Segoe UI, Roboto, Droid Sans, sans-serif;
  --pharos-font-family-serif: Ivar Headline, Times, Georgia, serif;
  --pharos-font-weight-regular: 400;
  --pharos-font-weight-bold: 700;
  --pharos-line-height-xsmall: 1rem; /** 16px */
  --pharos-line-height-small: 1.25rem; /** 20px */
  --pharos-line-height-medium: 1.5rem; /** 24px */
  --pharos-line-height-large: 1.75rem; /** 28px */
  --pharos-line-height-xlarge: 2.25rem; /** 36px */
  --pharos-line-height-heading-large: 1;
  --pharos-radius-base-standard: 0.125rem; /** 2px */
  --pharos-spacing-one-eighth-x: 0.125rem; /** 2px */
  --pharos-spacing-one-quarter-x: 0.25rem; /** 4px */
  --pharos-spacing-one-half-x: 0.5rem; /** 8px */
  --pharos-spacing-three-quarters-x: 0.75rem; /** 12px */
  --pharos-spacing-1-x: 1rem; /** 16px */
  --pharos-spacing-one-and-a-half-x: 1.5rem; /** 24px */
  --pharos-spacing-2-x: 2rem; /** 32px */
  --pharos-spacing-3-x: 3rem; /** 48px */
  --pharos-spacing-three-and-a-half-x: 3.5rem; /** 56px */
  --pharos-spacing-5-x: 5rem; /** 80px */
  --pharos-spacing-7-x: 7rem; /** 112px */
  --pharos-spacing-10-x: 10rem; /** 160px */
  --pharos-transition-base: 250ms cubic-bezier(0.17, 0.67, 0.83, 0.67);
  --pharos-transition-duration-shorter: 50ms;
  --pharos-transition-duration-short: 100ms;
  --pharos-transition-duration-default: 250ms;
  --pharos-transition-duration-long: 500ms;
  --pharos-transition-duration-longer: 1000ms;
  --pharos-transition-curve-base: cubic-bezier(0.17, 0.67, 0.83, 0.67);
  --pharos-type-scale-1: 0.75rem; /** 12px */
  --pharos-type-scale-2: 0.875rem; /** 14px */
  --pharos-type-scale-3: 1rem; /** 16px */
  --pharos-type-scale-4: 1.125rem; /** 18px */
  --pharos-type-scale-5: 1.25rem; /** 20px */
  --pharos-type-scale-6: 1.5rem; /** 24px */
  --pharos-type-scale-7: 1.75rem; /** 28px */
  --pharos-type-scale-8: 2rem; /** 32px */
  --pharos-type-scale-9: 2.25rem; /** 36px */
  --pharos-type-scale-10: 2.625rem; /** 42px */
  --pharos-type-scale-11: 3rem; /** 48px */
  --pharos-type-scale-12: 3.375rem; /** 54px */
  --pharos-type-scale-13: 3.75rem; /** 60px */
  --pharos-type-scale-14: 4.25rem; /** 68px */
  --pharos-color-interactive-primary: var(--pharos-color-jstor-red);
  --pharos-color-interactive-secondary: var(--pharos-color-black);
  --pharos-color-interactive-tertiary: var(--pharos-color-white);
  --pharos-color-ui-10: var(--pharos-color-white);
  --pharos-color-ui-20: var(--pharos-color-marble-gray-94);
  --pharos-color-ui-30: var(--pharos-color-marble-gray-base);
  --pharos-color-ui-40: var(--pharos-color-marble-gray-80);
  --pharos-color-ui-50: var(--pharos-color-marble-gray-50);
  --pharos-color-feedback-error: var(--pharos-color-living-coral-53);
  --pharos-color-feedback-success: var(--pharos-color-green-base);
  --pharos-color-feedback-warning: var(--pharos-color-yellow-base);
  --pharos-color-feedback-info: var(--pharos-color-glacier-blue-40);
  --pharos-color-text-10: var(--pharos-color-marble-gray-10);
  --pharos-color-text-20: var(--pharos-color-marble-gray-20);
  --pharos-color-text-40: var(--pharos-color-marble-gray-40);
  --pharos-color-text-50: var(--pharos-color-marble-gray-50);
  --pharos-color-text-base: var(--pharos-color-black);
  --pharos-color-text-white: var(--pharos-color-white);
  --pharos-color-focus: var(--pharos-color-glacier-blue-40);
  --pharos-alert-color-background-base: var(--pharos-color-marble-gray-94);
  --pharos-alert-color-background-info: var(--pharos-color-glacier-blue-90);
  --pharos-alert-color-background-error: var(--pharos-color-living-coral-90);
  --pharos-alert-color-background-success: var(--pharos-color-green-93);
  --pharos-alert-color-background-warning: var(--pharos-color-yellow-97);
  --pharos-alert-color-icon-base: var(--pharos-color-black);
  --pharos-alert-color-icon-info: var(--pharos-color-glacier-blue-40);
  --pharos-alert-color-link-inverse: var(--pharos-color-white);
  --pharos-alert-color-border-base: var(--pharos-color-marble-gray-94);
  --pharos-alert-color-border-info: var(--pharos-color-glacier-blue-40);
  --pharos-button-padding-base: var(--pharos-spacing-one-quarter-x);
  --pharos-button-padding-condensed: var(--pharos-spacing-one-eighth-x);
  --pharos-button-padding-large: var(--pharos-spacing-one-half-x);
  --pharos-button-color-base-overlay-background-base: var(--pharos-color-marble-gray-10);
  --pharos-button-color-base-overlay-background-hover: var(--pharos-color-marble-gray-20);
  --pharos-button-color-base-overlay-border-base: var(--pharos-color-marble-gray-10);
  --pharos-button-color-base-overlay-border-hover: var(--pharos-color-marble-gray-20);
  --pharos-button-color-on-background-primary-background-disabled: var(--pharos-color-marble-gray-20);
  --pharos-button-color-on-background-primary-text-disabled: var(--pharos-color-marble-gray-50);
  --pharos-button-color-on-background-primary-border-disabled: var(--pharos-color-marble-gray-20);
  --pharos-button-color-on-background-secondary-background-disabled: var(--pharos-color-marble-gray-20);
  --pharos-button-color-on-background-secondary-text-disabled: var(--pharos-color-marble-gray-50);
  --pharos-button-color-on-background-secondary-border-base: var(--pharos-color-marble-gray-50);
  --pharos-button-color-on-background-secondary-border-disabled: var(--pharos-color-marble-gray-20);
  --pharos-button-color-on-background-subtle-background-hover: var(--pharos-color-marble-gray-20);
  --pharos-button-color-on-background-subtle-text-disabled: var(--pharos-color-marble-gray-50);
  --pharos-button-color-on-background-subtle-border-hover: var(--pharos-color-marble-gray-20);
  --pharos-button-color-on-background-overlay-background-base: var(--pharos-color-marble-gray-10);
  --pharos-button-color-on-background-overlay-background-hover: var(--pharos-color-marble-gray-20);
  --pharos-button-color-on-background-overlay-background-disabled: var(--pharos-color-marble-gray-20);
  --pharos-button-color-on-background-overlay-text-disabled: var(--pharos-color-marble-gray-50);
  --pharos-button-color-on-background-overlay-border-base: var(--pharos-color-marble-gray-10);
  --pharos-button-color-on-background-overlay-border-hover: var(--pharos-color-marble-gray-20);
  --pharos-button-color-on-background-overlay-border-disabled: var(--pharos-color-marble-gray-20);
  --pharos-checkbox-group-spacing-vertical: var(--pharos-spacing-one-half-x);
  --pharos-checkbox-group-spacing-horizontal: var(--pharos-spacing-one-and-a-half-x);
  --pharos-coach-mark-color-background-dark: var(--pharos-color-marble-gray-10);
  --pharos-coach-mark-color-background-light: var(--pharos-color-white);
  --pharos-coach-mark-color-border-dark: var(--pharos-color-marble-gray-10);
  --pharos-coach-mark-color-border-light: var(--pharos-color-marble-gray-base);
  --pharos-coach-mark-color-heading-dark: var(--pharos-color-white);
  --pharos-coach-mark-color-heading-light: var(--pharos-color-marble-gray-20);
  --pharos-coach-mark-color-text-dark: var(--pharos-color-marble-gray-80);
  --pharos-coach-mark-color-text-light: var(--pharos-color-marble-gray-20);
  --pharos-dropdown-menu-item-color-text-base: var(--pharos-color-black);
  --pharos-dropdown-menu-item-color-text-hover: var(--pharos-color-jstor-red);
  --pharos-dropdown-menu-item-color-text-disabled: var(--pharos-color-marble-gray-40);
  --pharos-dropdown-menu-item-color-text-description: var(--pharos-color-marble-gray-40);
  --pharos-dropdown-menu-item-color-border-base: var(--pharos-color-marble-gray-80);
  --pharos-dropdown-menu-item-color-background-base: var(--pharos-color-white);
  --pharos-dropdown-menu-item-color-background-active: var(--pharos-color-marble-gray-base);
  --pharos-dropdown-menu-item-color-background-disabled: var(--pharos-color-marble-gray-base);
  --pharos-dropdown-menu-item-color-background-hover: var(--pharos-color-marble-gray-94);
  --pharos-dropdown-menu-item-color-icon-base: var(--pharos-color-black);
  --pharos-dropdown-menu-color-border-base: var(--pharos-color-marble-gray-80);
  --pharos-loading-spinner-color-stroke-primary: var(--pharos-color-jstor-red);
  --pharos-loading-spinner-color-stroke-secondary: var(--pharos-color-living-coral-base);
  --pharos-loading-spinner-color-stroke-on-background: var(--pharos-color-white);
  --pharos-modal-color-background-content: var(--pharos-color-white);
  --pharos-modal-color-border-content: var(--pharos-color-marble-gray-base);
  --pharos-modal-color-icon-close: var(--pharos-color-marble-gray-50);
  --pharos-modal-color-icon-focus: var(--pharos-color-jstor-red);
  --pharos-modal-spacing-base: var(--pharos-spacing-2-x);
  --pharos-pill-disabled-color: var(--pharos-color-marble-gray-50);
  --pharos-pill-disabled-background: var(--pharos-color-marble-gray-base);
  --pharos-pill-preset-1-text-color-base: var(--pharos-color-black);
  --pharos-pill-preset-1-text-color-hover: var(--pharos-color-jstor-red);
  --pharos-pill-preset-1-border-color-base: var(--pharos-color-marble-gray-50);
  --pharos-pill-preset-1-border-color-hover: var(--pharos-color-jstor-red);
  --pharos-pill-preset-1-background-color-base: var(--pharos-color-white);
  --pharos-pill-preset-1-background-color-hover: var(--pharos-color-marble-gray-97);
  --pharos-pill-preset-2-text-color-base: var(--pharos-color-white);
  --pharos-pill-preset-2-text-color-hover: var(--pharos-color-white);
  --pharos-pill-preset-2-border-color-base: var(--pharos-color-white);
  --pharos-pill-preset-2-border-color-hover: var(--pharos-color-white);
  --pharos-pill-preset-2-background-color-base: var(--pharos-color-marble-gray-20);
  --pharos-pill-preset-2-background-color-hover: var(--pharos-color-marble-gray-30);
  --pharos-pill-preset-3-text-color-base: var(--pharos-color-living-coral-50);
  --pharos-pill-preset-3-text-color-hover: var(--pharos-color-living-coral-50);
  --pharos-pill-preset-3-border-color-base: var(--pharos-color-living-coral-50);
  --pharos-pill-preset-3-border-color-hover: var(--pharos-color-living-coral-50);
  --pharos-pill-preset-3-background-color-base: var(--pharos-color-white);
  --pharos-pill-preset-3-background-color-hover: var(--pharos-color-marble-gray-97);
  --pharos-pill-preset-4-text-color-base: var(--pharos-color-dark-garnet);
  --pharos-pill-preset-4-text-color-hover: var(--pharos-color-dark-garnet);
  --pharos-pill-preset-4-border-color-base: var(--pharos-color-dark-garnet);
  --pharos-pill-preset-4-border-color-hover: var(--pharos-color-dark-garnet);
  --pharos-pill-preset-4-background-color-base: var(--pharos-color-white);
  --pharos-pill-preset-4-background-color-hover: var(--pharos-color-marble-gray-97);
  --pharos-pill-preset-5-text-color-base: var(--pharos-color-green-base);
  --pharos-pill-preset-5-text-color-hover: var(--pharos-color-green-base);
  --pharos-pill-preset-5-border-color-base: var(--pharos-color-green-base);
  --pharos-pill-preset-5-border-color-hover: var(--pharos-color-green-base);
  --pharos-pill-preset-5-background-color-base: var(--pharos-color-white);
  --pharos-pill-preset-5-background-color-hover: var(--pharos-color-marble-gray-97);
  --pharos-pill-preset-6-text-color-base: var(--pharos-color-glacier-blue-30);
  --pharos-pill-preset-6-text-color-hover: var(--pharos-color-glacier-blue-30);
  --pharos-pill-preset-6-border-color-base: var(--pharos-color-glacier-blue-30);
  --pharos-pill-preset-6-border-color-hover: var(--pharos-color-glacier-blue-30);
  --pharos-pill-preset-6-background-color-base: var(--pharos-color-white);
  --pharos-pill-preset-6-background-color-hover: var(--pharos-color-marble-gray-97);
  --pharos-pill-preset-7-background-color-base: var(--pharos-color-white);
  --pharos-pill-preset-7-background-color-hover: var(--pharos-color-marble-gray-97);
  --pharos-pill-preset-8-background-color-base: var(--pharos-color-white);
  --pharos-pill-preset-8-background-color-hover: var(--pharos-color-marble-gray-97);
  --pharos-pill-preset-9-background-color-base: var(--pharos-color-white);
  --pharos-pill-preset-9-background-color-hover: var(--pharos-color-marble-gray-97);
  --pharos-radio-group-spacing-vertical: var(--pharos-spacing-one-half-x);
  --pharos-radio-group-spacing-horizontal: var(--pharos-spacing-one-and-a-half-x);
  --pharos-tooltip-color-background-base: var(--pharos-color-marble-gray-20);
  --pharos-font-family-body: var(--pharos-font-family-sans-serif);
  --pharos-font-size-micro: var(--pharos-type-scale-1);
  --pharos-font-size-small: var(--pharos-type-scale-2);
  --pharos-font-size-base: var(--pharos-type-scale-3);
  --pharos-font-size-large: var(--pharos-type-scale-5);
  --pharos-font-size-xlarge: var(--pharos-type-scale-6);
  --pharos-line-height-text-base-condensed: var(--pharos-line-height-small); /** 20px */
  --pharos-spacing-gutter: var(--pharos-spacing-3-x); /** 48px */
  --pharos-color-disabled: var(--pharos-color-ui-30);
  --pharos-color-text-disabled: var(--pharos-color-text-40);
  --pharos-color-text-placeholder: var(--pharos-color-text-40);
  --pharos-color-hover-primary: var(--pharos-color-interactive-primary);
  --pharos-color-hover-secondary: var(--pharos-color-ui-10);
  --pharos-color-hover-row: var(--pharos-color-ui-20);
  --pharos-alert-color-icon-error: var(--pharos-color-feedback-error);
  --pharos-alert-color-icon-success: var(--pharos-color-feedback-success);
  --pharos-alert-color-icon-warning: var(--pharos-color-feedback-warning);
  --pharos-alert-color-text-base: var(--pharos-color-text-base);
  --pharos-alert-color-text-inverse: var(--pharos-color-text-white);
  --pharos-alert-color-link-base: var(--pharos-color-interactive-secondary);
  --pharos-alert-color-border-error: var(--pharos-color-feedback-error);
  --pharos-alert-color-border-success: var(--pharos-color-feedback-success);
  --pharos-alert-color-border-warning: var(--pharos-color-feedback-warning);
  --pharos-button-color-base-primary-background-base: var(--pharos-color-interactive-primary);
  --pharos-button-color-base-primary-text-base: var(--pharos-color-text-white);
  --pharos-button-color-base-primary-text-hover: var(--pharos-color-interactive-primary);
  --pharos-button-color-base-primary-border-base: var(--pharos-color-interactive-primary);
  --pharos-button-color-base-primary-border-hover: var(--pharos-color-interactive-primary);
  --pharos-button-color-base-secondary-text-base: var(--pharos-color-text-base);
  --pharos-button-color-base-secondary-text-hover: var(--pharos-color-interactive-primary);
  --pharos-button-color-base-secondary-border-base: var(--pharos-color-ui-40);
  --pharos-button-color-base-secondary-border-hover: var(--pharos-color-interactive-primary);
  --pharos-button-color-base-subtle-background-hover: var(--pharos-color-ui-20);
  --pharos-button-color-base-subtle-text-base: var(--pharos-color-text-base);
  --pharos-button-color-base-subtle-text-hover: var(--pharos-color-interactive-primary);
  --pharos-button-color-base-subtle-border-hover: var(--pharos-color-ui-20);
  --pharos-button-color-base-overlay-text-base: var(--pharos-color-text-white);
  --pharos-button-color-base-overlay-text-hover: var(--pharos-color-text-white);
  --pharos-button-color-on-background-primary-background-base: var(--pharos-color-interactive-primary);
  --pharos-button-color-on-background-primary-text-base: var(--pharos-color-text-white);
  --pharos-button-color-on-background-primary-text-hover: var(--pharos-color-text-white);
  --pharos-button-color-on-background-primary-border-base: var(--pharos-color-interactive-primary);
  --pharos-button-color-on-background-primary-border-hover: var(--pharos-color-ui-10);
  --pharos-button-color-on-background-secondary-text-base: var(--pharos-color-text-white);
  --pharos-button-color-on-background-secondary-text-hover: var(--pharos-color-text-white);
  --pharos-button-color-on-background-secondary-border-hover: var(--pharos-color-ui-10);
  --pharos-button-color-on-background-subtle-text-base: var(--pharos-color-text-white);
  --pharos-button-color-on-background-subtle-text-hover: var(--pharos-color-text-white);
  --pharos-button-color-on-background-overlay-text-base: var(--pharos-color-text-white);
  --pharos-button-color-on-background-overlay-text-hover: var(--pharos-color-text-white);
  --pharos-checkbox-color-background-base: var(--pharos-color-ui-10);
  --pharos-coach-mark-size-text: var(--pharos-font-size-small);
  --pharos-combobox-color-text-selected: var(--pharos-color-text-base);
  --pharos-combobox-color-icon-clear: var(--pharos-color-ui-50);
  --pharos-combobox-color-icon-dropdown: var(--pharos-color-interactive-secondary);
  --pharos-combobox-color-icon-checkmark: var(--pharos-color-interactive-secondary);
  --pharos-combobox-color-icon-focus: var(--pharos-color-interactive-primary);
  --pharos-form-element-color-text-base: var(--pharos-color-text-base);
  --pharos-form-element-color-text-required: var(--pharos-color-feedback-error);
  --pharos-form-element-color-text-invalid: var(--pharos-color-feedback-error);
  --pharos-form-element-color-background-selected: var(--pharos-color-interactive-secondary);
  --pharos-form-element-color-border-base: var(--pharos-color-ui-50);
  --pharos-form-element-color-border-focus: var(--pharos-color-focus);
  --pharos-form-element-color-border-invalid: var(--pharos-color-feedback-error);
  --pharos-form-element-color-border-disabled: var(--pharos-color-ui-40);
  --pharos-form-element-size-text-label: var(--pharos-font-size-small);
  --pharos-form-element-size-text-input: var(--pharos-font-size-base);
  --pharos-multiselect-dropdown-color-text-selected: var(--pharos-color-text-base);
  --pharos-multiselect-dropdown-color-icon-dropdown: var(--pharos-color-interactive-secondary);
  --pharos-radio-button-color-background-base: var(--pharos-color-ui-10);
  --pharos-table-header-color-background: var(--pharos-color-ui-20);
  --pharos-table-header-color-border: var(--pharos-color-ui-30);
  --pharos-table-body-color-border: var(--pharos-color-ui-30);
  --pharos-text-input-color-icon-valid: var(--pharos-color-feedback-success);
  --pharos-text-input-color-icon-invalid: var(--pharos-color-feedback-error);
  --pharos-tooltip-color-text-base: var(--pharos-color-text-white);
  --pharos-tooltip-size-text-base: var(--pharos-font-size-small);
  --pharos-button-color-base-primary-background-disabled: var(--pharos-color-disabled);
  --pharos-button-color-base-primary-text-disabled: var(--pharos-color-text-disabled);
  --pharos-button-color-base-primary-border-disabled: var(--pharos-color-disabled);
  --pharos-button-color-base-secondary-background-disabled: var(--pharos-color-disabled);
  --pharos-button-color-base-secondary-text-disabled: var(--pharos-color-text-disabled);
  --pharos-button-color-base-secondary-border-disabled: var(--pharos-color-disabled);
  --pharos-button-color-base-subtle-text-disabled: var(--pharos-color-text-disabled);
  --pharos-button-color-base-overlay-background-disabled: var(--pharos-color-disabled);
  --pharos-button-color-base-overlay-text-disabled: var(--pharos-color-text-disabled);
  --pharos-button-color-base-overlay-border-disabled: var(--pharos-color-disabled);
  --pharos-combobox-color-text-hover: var(--pharos-color-hover-primary);
  --pharos-form-element-color-text-disabled: var(--pharos-color-text-disabled);
  --pharos-form-element-color-text-placeholder: var(--pharos-color-text-placeholder);
  --pharos-form-element-color-background-disabled: var(--pharos-color-disabled);
  --pharos-multiselect-dropdown-color-text-hover: var(--pharos-color-hover-primary);
}