:root {
--pgn-color-dark-base: #313131FF;
--pgn-color-light-base: #E1DDDBFF;
--pgn-color-brand-base: #1565c0;
--pgn-color-primary-base: #1565c0;
--pgn-color-gray-base: #707070FF;
--pgn-color-gray-900: #212529FF;
--pgn-color-gray-800: #333333FF;
--pgn-color-gray-700: #454545FF;
--pgn-color-gray-600: #5C5C5CFF;
--pgn-color-gray-500: var(--pgn-color-gray-base);
--pgn-color-gray-400: #8F8F8FFF;
--pgn-color-gray-300: #ADADADFF;
--pgn-color-gray-200: #CCCCCCFF;
--pgn-color-gray-100: #EBEBEBFF;
--pgn-color-accent-b: #FFEE88FF;
--pgn-color-accent-a: #00BBF9FF;
--pgn-color-teal: #5BC0DEFF;
--pgn-color-yellow: #FFD500FF;
--pgn-color-green: #178253FF;
--pgn-color-red: #D9534FFF;
--pgn-color-blue: #0275D8FF;
--pgn-color-black: #000000FF;
--pgn-color-white: #FFFFFFFF;
--pgn-color-toast-base: inherit;
--pgn-color-progress-bar-bg: #00000000;
--pgn-color-product-tour-checkpoint-arrow-border-transparent: #00000000;
--pgn-color-popover-border: #00000033;
--pgn-color-menu-border-hover: #00000000;
--pgn-color-menu-border-active: #00000000;
--pgn-color-menu-border-base: #00000000;
--pgn-color-icon-button-bg: #00000000;
--pgn-color-mark-bg: #FFF243FF;
--pgn-color-list-group-base: inherit;
--pgn-color-form-control-select-bg-size: #000000FF;
--pgn-color-form-control-label-base: inherit;
--pgn-color-code-base: #E83E8CFF;
--pgn-color-carousel-control-opacity-hover: #000000FF;
--pgn-color-carousel-control-opacity-base: #000000FF;
--pgn-color-card-base: inherit;
--pgn-color-btn-disabled-border-inverse-warning: #00000000;
--pgn-color-btn-disabled-border-inverse-outline-success: inherit;
--pgn-color-btn-disabled-border-inverse-success: #00000000;
--pgn-color-btn-disabled-border-secondary: inherit;
--pgn-color-btn-disabled-border-inverse-primary: #00000000;
--pgn-color-btn-disabled-border-inverse-light: #00000000;
--pgn-color-btn-disabled-border-inverse-info: #00000000;
--pgn-color-btn-disabled-border-inverse-dark: #00000000;
--pgn-color-btn-disabled-border-inverse-danger: #00000000;
--pgn-color-btn-disabled-bg-inverse-outline-warning: inherit;
--pgn-color-btn-disabled-bg-inverse-warning: inherit;
--pgn-color-btn-disabled-bg-outline-warning: inherit;
--pgn-color-btn-disabled-bg-inverse-tertiary: inherit;
--pgn-color-btn-disabled-bg-tertiary: inherit;
--pgn-color-btn-disabled-bg-inverse-outline-success: inherit;
--pgn-color-btn-disabled-bg-inverse-success: inherit;
--pgn-color-btn-disabled-bg-outline-success: inherit;
--pgn-color-btn-disabled-bg-inverse-outline-secondary: inherit;
--pgn-color-btn-disabled-bg-inverse-secondary: inherit;
--pgn-color-btn-disabled-bg-outline-secondary: inherit;
--pgn-color-btn-disabled-bg-inverse-outline-primary: inherit;
--pgn-color-btn-disabled-bg-outline-primary: inherit;
--pgn-color-btn-disabled-bg-inverse-outline-light: inherit;
--pgn-color-btn-disabled-bg-inverse-light: inherit;
--pgn-color-btn-disabled-bg-outline-light: inherit;
--pgn-color-btn-disabled-bg-inverse-outline-info: inherit;
--pgn-color-btn-disabled-bg-inverse-info: inherit;
--pgn-color-btn-disabled-bg-outline-info: inherit;
--pgn-color-btn-disabled-bg-inverse-outline-dark: inherit;
--pgn-color-btn-disabled-bg-inverse-dark: inherit;
--pgn-color-btn-disabled-bg-outline-dark: inherit;
--pgn-color-btn-disabled-bg-inverse-outline-danger: inherit;
--pgn-color-btn-disabled-bg-inverse-danger: #00000000;
--pgn-color-btn-disabled-bg-outline-danger: inherit;
--pgn-color-btn-disabled-bg-outline-brand: inherit;
--pgn-color-btn-disabled-text-inverse-secondary: inherit;
--pgn-color-btn-disabled-text-outline-secondary: inherit;
--pgn-color-btn-disabled-text-outline-dark: inherit;
--pgn-color-btn-focus-outline-inverse-outline-warning: inherit;
--pgn-color-btn-focus-bg-inverse-outline-warning: inherit;
--pgn-color-btn-focus-bg-outline-warning: inherit;
--pgn-color-btn-focus-bg-inverse-tertiary: inherit;
--pgn-color-btn-focus-bg-tertiary: inherit;
--pgn-color-btn-focus-bg-inverse-outline-success: inherit;
--pgn-color-btn-focus-bg-outline-success: inherit;
--pgn-color-btn-focus-bg-inverse-outline-secondary: inherit;
--pgn-color-btn-focus-bg-outline-secondary: #00000000;
--pgn-color-btn-focus-bg-inverse-outline-primary: inherit;
--pgn-color-btn-focus-bg-outline-primary: inherit;
--pgn-color-btn-focus-bg-inverse-outline-light: inherit;
--pgn-color-btn-focus-bg-outline-light: #00000000;
--pgn-color-btn-focus-bg-inverse-outline-info: inherit;
--pgn-color-btn-focus-bg-outline-info: inherit;
--pgn-color-btn-focus-bg-inverse-outline-dark: inherit;
--pgn-color-btn-focus-bg-outline-dark: inherit;
--pgn-color-btn-focus-bg-inverse-outline-danger: inherit;
--pgn-color-btn-focus-bg-outline-danger: inherit;
--pgn-color-btn-focus-bg-inverse-outline-brand: inherit;
--pgn-color-btn-focus-bg-outline-brand: inherit;
--pgn-color-btn-focus-border-inverse-tertiary: #00000000;
--pgn-color-btn-focus-text-inverse-secondary: inherit;
--pgn-color-btn-focus-text-outline-dark: inherit;
--pgn-color-btn-active-border-inverse-outline-warning: #00000000;
--pgn-color-btn-active-border-inverse-warning: inherit;
--pgn-color-btn-active-border-inverse-tertiary: #00000000;
--pgn-color-btn-active-border-tertiary: #00000000;
--pgn-color-btn-active-border-inverse-outline-success: #00000000;
--pgn-color-btn-active-border-inverse-success: inherit;
--pgn-color-btn-active-border-inverse-secondary: #00000000;
--pgn-color-btn-active-border-inverse-outline-secondary: #00000000;
--pgn-color-btn-active-border-inverse-primary: #00000000;
--pgn-color-btn-active-border-inverse-outline-primary: #00000000;
--pgn-color-btn-active-border-inverse-outline-light: #00000000;
--pgn-color-btn-active-border-inverse-light: inherit;
--pgn-color-btn-active-border-inverse-outline-info: #00000000;
--pgn-color-btn-active-border-inverse-info: #00000000;
--pgn-color-btn-active-border-inverse-outline-dark: #00000000;
--pgn-color-btn-active-border-inverse-dark: #00000000;
--pgn-color-btn-active-border-inverse-outline-danger: #00000000;
--pgn-color-btn-active-border-inverse-danger: #00000000;
--pgn-color-btn-active-border-inverse-outline-brand: #00000000;
--pgn-color-btn-active-border-inverse-brand: #00000000;
--pgn-color-btn-hover-border-inverse-outline-warning: #00000000;
--pgn-color-btn-hover-border-inverse-warning: #00000000;
--pgn-color-btn-hover-border-inverse-tertiary: #00000000;
--pgn-color-btn-hover-border-tertiary: #00000000;
--pgn-color-btn-hover-border-inverse-outline-success: #00000000;
--pgn-color-btn-hover-border-inverse-success: #00000000;
--pgn-color-btn-hover-border-inverse-secondary: #00000000;
--pgn-color-btn-hover-border-inverse-outline-secondary: #00000000;
--pgn-color-btn-hover-border-inverse-primary: #00000000;
--pgn-color-btn-hover-border-inverse-outline-primary: #00000000;
--pgn-color-btn-hover-border-inverse-outline-light: #00000000;
--pgn-color-btn-hover-border-inverse-light: #00000000;
--pgn-color-btn-hover-border-inverse-outline-info: #00000000;
--pgn-color-btn-hover-border-inverse-info: #00000000;
--pgn-color-btn-hover-border-inverse-outline-dark: #00000000;
--pgn-color-btn-hover-border-inverse-dark: #00000000;
--pgn-color-btn-hover-border-inverse-outline-danger: #00000000;
--pgn-color-btn-hover-border-inverse-danger: #00000000;
--pgn-color-btn-hover-border-inverse-brand: #00000000;
--pgn-color-btn-hover-border-inverse-outline-brand: #00000000;
--pgn-color-btn-border-inverse-warning: #00000000;
--pgn-color-btn-border-inverse-tertiary: #00000000;
--pgn-color-btn-border-tertiary: #00000000;
--pgn-color-btn-border-inverse-success: #00000000;
--pgn-color-btn-border-inverse-secondary: #00000000;
--pgn-color-btn-border-inverse-primary: #00000000;
--pgn-color-btn-border-inverse-light: #00000000;
--pgn-color-btn-border-inverse-info: #00000000;
--pgn-color-btn-border-inverse-dark: #00000000;
--pgn-color-btn-border-inverse-danger: #00000000;
--pgn-color-btn-border-inverse-brand: #00000000;
--pgn-color-btn-bg-inverse-outline-warning: inherit;
--pgn-color-btn-bg-outline-warning: inherit;
--pgn-color-btn-bg-inverse-tertiary: #00000000;
--pgn-color-btn-bg-tertiary: #00000000;
--pgn-color-btn-bg-inverse-outline-success: inherit;
--pgn-color-btn-bg-outline-success: inherit;
--pgn-color-btn-bg-inverse-outline-secondary: inherit;
--pgn-color-btn-bg-outline-secondary: inherit;
--pgn-color-btn-bg-inverse-outline-primary: #00000000;
--pgn-color-btn-bg-outline-primary: #00000000;
--pgn-color-btn-bg-inverse-outline-light: inherit;
--pgn-color-btn-bg-outline-light: inherit;
--pgn-color-btn-bg-inverse-outline-info: inherit;
--pgn-color-btn-bg-outline-info: inherit;
--pgn-color-btn-bg-inverse-outline-dark: #00000000;
--pgn-color-btn-bg-outline-dark: inherit;
--pgn-color-btn-bg-inverse-outline-danger: #00000000;
--pgn-color-btn-bg-outline-danger: inherit;
--pgn-color-btn-bg-inverse-outline-brand: #00000000;
--pgn-color-btn-bg-outline-brand: inherit;
--pgn-theme-interval: 8%;
--pgn-other-tooltip-opacity: 1;
--pgn-other-search-field-disabled-opacity: .3;
--pgn-other-modal-opacity: .5;
--pgn-other-link-emphasized-hover-darken-percentage: 15%;
--pgn-other-chip-opacity-disabled: .3;
--pgn-other-btn-disabled-opacity: .65;
--pgn-other-form-feedback-tooltip-opacity: .9;
--pgn-other-form-control-range-track-cursor: pointer;
--pgn-other-form-control-cursor: auto;
--pgn-elevation-box-shadow-centered-5: 0 0 2.5rem rgba(0, 0, 0, .15), 0 0 3rem rgba(0, 0, 0, .15);
--pgn-elevation-box-shadow-centered-4: 0 0 1.25rem rgba(0, 0, 0, .15), 0 0 1.25rem rgba(0, 0, 0, .15);
--pgn-elevation-box-shadow-centered-3: 0 0 .625rem rgba(0, 0, 0, .15), 0 0 1rem rgba(0, 0, 0, .15);
--pgn-elevation-box-shadow-centered-2: 0 0 .25rem rgba(0, 0, 0, .15), 0 0 .5rem rgba(0, 0, 0, .15);
--pgn-elevation-box-shadow-centered-1: 0 0 .125rem rgba(0, 0, 0, .15), 0 0 .25rem rgba(0, 0, 0, .15);
--pgn-elevation-box-shadow-right-5: 1.25rem 0 2.5rem rgba(0, 0, 0, .15), .5rem 0 3rem rgba(0, 0, 0, .15);
--pgn-elevation-box-shadow-right-4: .625rem 0 1.25rem rgba(0, 0, 0, .15), .5rem 0 1.25rem rgba(0, 0, 0, .15);
--pgn-elevation-box-shadow-right-3: .5rem 0 1rem rgba(0, 0, 0, .15), .25rem 0 .625rem rgba(0, 0, 0, .15);
--pgn-elevation-box-shadow-right-2: .125rem 0 .25rem rgba(0, 0, 0, .15), .125rem 0 .5rem rgba(0, 0, 0, .15);
--pgn-elevation-box-shadow-right-1: .0625rem 0 .125rem rgba(0, 0, 0, .15), .0625rem 0 .25rem rgba(0, 0, 0, .15);
--pgn-elevation-box-shadow-up-5: 0 -1.25rem 2.5rem rgba(0, 0, 0, .15), 0 -.5rem 3rem rgba(0, 0, 0, .15);
--pgn-elevation-box-shadow-up-4: 0 -.625rem 1.25rem rgba(0, 0, 0, .15), 0 -.5rem 1.25rem rgba(0, 0, 0, .15);
--pgn-elevation-box-shadow-up-3: 0 -.5rem 1rem rgba(0, 0, 0, .15), 0 -.25rem .625rem rgba(0, 0, 0, .15);
--pgn-elevation-box-shadow-up-2: 0 -.125rem .25rem rgba(0, 0, 0, .15), 0 -.125rem .5rem rgba(0, 0, 0, .15);
--pgn-elevation-box-shadow-up-1: 0 -.0625rem .125rem rgba(0, 0, 0, .15), 0 -.0625rem .25rem rgba(0, 0, 0, .15);
--pgn-elevation-box-shadow-left-5: -1.25rem 0 2.5rem rgba(0, 0, 0, .15), -.5rem 0 3rem rgba(0, 0, 0, .15);
--pgn-elevation-box-shadow-left-4: -.625rem 0 1.25rem rgba(0, 0, 0, .15), -.5rem 0 1.25rem rgba(0, 0, 0, .15);
--pgn-elevation-box-shadow-left-3: -.5rem 0 1rem rgba(0, 0, 0, .15), -.25rem 0 .625rem rgba(0, 0, 0, .15);
--pgn-elevation-box-shadow-left-2: -.125rem 0 .25rem rgba(0, 0, 0, .15), -.125rem 0 .5rem rgba(0, 0, 0, .15);
--pgn-elevation-box-shadow-left-1: -.0625rem 0 .125rem rgba(0, 0, 0, .15), -.0625rem 0 .25rem rgba(0, 0, 0, .15);
--pgn-elevation-box-shadow-down-5: 0 1.25px 2.5rem rgba(0, 0, 0, .15), 0 .5rem 2.5rem rgba(0, 0, 0, .15);
--pgn-elevation-box-shadow-down-4: 0 .625rem 1.25rem rgba(0, 0, 0, .15), 0 .5rem 1.25rem rgba(0, 0, 0, .15);
--pgn-elevation-box-shadow-down-3: 0 .5rem 1rem rgba(0, 0, 0, .15), 0 .25rem .625rem rgba(0, 0, 0, .15);
--pgn-elevation-box-shadow-down-2: 0 .125rem .25rem rgba(0, 0, 0, .15), 0 .125rem .5rem rgba(0, 0, 0, .15);
--pgn-elevation-box-shadow-down-1: 0 .0625rem .125rem rgba(0, 0, 0, .15), 0 .0625rem .25rem rgba(0, 0, 0, .15);
--pgn-elevation-box-shadow-lg: 0 .25rem .5rem rgba(0, 0, 0, .3);
--pgn-elevation-box-shadow-sm: 0 .0625rem .125rem rgba(0, 0, 0, .2);
--pgn-elevation-box-shadow-base: 0 .125rem .25rem rgba(0, 0, 0, .3);
--pgn-elevation-box-shadow-level-5: 0 1.25px 2.5rem rgba(0, 0, 0, .15), 0 .5rem 2.5rem rgba(0, 0, 0, .15);
--pgn-elevation-box-shadow-level-4: 0 .625rem 1.25rem rgba(0, 0, 0, .15), 0 .5rem 1.25rem rgba(0, 0, 0, .15);
--pgn-elevation-box-shadow-level-3: 0 0 .625rem rgba(0, 0, 0, .15), 0 0 1rem rgba(0, 0, 0, .15);
--pgn-elevation-box-shadow-level-2: 0 .125rem .25rem rgba(0, 0, 0, .15), 0 .125rem .5rem rgba(0, 0, 0, .15);
--pgn-elevation-box-shadow-level-1: 0 .0625rem .125rem rgba(0, 0, 0, .15), 0 .0625rem .25rem rgba(0, 0, 0, .15);
--pgn-elevation-toast-box-shadow: 0 1.25rem 2.5rem rgba(0, 0, 0, .15), 0 .5rem 3rem rgba(0, 0, 0, .15);
--pgn-elevation-sticky-shadow-bottom: 0 .5rem 1rem rgba(0, 0, 0, .15), 0 .25rem .625rem rgba(0, 0, 0, .15);
--pgn-elevation-sticky-shadow-top: 0 -.5rem 1rem rgba(0, 0, 0, .15), 0 -.25rem .625rem rgba(0, 0, 0, .15);
--pgn-elevation-image-thumbnail-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
--pgn-elevation-form-control-select-border-base: inset 0 1px 2px rgba(0, 0, 0, .075);
--pgn-elevation-form-control-range-thumb-base: 0 .1rem .25rem rgba(0, 0, 0, .1);
--pgn-elevation-form-control-range-track: inset 0 .25rem .25rem rgba(0, 0, 0, .1);
--pgn-elevation-form-control-checkbox-indicator-indeterminate: none;
--pgn-elevation-form-control-indicator-active: none;
--pgn-elevation-form-control-indicator-checked-focus: 0 0 0 4px rgba(0, 0, 0, .1);
--pgn-elevation-form-control-indicator-checked-base: none;
--pgn-elevation-form-input-base: inset 0 1px 1px rgba(0, 0, 0, .075);
--pgn-elevation-code-kbd-box-shadow: inset 0 -.1rem 0 rgba(0, 0, 0, .25);
--pgn-elevation-btn-box-shadow-active: none;
--pgn-elevation-btn-box-shadow-base: none;
--pgn-elevation-annotation-box-shadow: drop-shadow(0 2px 4px rgba(0, 0, 0, .15)) drop-shadow(0 2px 8px rgba(0, 0, 0, .15));
--pgn-elevation-alert-box-shadow: 0 1px 2px rgba(0, 0, 0, .15), 0 1px 4px rgba(0, 0, 0, .15);
--pgn-elevation-zindex-fixed: 1030;
--pgn-elevation-zindex-sticky: 1020;
--pgn-elevation-zindex-2000: 2000;
--pgn-elevation-zindex-1800: 1800;
--pgn-elevation-zindex-1600: 1600;
--pgn-elevation-zindex-1400: 1400;
--pgn-elevation-zindex-1200: 1200;
--pgn-elevation-zindex-1000: 1000;
--pgn-elevation-zindex-800: 800;
--pgn-elevation-zindex-600: 600;
--pgn-elevation-zindex-400: 400;
--pgn-elevation-zindex-200: 200;
--pgn-elevation-zindex-0: 0;
--pgn-elevation-tooltip-box-shadow: drop-shadow(0 2px 4px rgba(0, 0, 0, .15)) drop-shadow(0 2px 8px rgba(0, 0, 0, .15));
--pgn-elevation-tooltip-zindex: 1070;
--pgn-elevation-sheet-zindex-main: 1032;
--pgn-elevation-sheet-zindex-backdrop: 1031;
--pgn-elevation-progress-bar-box-shadow: none;
--pgn-elevation-product-tour-checkpoint-zindex: 1060;
--pgn-elevation-popover-box-shadow: drop-shadow(0 2px 4px rgba(0, 0, 0, .15)) drop-shadow(0 2px 8px rgba(0, 0, 0, .15));
--pgn-elevation-popover-zindex: 1060;
--pgn-elevation-modal-content-box-shadow-sm-up: 0 10px 20px rgba(0, 0, 0, .15), 0 8px 20px rgba(0, 0, 0, .15);
--pgn-elevation-modal-zindex: 1050;
--pgn-elevation-modal-backdrop-zindex: 1040;
--pgn-elevation-dropdown-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .175);
--pgn-elevation-dropdown-zindex: 1000;
--pgn-transition-collapse: height .35s ease;
--pgn-transition-fade: opacity .15s linear;
--pgn-transition-base: all .2s ease-in-out;
--pgn-transition-progress-bar-bar-transition: width .6s ease;
--pgn-transition-progress-bar-bar-animation-timing: 1s linear infinite;
--pgn-transition-form-control: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
--pgn-transition-form-input: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
--pgn-transition-carousel-control: opacity .15s ease;
--pgn-transition-carousel-indicator: opacity .6s ease;
--pgn-transition-carousel-duration: .6s;
--pgn-transition-btn: none;
--pgn-transition-badge: none;
--pgn-typography-line-height-sm: 1.5;
--pgn-typography-line-height-lg: 1.5;
--pgn-typography-line-height-base: 1.5556;
--pgn-typography-font-weight-lead: inherit;
--pgn-typography-font-weight-bolder: bolder;
--pgn-typography-font-weight-bold: 700;
--pgn-typography-font-weight-semi-bold: 500;
--pgn-typography-font-weight-normal: 400;
--pgn-typography-font-weight-light: 300;
--pgn-typography-font-weight-lighter: lighter;
--pgn-typography-font-size-mobile-h1: 2.25rem;
--pgn-typography-font-size-h6: .75rem;
--pgn-typography-font-size-h5: .875rem;
--pgn-typography-font-size-h4: 1.125rem;
--pgn-typography-font-size-h3: 1.375rem;
--pgn-typography-font-size-h2: 2rem;
--pgn-typography-font-size-h1: 2.5rem;
--pgn-typography-font-size-small-x: 75%;
--pgn-typography-font-size-small-base: 87.5%;
--pgn-typography-font-size-xs: .75rem;
--pgn-typography-font-size-sm: .875rem;
--pgn-typography-font-size-lg: 1.4063rem;
--pgn-typography-font-size-base: 1.125rem;
--pgn-typography-font-family-monospace: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--pgn-typography-font-family-serif: Georgia, "Times New Roman", Times, serif;
--pgn-typography-font-family-sans-serif: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
--pgn-typography-display-mobile: 3.25rem;
--pgn-typography-display-line-height-mobile: 3.5rem;
--pgn-typography-display-line-height-base: 1;
--pgn-typography-display-4: 7.5rem;
--pgn-typography-display-3: 5.625rem;
--pgn-typography-display-2: 4.875rem;
--pgn-typography-display-1: 3.75rem;
--pgn-typography-toast-font-size: .875rem;
--pgn-typography-pagination-line-height: 1.5rem;
--pgn-typography-pagination-font-size-sm: .875rem;
--pgn-typography-nav-link-font-weight: 500;
--pgn-typography-image-figure-caption-font-size: 90%;
--pgn-typography-link-decoration-brand-inline-hover: underline;
--pgn-typography-link-decoration-brand-inline-base: underline;
--pgn-typography-link-decoration-brand-hover: underline;
--pgn-typography-link-decoration-brand-base: none;
--pgn-typography-link-decoration-muted-inline-hover: underline;
--pgn-typography-link-decoration-muted-inline-base: underline;
--pgn-typography-link-decoration-muted-hover: underline;
--pgn-typography-link-decoration-muted-base: none;
--pgn-typography-link-decoration-inline-hover: underline;
--pgn-typography-link-decoration-inline-base: underline;
--pgn-typography-link-decoration-hover: underline;
--pgn-typography-link-decoration-base: none;
--pgn-typography-input-btn-line-height-sm: 1.4286;
--pgn-typography-input-btn-line-height-base: 1.3333;
--pgn-typography-input-btn-font-size-lg: 1.325rem;
--pgn-typography-input-btn-font-size-sm: .875rem;
--pgn-typography-input-btn-font-size-base: 1.125rem;
--pgn-typography-input-btn-font-family: inherit;
--pgn-typography-headings-line-height: 1.25;
--pgn-typography-headings-font-family: inherit;
--pgn-typography-code-font-size: 87.5%;
--pgn-typography-breadcrumb-font-size: inherit;
--pgn-typography-badge-font-size: 75%;
--pgn-typography-alert-line-height: 1.5rem;
--pgn-typography-alert-font-size: .875rem;
--pgn-spacing-spacer-base: 1rem;
--pgn-spacing-spacer-0: 0;
--pgn-spacing-tooltip-margin: 0;
--pgn-spacing-tooltip-padding-x: .5rem;
--pgn-spacing-tooltip-padding-y: .5rem;
--pgn-spacing-toast-container-gutter-sm: .625rem;
--pgn-spacing-toast-container-gutter-lg: 1.25rem;
--pgn-spacing-toast-padding-y: .25rem;
--pgn-spacing-toast-padding-x: .75rem;
--pgn-spacing-sticky-offset: 0;
--pgn-spacing-selectable-box-box-space: .75rem;
--pgn-spacing-selectable-box-border-radius: .25rem;
--pgn-spacing-selectable-box-padding: 1rem;
--pgn-spacing-search-field-margin-button: .5rem;
--pgn-spacing-progress-bar-hint-annotation-gap: .5rem;
--pgn-spacing-popover-icon-margin-right: .5rem;
--pgn-spacing-popover-header-padding-x: 1rem;
--pgn-spacing-popover-header-padding-y: .5rem;
--pgn-spacing-pagination-margin-x: .5rem;
--pgn-spacing-pagination-padding-x-lg: 1.5rem;
--pgn-spacing-pagination-padding-x-sm: .6rem;
--pgn-spacing-pagination-padding-x-base: 1rem;
--pgn-spacing-pagination-padding-y-lg: .75rem;
--pgn-spacing-pagination-padding-y-sm: .8rem;
--pgn-spacing-pagination-padding-y-base: .625rem;
--pgn-spacing-navbar-toggler-padding-x: .75rem;
--pgn-spacing-navbar-toggler-padding-y: .25rem;
--pgn-spacing-navbar-padding-x-nav-link: .5rem;
--pgn-spacing-nav-link-padding-x: 1rem;
--pgn-spacing-nav-link-padding-y: .5rem;
--pgn-spacing-modal-dialog-margin: 1.5rem;
--pgn-spacing-modal-header-padding-y: 1rem;
--pgn-spacing-modal-footer-padding-y: 1rem;
--pgn-spacing-modal-inner-padding-bottom: .7rem;
--pgn-spacing-modal-inner-padding-base: 1.5rem;
--pgn-spacing-image-thumbnail-padding: .25rem;
--pgn-spacing-mark-padding: .2em;
--pgn-spacing-paragraph-margin-bottom: 1rem;
--pgn-spacing-list-group-item-padding-x: 1.25rem;
--pgn-spacing-list-group-item-padding-y: .75rem;
--pgn-spacing-list-inline-padding: .5rem;
--pgn-spacing-input-btn-padding-lg-x: 1.25rem;
--pgn-spacing-input-btn-padding-lg-y: .6875rem;
--pgn-spacing-input-btn-padding-sm-x: .75rem;
--pgn-spacing-input-btn-padding-sm-y: .4375rem;
--pgn-spacing-input-btn-padding-x: 1rem;
--pgn-spacing-input-btn-padding-y: .5625rem;
--pgn-spacing-headings-margin-bottom: .5rem;
--pgn-spacing-caret-vertical-align: .255em;
--pgn-spacing-caret-base: .255em;
--pgn-spacing-form-control-select-icon-padding: .5625rem;
--pgn-spacing-form-control-select-feedback-tooltip-padding-x: .5rem;
--pgn-spacing-form-control-select-feedback-tooltip-padding-y: .25rem;
--pgn-spacing-form-control-select-indicator-padding: 1rem;
--pgn-spacing-form-control-spacer-x: 1rem;
--pgn-spacing-form-control-gutter: .5rem;
--pgn-spacing-form-group-margin-bottom: 1rem;
--pgn-spacing-form-check-position-axis: .375rem;
--pgn-spacing-form-check-inline-margin-x: .75rem;
--pgn-spacing-form-text-margin-top: .25rem;
--pgn-spacing-form-input-check-margin-y: .3rem;
--pgn-spacing-form-input-check-margin-x-inline: .3125rem;
--pgn-spacing-form-input-check-margin-x-base: .25rem;
--pgn-spacing-form-input-check-gutter: 1.25rem;
--pgn-spacing-dropzone-border-error: 2px;
--pgn-spacing-dropzone-border-active: 2px;
--pgn-spacing-dropzone-border-focus: 2px;
--pgn-spacing-dropzone-border-hover: 2px;
--pgn-spacing-dropzone-border-base: 1px;
--pgn-spacing-dropzone-padding: 1.5rem;
--pgn-spacing-dropdown-close-container-top: .625rem;
--pgn-spacing-dropdown-padding-y-item: .5rem;
--pgn-spacing-dropdown-padding-y-base: .25rem;
--pgn-spacing-dropdown-padding-x-item: 1rem;
--pgn-spacing-dropdown-padding-x-base: 0;
--pgn-spacing-dropdown-spacer: .125rem;
--pgn-spacing-data-table-footer-position: center;
--pgn-spacing-data-table-padding-head-cell: .5rem .75rem;
--pgn-spacing-data-table-padding-cell: .75rem;
--pgn-spacing-data-table-padding-small: .5rem;
--pgn-spacing-data-table-padding-y: .75rem;
--pgn-spacing-data-table-padding-x: .75rem;
--pgn-spacing-collapsible-card-spacer-basic-icon: .625rem;
--pgn-spacing-collapsible-card-spacer-basic-x: .5rem;
--pgn-spacing-collapsible-card-spacer-basic-y: .5rem;
--pgn-spacing-collapsible-card-spacer-icon: 2.5rem;
--pgn-spacing-collapsible-card-spacer-left-body: .75rem;
--pgn-spacing-collapsible-card-spacer-x-base: .5rem;
--pgn-spacing-collapsible-card-spacer-y-base: .5rem;
--pgn-spacing-code-kbd-padding-x: .4rem;
--pgn-spacing-code-kbd-padding-y: .2rem;
--pgn-spacing-chip-padding-to-icon: 3px;
--pgn-spacing-chip-padding-icon: .25rem;
--pgn-spacing-chip-padding-x: .5rem;
--pgn-spacing-chip-padding-y: .125rem;
--pgn-spacing-chip-margin: .125rem;
--pgn-spacing-carousel-indicator-spacer: 3px;
--pgn-spacing-card-focus-border-offset: 5px;
--pgn-spacing-card-logo-bottom-offset-horizontal: .4375rem;
--pgn-spacing-card-logo-bottom-offset-base: 1rem;
--pgn-spacing-card-logo-left-offset-horizontal: .4375rem;
--pgn-spacing-card-logo-left-offset-base: 1.5rem;
--pgn-spacing-card-loading-skeleton-spacer: .313rem;
--pgn-spacing-card-footer-action-gap: .5rem;
--pgn-spacing-card-columns-gap: 1.25rem;
--pgn-spacing-card-columns-count: 3;
--pgn-spacing-card-margin-group: 12px;
--pgn-spacing-card-spacer-y: .75rem;
--pgn-spacing-card-spacer-x: 1.25rem;
--pgn-spacing-btn-focus-gap: 1px;
--pgn-spacing-btn-block-spacing-y: .5rem;
--pgn-spacing-bubble-expandable-padding-x: .25rem;
--pgn-spacing-bubble-expandable-padding-y: 0;
--pgn-spacing-breadcrumb-margin-left: .5rem;
--pgn-spacing-breadcrumb-margin-bottom: 1rem;
--pgn-spacing-breadcrumb-padding-item: .5rem;
--pgn-spacing-breadcrumb-padding-x: 1rem;
--pgn-spacing-breadcrumb-padding-y: .75rem;
--pgn-spacing-badge-padding-y: .125rem;
--pgn-spacing-badge-padding-x-pill: .6em;
--pgn-spacing-badge-padding-x-base: .5rem;
--pgn-spacing-avatar-button-padding-left-lg: .25em;
--pgn-spacing-avatar-button-padding-left-sm: .25em;
--pgn-spacing-avatar-button-padding-left-base: .25em;
--pgn-spacing-annotation-arrow-side-margin: .25rem;
--pgn-spacing-annotation-padding: .5rem;
--pgn-spacing-alert-icon-space: .8rem;
--pgn-spacing-alert-margin-bottom: 1rem;
--pgn-spacing-alert-padding-x: 1.5rem;
--pgn-spacing-alert-padding-y: 1.5rem;
--pgn-spacing-action-row-gap-y: .5rem;
--pgn-spacing-action-row-gap-x: .5rem;
--pgn-size-breakpoint-xxl: 1400px;
--pgn-size-breakpoint-xl: 1200px;
--pgn-size-breakpoint-lg: 992px;
--pgn-size-breakpoint-md: 768px;
--pgn-size-breakpoint-sm: 576px;
--pgn-size-breakpoint-xs: 0;
--pgn-size-tooltip-arrow-width: .8rem;
--pgn-size-tooltip-arrow-height: .4rem;
--pgn-size-tooltip-max-width: 200px;
--pgn-size-toast-border-radius: .25rem;
--pgn-size-toast-border-width: 1px;
--pgn-size-toast-max-width: 400px;
--pgn-size-tabs-notification-width: 1rem;
--pgn-size-tabs-notification-height: 1rem;
--pgn-size-stack-gap: 0;
--pgn-size-spinner-sm-border-width: .2em;
--pgn-size-spinner-sm-width: 1rem;
--pgn-size-spinner-base-border-width: .25em;
--pgn-size-spinner-base-width: 2rem;
--pgn-size-search-field-border-radius: 0;
--pgn-size-search-field-border-width-focus: .3125rem;
--pgn-size-search-field-border-width-base: .0625rem;
--pgn-size-progress-bar-threshold-circle: .5625rem;
--pgn-size-progress-bar-border-radius: 0;
--pgn-size-progress-bar-border-width: 1px;
--pgn-size-progress-bar-height-annotated: .3125rem;
--pgn-size-progress-bar-height-base: 1rem;
--pgn-size-product-tour-checkpoint-width-max: 480px;
--pgn-size-product-tour-checkpoint-width-arrow: 15px;
--pgn-size-product-tour-checkpoint-width-border: 8px;
--pgn-size-popover-arrow-height: .5rem;
--pgn-size-popover-arrow-width: 1rem;
--pgn-size-popover-icon-width: 1rem;
--pgn-size-popover-icon-height: 1rem;
--pgn-size-popover-max-width: 480px;
--pgn-size-pagination-focus-outline: 0;
--pgn-size-pagination-focus-border-width: .125rem;
--pgn-size-pagination-toggle-border-sm: .25rem;
--pgn-size-pagination-toggle-border-base: .3125rem;
--pgn-size-pagination-reduced-dropdown-min-width: 6rem;
--pgn-size-pagination-reduced-dropdown-max-height: 60vh;
--pgn-size-pagination-secondary-height-sm: 2.25rem;
--pgn-size-pagination-secondary-height-base: 2.75rem;
--pgn-size-pagination-icon-height: 2.25rem;
--pgn-size-pagination-icon-width: 2.25rem;
--pgn-size-navbar-nav-scroll-max-height: 75vh;
--pgn-size-nav-tabs-border-radius: 0;
--pgn-size-nav-tabs-border-width: 2px;
--pgn-size-modal-content-border-width: 0px;
--pgn-size-modal-sm: 400px;
--pgn-size-modal-md: 500px;
--pgn-size-modal-lg: 800px;
--pgn-size-modal-xl: 1140px;
--pgn-size-icon-button-diameter-sm: 2.25rem;
--pgn-size-icon-button-diameter-md: 2.75rem;
--pgn-size-icon-lg: 1.75rem;
--pgn-size-icon-md: 1.5rem;
--pgn-size-icon-sm: 1.25rem;
--pgn-size-icon-inline: .8em;
--pgn-size-input-btn-focus-width: 1px;
--pgn-size-caret-width: .3em;
--pgn-size-form-border-radius-width: .125rem;
--pgn-size-form-border-radius-check-focus: .0625rem;
--pgn-size-form-autosuggest-border-width: .125rem;
--pgn-size-form-autosuggest-spinner-width: 1.25rem;
--pgn-size-form-autosuggest-icon-width: 2.4rem;
--pgn-size-form-grid-gutter-width: 0.625rem;
--pgn-size-form-control-border-radio-indicator-radius: 50%;
--pgn-size-form-control-border-checkbox-indicator-radius: 0;
--pgn-size-form-control-icon-width: 2rem;
--pgn-size-form-control-range-thumb-border-radius: 1rem;
--pgn-size-form-control-range-thumb-border-base: 0;
--pgn-size-form-control-range-thumb-width: 1rem;
--pgn-size-form-control-range-track-border-radius: 1rem;
--pgn-size-form-control-range-track-height: .5rem;
--pgn-size-form-control-range-track-width: 100%;
--pgn-size-form-control-indicator-border-width: 0.125rem;
--pgn-size-form-control-indicator-bg: 100%;
--pgn-size-form-control-indicator-base: 1.25rem;
--pgn-size-form-input-width-focus: 0.063rem;
--pgn-size-form-input-width-hover: 0.063rem;
--pgn-size-dropdown-min-width: 18rem;
--pgn-size-data-table-dropdown-pagination-min-width: 6rem;
--pgn-size-data-table-dropdown-pagination-max-height: 60vh;
--pgn-size-data-table-border: 1px;
--pgn-size-container-max-width-xl: 1440px;
--pgn-size-container-max-width-lg: 1192px;
--pgn-size-container-max-width-md: 952px;
--pgn-size-container-max-width-sm: 708px;
--pgn-size-container-max-width-xs: 464px;
--pgn-size-code-pre-scrollable-max-height: 340px;
--pgn-size-chip-icon: 1.25rem;
--pgn-size-chip-border-radius: .25rem;
--pgn-size-carousel-caption-width: 70%;
--pgn-size-carousel-indicator-height-area-hit: 3px;
--pgn-size-carousel-indicator-height-base: 3px;
--pgn-size-carousel-indicator-width: 30px;
--pgn-size-carousel-control-width-icon: 20px;
--pgn-size-carousel-control-width-base: 15%;
--pgn-size-card-logo-height: 4.125rem;
--pgn-size-card-logo-width: 7.25rem;
--pgn-size-card-image-vertical-max-height: 140px;
--pgn-size-card-image-horizontal-width-max: 240px;
--pgn-size-card-focus-border-radius: 5px;
--pgn-size-card-focus-border-width: 2px;
--pgn-size-card-border-radius-logo: .25rem;
--pgn-size-card-border-radius-image: .3125rem;
--pgn-size-btn-focus-width: 2px;
--pgn-size-breadcrumb-border-width-focus: .0625rem;
--pgn-size-breadcrumb-border-axis-y-focus: .5rem;
--pgn-size-breadcrumb-border-axis-x-focus: .25rem;
--pgn-size-breadcrumb-border-radius-focus: .125rem;
--pgn-size-badge-border-radius-pill: 10rem;
--pgn-size-badge-border-radius-base: .25rem;
--pgn-size-avatar-border-radius: 100%;
--pgn-size-avatar-border-base: 1px;
--pgn-size-avatar-huge: 18.75rem;
--pgn-size-avatar-xxl: 11.5rem;
--pgn-size-avatar-xl: 6rem;
--pgn-size-avatar-lg: 4rem;
--pgn-size-avatar-sm: 2.25rem;
--pgn-size-avatar-xs: 1.5rem;
--pgn-size-avatar-base: 3rem;
--pgn-size-annotation-border-radius: .25rem;
--pgn-size-annotation-max-width: 18.75rem;
--pgn-size-annotation-arrow-border-width: .5rem;
--pgn-size-alert-border-width: 0;
--pgn-size-border-radius-sm: 4px;
--pgn-size-border-radius-lg: 7px;
--pgn-size-border-radius-base: 6px;
--pgn-size-border-width: 1px;
--pgn-color-dark-900: #222222FF;
--pgn-color-dark-800: #252525FF;
--pgn-color-dark-700: #272727FF;
--pgn-color-dark-600: #2C2C2CFF;
--pgn-color-dark-500: var(--pgn-color-dark-base);
--pgn-color-dark-400: #656565FF;
--pgn-color-dark-300: #989898FF;
--pgn-color-dark-200: #CCCCCCFF;
--pgn-color-dark-100: #F3F3F3FF;
--pgn-color-light-900: #9E9B99FF;
--pgn-color-light-800: #A9A6A4FF;
--pgn-color-light-700: #B4B1AFFF;
--pgn-color-light-600: #CBC7C5FF;
--pgn-color-light-500: var(--pgn-color-light-base);
--pgn-color-light-400: #E9E6E4FF;
--pgn-color-light-300: #F0EEEDFF;
--pgn-color-light-200: #F8F7F6FF;
--pgn-color-light-100: #FDFDFDFF;
--pgn-color-danger-base: var(--pgn-color-red);
--pgn-color-warning-base: var(--pgn-color-yellow);
--pgn-color-info-base: var(--pgn-color-teal);
--pgn-color-success-base: var(--pgn-color-green);
--pgn-color-brand-900: #1769AAFF;
--pgn-color-brand-800: #1971B6FF;
--pgn-color-brand-700: #1A78C2FF;
--pgn-color-brand-600: #1E87DBFF;
--pgn-color-brand-500: var(--pgn-color-brand-base);
--pgn-color-brand-400: #59B0F6FF;
--pgn-color-brand-300: #90CBF9FF;
--pgn-color-brand-200: #C8E5FCFF;
--pgn-color-brand-100: #F2F9FEFF;
--pgn-color-secondary-base: var(--pgn-color-gray-700);
--pgn-color-primary-900: #1769AAFF;
--pgn-color-primary-800: #1971B6FF;
--pgn-color-primary-700: #1A78C2FF;
--pgn-color-primary-600: #1E87DBFF;
--pgn-color-primary-500: var(--pgn-color-primary-base);
--pgn-color-primary-400: #1565c0;
--pgn-color-primary-300: #90CBF9FF;
--pgn-color-primary-200: #C8E5FCFF;
--pgn-color-primary-100: #F2F9FEFF;
--pgn-color-tooltip-arrow-light: var(--pgn-color-white);
--pgn-color-tooltip-bg-light: var(--pgn-color-white);
--pgn-color-tooltip-bg-base: var(--pgn-color-black);
--pgn-color-tooltip-light: var(--pgn-color-black);
--pgn-color-tooltip-text: var(--pgn-color-white);
--pgn-color-toast-header-border: #00000080;
--pgn-color-toast-header-bg: var(--pgn-color-gray-700);
--pgn-color-toast-header-text: var(--pgn-color-white);
--pgn-color-toast-border: #0000001A;
--pgn-color-toast-bg: var(--pgn-color-gray-700);
--pgn-color-sheet-skrim-component-box-shadow: #00000026;
--pgn-color-sheet-skrim-bg: #ADADAD80;
--pgn-color-search-field-border-focus: var(--pgn-color-black);
--pgn-color-search-field-border-interaction: var(--pgn-color-black);
--pgn-color-progress-bar-bar-bg-base: var(--pgn-color-accent-a);
--pgn-color-progress-bar-bar-base: var(--pgn-color-white);
--pgn-color-product-tour-checkpoint-box-shadow: #0000004D;
--pgn-color-product-tour-checkpoint-body: var(--pgn-color-gray-700);
--pgn-color-popover-arrow-outer: #0000000D;
--pgn-color-popover-header-border-bottom-dark: #F2F2F2FF;
--pgn-color-popover-header-bg-dark: #808080FF;
--pgn-color-popover-header-bg: var(--pgn-color-white);
--pgn-color-pagination-focus-text: var(--pgn-color-black);
--pgn-color-pagination-border-disabled: var(--pgn-color-gray-100);
--pgn-color-pagination-border-hover: var(--pgn-color-gray-200);
--pgn-color-pagination-border-base: var(--pgn-color-gray-200);
--pgn-color-pagination-bg-disabled: var(--pgn-color-white);
--pgn-color-pagination-bg-hover: var(--pgn-color-gray-100);
--pgn-color-pagination-text-inverse: var(--pgn-color-white);
--pgn-color-navbar-light-toggler-border: #0000001A;
--pgn-color-navbar-light-disabled: #0000004D;
--pgn-color-navbar-light-active: #000000E6;
--pgn-color-navbar-light-hover: #000000B3;
--pgn-color-navbar-light-text: #00000080;
--pgn-color-navbar-dark-toggler-border: #FFFFFF1A;
--pgn-color-navbar-dark-disabled: #FFFFFF40;
--pgn-color-navbar-dark-hover: #FFFFFFBF;
--pgn-color-navbar-dark-text: #FFFFFF80;
--pgn-color-nav-light: #00000080;
--pgn-color-nav-dark: #FFFFFF80;
--pgn-color-nav-divider: var(--pgn-color-gray-100);
--pgn-color-nav-link-text-disabled: var(--pgn-color-gray-300);
--pgn-color-nav-link-text-base: var(--pgn-color-gray-700);
--pgn-color-modal-backdrop-bg: var(--pgn-color-black);
--pgn-color-modal-content-border: #00000033;
--pgn-color-image-thumbnail-border: var(--pgn-color-gray-200);
--pgn-color-icon-button-black: var(--pgn-color-black);
--pgn-color-icon-button-dark: var(--pgn-color-dark-base);
--pgn-color-icon-button-light: var(--pgn-color-light-base);
--pgn-color-icon-button-brand: var(--pgn-color-brand-base);
--pgn-color-icon-button-primary: var(--pgn-color-primary-base);
--pgn-color-icon-button-accent: var(--pgn-color-white);
--pgn-color-list-group-action-active-bg: var(--pgn-color-gray-200);
--pgn-color-list-group-action-base: var(--pgn-color-gray-700);
--pgn-color-list-group-disabled-base: var(--pgn-color-gray-600);
--pgn-color-list-group-border: #00000020;
--pgn-color-list-group-bg-hover: var(--pgn-color-gray-100);
--pgn-color-link-hover: #0A6EBDFF;
--pgn-color-hr-border: #0000001A;
--pgn-color-headings-base: var(--pgn-color-black);
--pgn-color-body-base: var(--pgn-color-gray-700);
--pgn-color-form-control-range-track-bg: var(--pgn-color-gray-300);
--pgn-color-form-control-select-bg-disabled: var(--pgn-color-gray-100);
--pgn-color-form-control-indicator-border: var(--pgn-color-gray-700);
--pgn-color-form-input-group-addon-bg: var(--pgn-color-gray-100);
--pgn-color-form-input-bg-disabled: var(--pgn-color-gray-100);
--pgn-color-form-input-base: var(--pgn-color-gray-700);
--pgn-color-dropdown-link-hover-base: var(--pgn-color-gray-900);
--pgn-color-dropdown-link-base: var(--pgn-color-gray-900);
--pgn-color-dropdown-divider-bg: var(--pgn-color-gray-100);
--pgn-color-dropdown-border: #00000026;
--pgn-color-data-table-border: var(--pgn-color-gray-200);
--pgn-color-data-table-bg-is-loading: #FFFFFFB3;
--pgn-color-code-pre: var(--pgn-color-gray-900);
--pgn-color-code-kbd-bg: var(--pgn-color-gray-700);
--pgn-color-code-kbd-base: var(--pgn-color-white);
--pgn-color-close-button: var(--pgn-color-black);
--pgn-color-chip-text-dark: var(--pgn-color-white);
--pgn-color-chip-text-light: var(--pgn-color-black);
--pgn-color-carousel-caption: var(--pgn-color-white);
--pgn-color-carousel-indicator-active-bg: var(--pgn-color-white);
--pgn-color-carousel-control-base: var(--pgn-color-white);
--pgn-color-card-border-focus: #00000080;
--pgn-color-card-border-base: #00000020;
--pgn-color-btn-disabled-border-inverse-tertiary: var(--pgn-color-btn-border-inverse-tertiary);
--pgn-color-btn-disabled-border-tertiary: var(--pgn-color-btn-border-tertiary);
--pgn-color-btn-disabled-border-inverse-secondary: var(--pgn-color-btn-border-inverse-secondary);
--pgn-color-btn-disabled-bg-inverse-primary: var(--pgn-color-white);
--pgn-color-btn-disabled-bg-inverse-outline-brand: var(--pgn-color-btn-bg-inverse-outline-brand);
--pgn-color-btn-disabled-bg-inverse-brand: var(--pgn-color-white);
--pgn-color-btn-focus-outline-inverse-warning: var(--pgn-color-white);
--pgn-color-btn-focus-outline-inverse-tertiary: var(--pgn-color-white);
--pgn-color-btn-focus-outline-inverse-secondary: var(--pgn-color-white);
--pgn-color-btn-focus-outline-inverse-light: var(--pgn-color-white);
--pgn-color-btn-focus-border-inverse-warning: var(--pgn-color-btn-border-inverse-warning);
--pgn-color-btn-focus-border-tertiary: var(--pgn-color-btn-border-tertiary);
--pgn-color-btn-focus-border-inverse-success: var(--pgn-color-white);
--pgn-color-btn-focus-border-inverse-outline-secondary: var(--pgn-color-white);
--pgn-color-btn-focus-border-inverse-secondary: var(--pgn-color-white);
--pgn-color-btn-focus-border-inverse-primary: var(--pgn-color-white);
--pgn-color-btn-focus-border-inverse-light: var(--pgn-color-btn-border-inverse-light);
--pgn-color-btn-focus-border-inverse-info: var(--pgn-color-white);
--pgn-color-btn-focus-border-inverse-outline-dark: var(--pgn-color-white);
--pgn-color-btn-focus-border-inverse-dark: var(--pgn-color-white);
--pgn-color-btn-focus-border-inverse-outline-danger: var(--pgn-color-white);
--pgn-color-btn-focus-border-inverse-danger: var(--pgn-color-white);
--pgn-color-btn-focus-border-inverse-brand: var(--pgn-color-white);
--pgn-color-btn-active-bg-inverse-warning: var(--pgn-color-gray-100);
--pgn-color-btn-active-bg-inverse-success: var(--pgn-color-gray-100);
--pgn-color-btn-active-bg-inverse-secondary: var(--pgn-color-gray-100);
--pgn-color-btn-active-bg-inverse-primary: var(--pgn-color-gray-100);
--pgn-color-btn-active-bg-inverse-light: var(--pgn-color-gray-100);
--pgn-color-btn-active-bg-inverse-info: var(--pgn-color-gray-100);
--pgn-color-btn-active-bg-inverse-dark: var(--pgn-color-gray-100);
--pgn-color-btn-active-bg-inverse-danger: var(--pgn-color-gray-100);
--pgn-color-btn-active-bg-inverse-brand: var(--pgn-color-gray-100);
--pgn-color-btn-active-text-inverse-tertiary: var(--pgn-color-white);
--pgn-color-btn-active-text-tertiary: var(--pgn-color-gray-700);
--pgn-color-btn-hover-bg-inverse-tertiary: #FFFFFF1A;
--pgn-color-btn-hover-text-inverse-tertiary: var(--pgn-color-white);
--pgn-color-btn-hover-text-tertiary: var(--pgn-color-gray-700);
--pgn-color-btn-border-inverse-outline-warning: var(--pgn-color-white);
--pgn-color-btn-border-inverse-outline-success: var(--pgn-color-white);
--pgn-color-btn-border-inverse-outline-secondary: var(--pgn-color-white);
--pgn-color-btn-border-inverse-outline-primary: var(--pgn-color-white);
--pgn-color-btn-border-outline-primary: var(--pgn-color-primary-base);
--pgn-color-btn-border-inverse-outline-light: var(--pgn-color-white);
--pgn-color-btn-border-outline-light: var(--pgn-color-light-base);
--pgn-color-btn-border-inverse-outline-info: var(--pgn-color-white);
--pgn-color-btn-border-inverse-outline-dark: var(--pgn-color-white);
--pgn-color-btn-border-outline-dark: var(--pgn-color-dark-base);
--pgn-color-btn-border-inverse-outline-danger: var(--pgn-color-white);
--pgn-color-btn-border-inverse-outline-brand: var(--pgn-color-white);
--pgn-color-btn-border-outline-brand: var(--pgn-color-brand-base);
--pgn-color-btn-bg-primary: var(--pgn-color-primary-base);
--pgn-color-btn-bg-light: var(--pgn-color-light-base);
--pgn-color-btn-bg-dark: var(--pgn-color-dark-base);
--pgn-color-btn-bg-brand: var(--pgn-color-brand-base);
--pgn-color-btn-text-inverse-outline-warning: var(--pgn-color-white);
--pgn-color-btn-text-inverse-tertiary: var(--pgn-color-white);
--pgn-color-btn-text-tertiary: var(--pgn-color-gray-700);
--pgn-color-btn-text-inverse-outline-success: var(--pgn-color-white);
--pgn-color-btn-text-inverse-outline-secondary: var(--pgn-color-white);
--pgn-color-btn-text-inverse-outline-primary: var(--pgn-color-white);
--pgn-color-btn-text-inverse-primary: var(--pgn-color-primary-base);
--pgn-color-btn-text-outline-primary: var(--pgn-color-primary-base);
--pgn-color-btn-text-inverse-outline-light: var(--pgn-color-white);
--pgn-color-btn-text-inverse-light: var(--pgn-color-light-base);
--pgn-color-btn-text-outline-light: var(--pgn-color-light-base);
--pgn-color-btn-text-inverse-outline-info: var(--pgn-color-white);
--pgn-color-btn-text-inverse-outline-dark: var(--pgn-color-white);
--pgn-color-btn-text-inverse-dark: var(--pgn-color-dark-base);
--pgn-color-btn-text-outline-dark: var(--pgn-color-dark-base);
--pgn-color-btn-text-inverse-outline-danger: var(--pgn-color-white);
--pgn-color-btn-text-inverse-outline-brand: var(--pgn-color-white);
--pgn-color-btn-text-inverse-brand: var(--pgn-color-brand-base);
--pgn-color-btn-text-outline-brand: var(--pgn-color-brand-base);
--pgn-color-bubble-bg-primary: var(--pgn-color-primary-base);
--pgn-color-bubble-text-primary: var(--pgn-color-white);
--pgn-color-bubble-text-error: var(--pgn-color-white);
--pgn-color-bubble-text-warning: var(--pgn-color-white);
--pgn-color-bubble-text-success: var(--pgn-color-white);
--pgn-color-breadcrumb-inverse-base: var(--pgn-color-white);
--pgn-color-breadcrumb-divider: var(--pgn-color-gray-600);
--pgn-color-breadcrumb-bg: var(--pgn-color-gray-200);
--pgn-color-badge-bg-dark: var(--pgn-color-dark-base);
--pgn-color-badge-bg-light: var(--pgn-color-light-base);
--pgn-color-badge-bg-primary: var(--pgn-color-primary-base);
--pgn-color-badge-text-dark: #FFFFFFFF;
--pgn-color-badge-text-light: #454545FF;
--pgn-color-badge-text-primary: #FFFFFFFF;
--pgn-color-annotation-bg-dark: var(--pgn-color-dark-base);
--pgn-color-annotation-bg-light: var(--pgn-color-white);
--pgn-color-annotation-bg-warning: var(--pgn-color-accent-b);
--pgn-color-annotation-text-dark: var(--pgn-color-white);
--pgn-color-annotation-text-error: var(--pgn-color-white);
--pgn-color-annotation-text-warning: var(--pgn-color-black);
--pgn-color-annotation-text-success: var(--pgn-color-white);
--pgn-color-alert-content: var(--pgn-color-gray-700);
--pgn-color-alert-title: var(--pgn-color-black);
--pgn-color-theme-active-gray: var(--pgn-color-gray-900);
--pgn-color-theme-hover-gray: var(--pgn-color-gray-700);
--pgn-color-theme-focus-gray: var(--pgn-color-gray-300);
--pgn-color-theme-border-gray: var(--pgn-color-gray-200);
--pgn-color-theme-bg-gray: var(--pgn-color-gray-100);
--pgn-color-border: var(--pgn-color-gray-200);
--pgn-color-active: var(--pgn-color-white);
--pgn-color-text-50-white: #FFFFFF80;
--pgn-color-text-50-black: #00000080;
--pgn-color-bg-base: var(--pgn-color-white);
--pgn-elevation-scrollable-body-box-shadow: #0000008C;
--pgn-elevation-input-btn-focus-box-shadow: 0 0 0 var(--pgn-size-input-btn-focus-width) var(--pgn-color-input-btn-focus);
--pgn-elevation-form-control-file-base: var(--pgn-elevation-form-input-base);
--pgn-elevation-form-control-indicator-base: var(--pgn-elevation-form-input-base);
--pgn-elevation-data-table-box-shadow: var(--pgn-elevation-box-shadow-sm);
--pgn-elevation-close-button-text-shadow: 0 1px 0 var(--pgn-color-white);
--pgn-transition-carousel-base: transform var(--pgn-transition-carousel-duration) ease-in-out;
--pgn-typography-font-weight-base: var(--pgn-typography-font-weight-normal);
--pgn-typography-font-size-lead: calc(var(--pgn-typography-font-size-base) * 1.25);
--pgn-typography-font-size-mobile-h6: var(--pgn-typography-font-size-h6);
--pgn-typography-font-size-mobile-h5: var(--pgn-typography-font-size-h5);
--pgn-typography-font-size-mobile-h4: var(--pgn-typography-font-size-h4);
--pgn-typography-font-size-mobile-h3: var(--pgn-typography-font-size-h3);
--pgn-typography-font-size-mobile-h2: var(--pgn-typography-font-size-h2);
--pgn-typography-font-family-base: var(--pgn-typography-font-family-sans-serif);
--pgn-typography-display-weight-4: var(--pgn-typography-font-weight-bold);
--pgn-typography-display-weight-3: var(--pgn-typography-font-weight-bold);
--pgn-typography-display-weight-2: var(--pgn-typography-font-weight-bold);
--pgn-typography-display-weight-1: var(--pgn-typography-font-weight-bold);
--pgn-typography-tooltip-font-size: var(--pgn-typography-font-size-sm);
--pgn-typography-tabs-notification-font-size: var(--pgn-typography-font-size-xs);
--pgn-typography-progress-bar-font-size: calc(var(--pgn-typography-font-size-base) * .75);
--pgn-typography-popover-font-size: var(--pgn-typography-font-size-sm);
--pgn-typography-navbar-toggler-font-size: var(--pgn-typography-font-size-lg);
--pgn-typography-navbar-nav-link-height: calc(var(--pgn-typography-font-size-base) * var(--pgn-typography-line-height-base) + .5rem * 2);
--pgn-typography-navbar-brand-font-size: var(--pgn-typography-font-size-lg);
--pgn-typography-blockquote-font-size: calc(var(--pgn-typography-font-size-base) * 1.25);
--pgn-typography-blockquote-small-font-size: var(--pgn-typography-font-size-small-base);
--pgn-typography-dt-font-weight: var(--pgn-typography-font-weight-bold);
--pgn-typography-input-btn-line-height-lg: var(--pgn-typography-line-height-lg);
--pgn-typography-headings-font-weight: var(--pgn-typography-font-weight-bold);
--pgn-typography-form-feedback-tooltip-line-height: var(--pgn-typography-line-height-base);
--pgn-typography-form-feedback-tooltip-font-size: var(--pgn-typography-font-size-sm);
--pgn-typography-form-feedback-font-size: var(--pgn-typography-font-size-small-base);
--pgn-typography-form-input-line-height-sm: var(--pgn-typography-input-btn-line-height-sm);
--pgn-typography-form-input-line-height-base: var(--pgn-typography-input-btn-line-height-base);
--pgn-typography-form-input-font-size-lg: var(--pgn-typography-input-btn-font-size-lg);
--pgn-typography-form-input-font-size-sm: var(--pgn-typography-input-btn-font-size-sm);
--pgn-typography-form-input-font-size-base: var(--pgn-typography-input-btn-font-size-base);
--pgn-typography-form-input-font-family: var(--pgn-typography-input-btn-font-family);
--pgn-typography-dropzone-restriction-msg-font-size: var(--pgn-typography-font-size-small-x);
--pgn-typography-dropdown-font-size: var(--pgn-typography-font-size-base);
--pgn-typography-code-kbd-nested-font-weight: var(--pgn-typography-font-weight-bold);
--pgn-typography-code-kbd-font-size: var(--pgn-typography-code-font-size);
--pgn-typography-close-button-font-weight: var(--pgn-typography-font-weight-bold);
--pgn-typography-close-button-font-size: calc(var(--pgn-typography-font-size-base) * 1.5);
--pgn-typography-footer-text-font-size: var(--pgn-typography-font-size-small-x);
--pgn-typography-btn-line-height-sm: var(--pgn-typography-input-btn-line-height-sm);
--pgn-typography-btn-line-height-base: var(--pgn-typography-input-btn-line-height-base);
--pgn-typography-btn-font-weight: var(--pgn-typography-font-weight-normal);
--pgn-typography-btn-font-size-lg: var(--pgn-typography-input-btn-font-size-lg);
--pgn-typography-btn-font-size-sm: var(--pgn-typography-input-btn-font-size-sm);
--pgn-typography-btn-font-size-base: var(--pgn-typography-input-btn-font-size-base);
--pgn-typography-btn-font-family: var(--pgn-typography-input-btn-font-family);
--pgn-typography-badge-font-weight: var(--pgn-typography-font-weight-bold);
--pgn-typography-annotation-line-height: var(--pgn-typography-line-height-sm);
--pgn-typography-annotation-font-size: var(--pgn-typography-font-size-sm);
--pgn-typography-alert-font-weight-link: var(--pgn-typography-font-weight-normal);
--pgn-spacing-spacer-5-5: calc(var(--pgn-spacing-spacer-base) * 4rem);
--pgn-spacing-spacer-4-5: calc(var(--pgn-spacing-spacer-base) * 2rem);
--pgn-spacing-spacer-3-5: calc(var(--pgn-spacing-spacer-base) * 1.25rem);
--pgn-spacing-spacer-2-5: calc(var(--pgn-spacing-spacer-base) * .75rem);
--pgn-spacing-spacer-1-5: calc(var(--pgn-spacing-spacer-base) * .375rem);
--pgn-spacing-spacer-6: calc(var(--pgn-spacing-spacer-base) * 5rem);
--pgn-spacing-spacer-5: calc(var(--pgn-spacing-spacer-base) * 3rem);
--pgn-spacing-spacer-4: calc(var(--pgn-spacing-spacer-base) * 1.5rem);
--pgn-spacing-spacer-3: var(--pgn-spacing-spacer-base);
--pgn-spacing-spacer-2: calc(var(--pgn-spacing-spacer-base) * .5rem);
--pgn-spacing-spacer-1: calc(var(--pgn-spacing-spacer-base) * .25rem);
--pgn-spacing-popover-body-padding-x: var(--pgn-spacing-popover-header-padding-x);
--pgn-spacing-popover-body-padding-y: var(--pgn-spacing-popover-header-padding-y);
--pgn-spacing-navbar-padding-x-base: var(--pgn-spacing-spacer-base);
--pgn-spacing-navbar-padding-y: calc(var(--pgn-spacing-spacer-base) / 2);
--pgn-spacing-nav-divider-margin-y: calc(var(--pgn-spacing-spacer-base) / 2);
--pgn-spacing-modal-header-padding-base: var(--pgn-spacing-modal-header-padding-y) 1.5rem;
--pgn-spacing-modal-footer-padding-base: var(--pgn-spacing-modal-footer-padding-y) 1.5rem;
--pgn-spacing-form-control-select-feedback-margin-top: var(--pgn-spacing-form-text-margin-top);
--pgn-spacing-form-input-padding-x-lg: var(--pgn-spacing-input-btn-padding-lg-x);
--pgn-spacing-form-input-padding-x-sm: var(--pgn-spacing-input-btn-padding-sm-x);
--pgn-spacing-form-input-padding-x-base: var(--pgn-spacing-input-btn-padding-x);
--pgn-spacing-form-input-padding-y-lg: var(--pgn-spacing-input-btn-padding-lg-y);
--pgn-spacing-form-input-padding-y-sm: var(--pgn-spacing-input-btn-padding-sm-y);
--pgn-spacing-form-input-padding-y-base: var(--pgn-spacing-input-btn-padding-y);
--pgn-spacing-dropdown-divider-margin-y: calc(var(--pgn-spacing-spacer-base) / 2);
--pgn-spacing-dropdown-padding-header: var(--pgn-spacing-dropdown-padding-y-base) var(--pgn-spacing-dropdown-padding-x-item);
--pgn-spacing-collapsible-card-spacer-x-lg: var(--pgn-spacing-card-spacer-x);
--pgn-spacing-collapsible-card-spacer-y-lg: var(--pgn-spacing-card-spacer-y);
--pgn-spacing-card-columns-margin: var(--pgn-spacing-card-spacer-y);
--pgn-spacing-card-margin-grid: var(--pgn-spacing-card-margin-group);
--pgn-spacing-card-margin-deck: var(--pgn-spacing-card-margin-group);
--pgn-spacing-btn-focus-border-gap: calc(var(--pgn-size-btn-focus-width) + var(--pgn-spacing-btn-focus-gap));
--pgn-spacing-btn-padding-x-sm: var(--pgn-spacing-input-btn-padding-sm-x);
--pgn-spacing-btn-padding-x-lg: var(--pgn-spacing-input-btn-padding-lg-x);
--pgn-spacing-btn-padding-x-base: var(--pgn-spacing-input-btn-padding-x);
--pgn-spacing-btn-padding-y-sm: var(--pgn-spacing-input-btn-padding-sm-y);
--pgn-spacing-btn-padding-y-lg: var(--pgn-spacing-input-btn-padding-lg-y);
--pgn-spacing-btn-padding-y-base: var(--pgn-spacing-input-btn-padding-y);
--pgn-size-tooltip-border-radius: var(--pgn-size-border-radius-base);
--pgn-size-spinner-sm-height: var(--pgn-size-spinner-sm-width);
--pgn-size-spinner-base-height: var(--pgn-size-spinner-base-width);
--pgn-size-product-tour-checkpoint-arrow-transparent: var(--pgn-size-product-tour-checkpoint-width-arrow);
--pgn-size-product-tour-checkpoint-arrow-top: var(--pgn-size-product-tour-checkpoint-width-arrow);
--pgn-size-product-tour-checkpoint-arrow-bottom: var(--pgn-size-product-tour-checkpoint-width-arrow) var(--pgn-size-product-tour-checkpoint-width-border);
--pgn-size-popover-border-radius: var(--pgn-size-border-radius-sm);
--pgn-size-popover-border-width: var(--pgn-size-border-width);
--pgn-size-pagination-border-radius-lg: var(--pgn-size-border-radius-lg);
--pgn-size-pagination-border-radius-sm: var(--pgn-size-border-radius-sm);
--pgn-size-pagination-border-width: var(--pgn-size-border-width);
--pgn-size-nav-pills-border-radius: var(--pgn-size-border-radius-base);
--pgn-size-modal-content-border-radius: var(--pgn-size-border-radius-lg);
--pgn-size-image-thumbnail-border-radius: var(--pgn-size-border-radius-base);
--pgn-size-image-thumbnail-border-width: var(--pgn-size-border-width);
--pgn-size-icon-button-diameter-inline: calc(var(--pgn-typography-line-height-base) + .1em);
--pgn-size-list-group-border-radius: var(--pgn-size-border-radius-base);
--pgn-size-list-group-border-width: var(--pgn-size-border-width);
--pgn-size-input-btn-border-width: var(--pgn-size-border-width);
--pgn-size-hr-border-margin-y: var(--pgn-spacing-spacer-base);
--pgn-size-hr-border-width: var(--pgn-size-border-width);
--pgn-size-form-feedback-tooltip-border-radius: var(--pgn-size-border-radius-base);
--pgn-size-form-autosuggest-spinner-height: var(--pgn-size-form-autosuggest-spinner-width);
--pgn-size-form-autosuggest-icon-height: var(--pgn-size-form-autosuggest-icon-width);
--pgn-size-form-control-range-thumb-focus-width: var(--pgn-size-form-input-width-focus);
--pgn-size-form-control-range-thumb-height: var(--pgn-size-form-control-range-thumb-width);
--pgn-size-form-control-select-border-radius: var(--pgn-size-border-radius-base);
--pgn-size-form-control-select-border-width-focus: var(--pgn-size-form-input-width-focus);
--pgn-size-form-control-switch-indicator-border-radius: calc(var(--pgn-size-form-control-indicator-base) / 2);
--pgn-size-form-control-switch-indicator-base: calc(var(--pgn-size-form-control-indicator-base) - var(--pgn-size-form-control-indicator-border-width) * 4);
--pgn-size-form-control-switch-width: calc(var(--pgn-size-form-control-indicator-base) * 1.75);
--pgn-size-form-input-radius-border-sm: var(--pgn-size-border-radius-sm);
--pgn-size-form-input-radius-border-lg: var(--pgn-size-border-radius-lg);
--pgn-size-form-input-radius-border-base: var(--pgn-size-border-radius-base);
--pgn-size-dropdown-border-radius-base: var(--pgn-size-border-radius-base);
--pgn-size-dropdown-border-width: var(--pgn-size-border-width);
--pgn-size-card-image-horizontal-width-min: var(--pgn-size-card-image-horizontal-width-max);
--pgn-size-card-border-radius-base: var(--pgn-size-border-radius-base);
--pgn-size-card-border-width: var(--pgn-size-border-width);
--pgn-size-btn-border-radius-sm: var(--pgn-size-border-radius-sm);
--pgn-size-btn-border-radius-lg: var(--pgn-size-border-radius-lg);
--pgn-size-btn-border-radius-base: var(--pgn-size-border-radius-base);
--pgn-size-breadcrumb-border-radius-base: var(--pgn-size-border-radius-base);
--pgn-size-badge-focus-width: var(--pgn-size-input-btn-focus-width);
--pgn-size-alert-border-radius: var(--pgn-size-border-radius-base);
--pgn-border-color-nav-tabs-link-border-active: transparent transparent var(--pgn-color-primary-500);
--pgn-content-navbar-toggler-light-icon-bg: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%2300000080' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
--pgn-content-navbar-toggler-dark-icon-bg: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23FFFFFF80' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
--pgn-content-carousel-control-bg-next-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFFFF' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
--pgn-content-carousel-control-bg-prev-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFFFF' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
--pgn-color-action-default-accent-b: #FFE755FF;
--pgn-color-action-default-accent-a: #0095C6FF;
--pgn-color-action-default-dark-base: #181818FF;
--pgn-color-action-default-light-base: #CAC3BFFF;
--pgn-color-action-default-primary-base: #0C7CD5FF;
--pgn-color-action-default-gray-base: #575757FF;
--pgn-color-action-default-gray-900: #0A0C0DFF;
--pgn-color-action-default-gray-800: #1A1A1AFF;
--pgn-color-action-default-gray-700: #2B2B2BFF;
--pgn-color-action-default-gray-600: #424242FF;
--pgn-color-action-default-gray-400: #767676FF;
--pgn-color-action-default-gray-300: #949494FF;
--pgn-color-action-default-gray-200: #B3B3B3FF;
--pgn-color-action-default-gray-100: #D2D2D2FF;
--pgn-color-action-default-dark-900: #080808FF;
--pgn-color-action-default-dark-800: #0C0C0CFF;
--pgn-color-action-default-dark-700: #0E0E0EFF;
--pgn-color-action-default-dark-600: #121212FF;
--pgn-color-action-default-dark-500: #181818FF;
--pgn-color-action-default-dark-400: #4B4B4BFF;
--pgn-color-action-default-dark-300: #7F7F7FFF;
--pgn-color-action-default-dark-200: #B3B3B3FF;
--pgn-color-action-default-dark-100: #DADADAFF;
--pgn-color-action-default-light-900: #85817FFF;
--pgn-color-action-default-light-800: #908C8AFF;
--pgn-color-action-default-light-700: #9B9795FF;
--pgn-color-action-default-light-600: #B3ADAAFF;
--pgn-color-action-default-light-500: #CAC3BFFF;
--pgn-color-action-default-light-400: #D2CCC8FF;
--pgn-color-action-default-light-300: #D9D4D1FF;
--pgn-color-action-default-light-200: #E2DED9FF;
--pgn-color-action-default-light-100: #E4E4E4FF;
--pgn-color-action-default-danger-base: #C9302CFF;
--pgn-color-action-default-warning-base: #CCAA00FF;
--pgn-color-action-default-info-base: #31B0D5FF;
--pgn-color-action-default-success-base: #0F5737FF;
--pgn-color-action-default-brand-base: #0C7CD5FF
--pgn-color-action-default-secondary-base: #2B2B2BFF;
--pgn-color-action-default-primary-800: #135589FF;
--pgn-color-action-default-primary-900: #114D7DFF;
--pgn-color-action-default-primary-700: #145C95FF;
--pgn-color-action-default-primary-600: #186BAEFF;
--pgn-color-action-default-primary-500: #0C7CD5FF;
--pgn-color-action-default-primary-400: #2999F3FF;
--pgn-color-action-default-primary-300: #60B4F6FF;
--pgn-color-action-default-primary-200: #98CEF9FF;
--pgn-color-action-default-primary-100: #C3E3FAFF;
--pgn-color-action-default-gray-500: #575757FF;
--pgn-color-danger-900: #983A37FF;
--pgn-color-danger-800: #A33E3BFF;
--pgn-color-danger-700: #AE423FFF;
--pgn-color-danger-600: #C34B47FF;
--pgn-color-danger-500: var(--pgn-color-danger-base);
--pgn-color-danger-400: #E37E7BFF;
--pgn-color-danger-300: #ECA9A7FF;
--pgn-color-danger-200: #F6D4D3FF;
--pgn-color-danger-100: #FDF5F4FF;
--pgn-color-warning-900: #B39500FF;
--pgn-color-warning-800: #BFA000FF;
--pgn-color-warning-700: #CCAA00FF;
--pgn-color-warning-600: #E6C000FF;
--pgn-color-warning-500: var(--pgn-color-warning-base);
--pgn-color-warning-400: #FFE040FF;
--pgn-color-warning-300: #FFEA80FF;
--pgn-color-warning-200: #FFF5BFFF;
--pgn-color-warning-100: #FFFCF0FF;
--pgn-color-info-900: #40869BFF;
--pgn-color-info-800: #4490A7FF;
--pgn-color-info-700: #499AB2FF;
--pgn-color-info-600: #52ADC8FF;
--pgn-color-info-500: var(--pgn-color-info-base);
--pgn-color-info-400: #84D0E6FF;
--pgn-color-info-300: #ADE0EFFF;
--pgn-color-info-200: #D6EFF7FF;
--pgn-color-info-100: #F5FBFDFF;
--pgn-color-success-900: #105B3AFF;
--pgn-color-success-800: #11623EFF;
--pgn-color-success-700: #126842FF;
--pgn-color-success-600: #15754BFF;
--pgn-color-success-500: var(--pgn-color-success-base);
--pgn-color-success-400: #51A17EFF;
--pgn-color-success-300: #8BC1A9FF;
--pgn-color-success-200: #C5E0D4FF;
--pgn-color-success-100: #F1F8F5FF;
--pgn-color-secondary-900: #303030FF;
--pgn-color-secondary-800: #343434FF;
--pgn-color-secondary-700: #373737FF;
--pgn-color-secondary-600: #3E3E3EFF;
--pgn-color-secondary-500: var(--pgn-color-secondary-base);
--pgn-color-secondary-400: #747474FF;
--pgn-color-secondary-300: #A2A2A2FF;
--pgn-color-secondary-200: #D1D1D1FF;
--pgn-color-secondary-100: #F4F4F4FF;
--pgn-color-tooltip-arrow-base: var(--pgn-color-tooltip-bg-base);
--pgn-color-search-field-button-bg-brand: var(--pgn-color-brand-500);
--pgn-color-search-field-button-bg-primary: var(--pgn-color-primary-500);
--pgn-color-search-field-border-base: var(--pgn-color-gray-500);
--pgn-color-progress-bar-bar-bg-annotated: var(--pgn-color-dark-500);
--pgn-color-progress-bar-border: var(--pgn-color-gray-500);
--pgn-color-product-tour-checkpoint-breadcrumb: var(--pgn-color-primary-500);
--pgn-color-product-tour-checkpoint-border: var(--pgn-color-brand-500);
--pgn-color-product-tour-checkpoint-bg: var(--pgn-color-light-300);
--pgn-color-popover-body: var(--pgn-color-body-base);
--pgn-color-popover-header-text: var(--pgn-color-headings-base);
--pgn-color-popover-bg: var(--pgn-color-bg-base);
--pgn-color-pagination-focus-base: var(--pgn-color-primary-500);
--pgn-color-pagination-bg-base: var(--pgn-color-bg-base);
--pgn-color-pagination-text-active: var(--pgn-color-active);
--pgn-color-pagination-text-hover: var(--pgn-color-link-hover);
--pgn-color-navbar-light-brand-hover: var(--pgn-color-navbar-light-active);
--pgn-color-navbar-light-brand-text: var(--pgn-color-navbar-light-active);
--pgn-color-navbar-dark-active: var(--pgn-color-active);
--pgn-color-nav-pills-link-active-text: var(--pgn-color-active);
--pgn-color-nav-tabs-link-active-text: var(--pgn-color-primary-500);
--pgn-color-nav-tabs-link-hover-bg: var(--pgn-color-light-400);
--pgn-color-nav-tabs-border: var(--pgn-color-light-400);
--pgn-color-modal-content-bg: var(--pgn-color-bg-base);
--pgn-color-image-figure-caption: var(--pgn-color-gray-500);
--pgn-color-icon-button-danger: var(--pgn-color-danger-base);
--pgn-color-icon-button-warning: var(--pgn-color-warning-base);
--pgn-color-icon-button-success: var(--pgn-color-success-base);
--pgn-color-icon-button-secondary: var(--pgn-color-secondary-base);
--pgn-color-text-muted: var(--pgn-color-gray-500);
--pgn-color-list-group-action-active-base: var(--pgn-color-body-base);
--pgn-color-list-group-action-hover: var(--pgn-color-list-group-action-base);
--pgn-color-list-group-active-base: var(--pgn-color-active);
--pgn-color-list-group-bg-base: var(--pgn-color-bg-base);
--pgn-color-link-brand-inline-base: var(--pgn-color-brand-500);
--pgn-color-link-brand-base: var(--pgn-color-brand-500);
--pgn-color-link-muted-inline-base: var(--pgn-color-primary-500);
--pgn-color-link-muted-base: var(--pgn-color-primary-500);
--pgn-color-link-base: var(--pgn-color-primary-500);
--pgn-color-body-bg: var(--pgn-color-bg-base);
--pgn-color-form-feedback-invalid: var(--pgn-color-danger-base);
--pgn-color-form-feedback-valid: var(--pgn-color-success-base);
--pgn-color-form-control-file-button-bg: var(--pgn-color-form-input-group-addon-bg);
--pgn-color-form-control-file-bg-disabled: var(--pgn-color-form-input-bg-disabled);
--pgn-color-form-control-file-base: var(--pgn-color-form-input-base);
--pgn-color-form-control-select-indicator-base: var(--pgn-color-theme-hover-gray);
--pgn-color-form-control-select-base: var(--pgn-color-form-input-base);
--pgn-color-form-control-switch-indicator-checked-bg: var(--pgn-color-success-base);
--pgn-color-form-control-indicator-active-base: var(--pgn-color-active);
--pgn-color-form-control-indicator-checked-border-base: var(--pgn-color-primary-500);
--pgn-color-form-control-indicator-checked-bg-disabled: #2196F380;
--pgn-color-form-control-indicator-bg-disabled: var(--pgn-color-form-input-bg-disabled);
--pgn-color-form-input-focus-base: var(--pgn-color-form-input-base);
--pgn-color-form-input-group-addon-base: var(--pgn-color-form-input-base);
--pgn-color-form-input-bg-base: var(--pgn-color-bg-base);
--pgn-color-form-input-border: var(--pgn-color-gray-500);
--pgn-color-form-input-plaintext: var(--pgn-color-body-base);
--pgn-color-form-input-placeholder: var(--pgn-color-gray-500);
--pgn-color-dropzone-border-active: var(--pgn-color-primary-500);
--pgn-color-dropzone-border-base: var(--pgn-color-gray-500);
--pgn-color-dropzone-restriction-msg: var(--pgn-color-gray-500);
--pgn-color-dropdown-link-active-base: var(--pgn-color-active);
--pgn-color-dropdown-link-hover-bg: var(--pgn-color-light-300);
--pgn-color-dropdown-bg: var(--pgn-color-bg-base);
--pgn-color-dropdown-header: var(--pgn-color-gray-500);
--pgn-color-dropdown-text: var(--pgn-color-body-base);
--pgn-color-data-table-bg-base: var(--pgn-color-bg-base);
--pgn-color-chip-bg-dark: var(--pgn-color-dark-200);
--pgn-color-chip-bg-light: var(--pgn-color-light-500);
--pgn-color-card-divider-bg: var(--pgn-color-light-400);
--pgn-color-card-bg-muted: var(--pgn-color-light-200);
--pgn-color-card-bg-dark: var(--pgn-color-primary-500);
--pgn-color-card-bg-base: var(--pgn-color-bg-base);
--pgn-color-btn-disabled-border-inverse-outline-warning: var(--pgn-color-btn-border-inverse-outline-warning);
--pgn-color-btn-disabled-border-inverse-outline-secondary: var(--pgn-color-btn-border-inverse-outline-secondary);
--pgn-color-btn-disabled-border-outline-secondary: var(--pgn-color-secondary-base);
--pgn-color-btn-disabled-border-inverse-outline-primary: var(--pgn-color-btn-text-inverse-outline-primary);
--pgn-color-btn-disabled-border-inverse-outline-light: var(--pgn-color-btn-border-inverse-outline-light);
--pgn-color-btn-disabled-border-inverse-outline-info: var(--pgn-color-btn-border-inverse-outline-info);
--pgn-color-btn-disabled-border-inverse-outline-dark: var(--pgn-color-btn-focus-border-inverse-outline-dark);
--pgn-color-btn-disabled-border-inverse-outline-danger: var(--pgn-color-btn-border-inverse-outline-danger);
--pgn-color-btn-disabled-border-inverse-outline-brand: var(--pgn-color-btn-text-inverse-outline-brand);
--pgn-color-btn-disabled-border-inverse-brand: var(--pgn-color-btn-disabled-bg-inverse-brand);
--pgn-color-btn-disabled-border-outline-brand: var(--pgn-color-btn-border-outline-brand);
--pgn-color-btn-disabled-bg-primary: var(--pgn-color-btn-bg-primary);
--pgn-color-btn-disabled-bg-light: var(--pgn-color-btn-bg-light);
--pgn-color-btn-disabled-bg-dark: var(--pgn-color-btn-bg-dark);
--pgn-color-btn-disabled-bg-brand: var(--pgn-color-btn-bg-brand);
--pgn-color-btn-disabled-text-inverse-outline-warning: var(--pgn-color-btn-text-inverse-outline-warning);
--pgn-color-btn-disabled-text-inverse-warning: var(--pgn-color-warning-base);
--pgn-color-btn-disabled-text-inverse-tertiary: var(--pgn-color-btn-text-inverse-tertiary);
--pgn-color-btn-disabled-text-tertiary: var(--pgn-color-btn-text-tertiary);
--pgn-color-btn-disabled-text-inverse-outline-success: var(--pgn-color-btn-text-inverse-outline-success);
--pgn-color-btn-disabled-text-inverse-success: var(--pgn-color-success-base);
--pgn-color-btn-disabled-text-inverse-outline-secondary: var(--pgn-color-btn-text-inverse-outline-secondary);
--pgn-color-btn-disabled-text-inverse-outline-primary: var(--pgn-color-btn-text-inverse-outline-primary);
--pgn-color-btn-disabled-text-inverse-primary: var(--pgn-color-primary-500);
--pgn-color-btn-disabled-text-inverse-outline-light: var(--pgn-color-btn-text-inverse-outline-light);
--pgn-color-btn-disabled-text-inverse-light: var(--pgn-color-btn-text-inverse-light);
--pgn-color-btn-disabled-text-inverse-outline-info: var(--pgn-color-btn-text-inverse-outline-info);
--pgn-color-btn-disabled-text-inverse-info: var(--pgn-color-info-base);
--pgn-color-btn-disabled-text-inverse-outline-dark: var(--pgn-color-btn-text-inverse-outline-dark);
--pgn-color-btn-disabled-text-inverse-dark: var(--pgn-color-btn-text-inverse-dark);
--pgn-color-btn-disabled-text-inverse-outline-danger: var(--pgn-color-btn-text-inverse-outline-danger);
--pgn-color-btn-disabled-text-inverse-danger: var(--pgn-color-danger-base);
--pgn-color-btn-disabled-text-inverse-outline-brand: var(--pgn-color-btn-text-inverse-outline-brand);
--pgn-color-btn-disabled-text-inverse-brand: var(--pgn-color-brand-500);
--pgn-color-btn-focus-outline-inverse-success: var(--pgn-color-btn-focus-border-inverse-success);
--pgn-color-btn-focus-outline-inverse-outline-secondary: var(--pgn-color-btn-border-inverse-outline-secondary);
--pgn-color-btn-focus-outline-inverse-outline-primary: var(--pgn-color-btn-border-inverse-outline-primary);
--pgn-color-btn-focus-outline-inverse-primary: var(--pgn-color-btn-focus-border-inverse-primary);
--pgn-color-btn-focus-outline-light: var(--pgn-color-primary-300);
--pgn-color-btn-focus-outline-inverse-info: var(--pgn-color-btn-focus-border-inverse-info);
--pgn-color-btn-focus-outline-inverse-outline-dark: var(--pgn-color-btn-focus-border-inverse-outline-dark);
--pgn-color-btn-focus-outline-inverse-dark: var(--pgn-color-btn-focus-border-inverse-dark);
--pgn-color-btn-focus-outline-inverse-outline-danger: var(--pgn-color-btn-focus-border-inverse-danger);
--pgn-color-btn-focus-outline-inverse-danger: var(--pgn-color-btn-focus-border-inverse-danger);
--pgn-color-btn-focus-outline-inverse-brand: var(--pgn-color-btn-focus-border-inverse-brand);
--pgn-color-btn-focus-bg-primary: var(--pgn-color-btn-bg-primary);
--pgn-color-btn-focus-bg-light: var(--pgn-color-btn-bg-light);
--pgn-color-btn-focus-bg-dark: var(--pgn-color-btn-bg-dark);
--pgn-color-btn-focus-bg-brand: var(--pgn-color-btn-bg-brand);
--pgn-color-btn-focus-border-inverse-outline-warning: var(--pgn-color-btn-border-inverse-outline-warning);
--pgn-color-btn-focus-border-inverse-outline-success: var(--pgn-color-btn-border-inverse-outline-success);
--pgn-color-btn-focus-border-inverse-outline-primary: var(--pgn-color-btn-border-inverse-outline-primary);
--pgn-color-btn-focus-border-outline-primary: var(--pgn-color-btn-border-outline-primary);
--pgn-color-btn-focus-border-inverse-outline-light: var(--pgn-color-btn-border-inverse-outline-light);
--pgn-color-btn-focus-border-outline-light: var(--pgn-color-btn-border-outline-light);
--pgn-color-btn-focus-border-inverse-outline-info: var(--pgn-color-btn-border-inverse-outline-info);
--pgn-color-btn-focus-border-outline-dark: var(--pgn-color-btn-border-outline-dark);
--pgn-color-btn-focus-border-inverse-outline-brand: var(--pgn-color-btn-border-inverse-outline-brand);
--pgn-color-btn-focus-border-outline-brand: var(--pgn-color-btn-border-outline-brand);
--pgn-color-btn-focus-text-inverse-outline-warning: var(--pgn-color-btn-text-inverse-outline-warning);
--pgn-color-btn-focus-text-inverse-tertiary: var(--pgn-color-btn-text-inverse-tertiary);
--pgn-color-btn-focus-text-tertiary: var(--pgn-color-btn-text-tertiary);
--pgn-color-btn-focus-text-inverse-outline-success: var(--pgn-color-btn-text-inverse-outline-success);
--pgn-color-btn-focus-text-inverse-outline-secondary: var(--pgn-color-btn-text-inverse-outline-secondary);
--pgn-color-btn-focus-text-inverse-outline-primary: var(--pgn-color-btn-text-inverse-outline-primary);
--pgn-color-btn-focus-text-inverse-primary: var(--pgn-color-btn-text-inverse-primary);
--pgn-color-btn-focus-text-outline-primary: var(--pgn-color-btn-text-outline-primary);
--pgn-color-btn-focus-text-inverse-outline-light: var(--pgn-color-btn-text-inverse-outline-light);
--pgn-color-btn-focus-text-inverse-light: var(--pgn-color-btn-text-inverse-light);
--pgn-color-btn-focus-text-outline-light: var(--pgn-color-btn-text-outline-light);
--pgn-color-btn-focus-text-inverse-outline-info: var(--pgn-color-btn-text-inverse-outline-info);
--pgn-color-btn-focus-text-inverse-outline-dark: var(--pgn-color-btn-text-inverse-outline-dark);
--pgn-color-btn-focus-text-inverse-dark: var(--pgn-color-btn-text-inverse-dark);
--pgn-color-btn-focus-text-inverse-outline-danger: var(--pgn-color-btn-text-inverse-outline-danger);
--pgn-color-btn-focus-text-inverse-outline-brand: var(--pgn-color-btn-text-inverse-outline-brand);
--pgn-color-btn-focus-text-outline-brand: var(--pgn-color-btn-text-outline-brand);
--pgn-color-btn-focus-text-inverse-brand: var(--pgn-color-btn-text-inverse-brand);
--pgn-color-btn-active-bg-inverse-tertiary: var(--pgn-color-btn-hover-bg-inverse-tertiary);
--pgn-color-btn-active-bg-tertiary: var(--pgn-color-light-500);
--pgn-color-btn-active-text-inverse-primary: #0C7CD5FF;
--pgn-color-btn-active-text-inverse-light: #CAC3BFFF;
--pgn-color-btn-active-text-inverse-dark: #142018FF;
--pgn-color-btn-active-text-inverse-brand: #0C7CD5FF;
--pgn-color-btn-hover-border-outline-primary: var(--pgn-color-primary-900);
--pgn-color-btn-hover-border-outline-light: var(--pgn-color-light-900);
--pgn-color-btn-hover-border-outline-dark: var(--pgn-color-dark-900);
--pgn-color-btn-hover-border-outline-brand: var(--pgn-color-brand-900);
--pgn-color-btn-hover-bg-tertiary: var(--pgn-color-light-500);
--pgn-color-btn-hover-bg-inverse-outline-primary: var(--pgn-color-primary-100);
--pgn-color-btn-hover-bg-outline-primary: var(--pgn-color-primary-100);
--pgn-color-btn-hover-bg-inverse-outline-light: var(--pgn-color-light-100);
--pgn-color-btn-hover-bg-outline-light: var(--pgn-color-light-100);
--pgn-color-btn-hover-bg-inverse-outline-dark: var(--pgn-color-dark-100);
--pgn-color-btn-hover-bg-outline-dark: var(--pgn-color-dark-100);
--pgn-color-btn-hover-bg-inverse-outline-brand: var(--pgn-color-brand-100);
--pgn-color-btn-hover-bg-outline-brand: var(--pgn-color-brand-100);
--pgn-color-btn-hover-text-inverse-primary: #0C83E2FF;
--pgn-color-btn-hover-text-inverse-light: #D0C9C6FF;
--pgn-color-btn-hover-text-inverse-dark: #18271DFF;
--pgn-color-btn-hover-text-inverse-brand: #0C83E2FF;
--pgn-color-btn-border-outline-warning: var(--pgn-color-warning-base);
--pgn-color-btn-border-outline-success: var(--pgn-color-success-base);
--pgn-color-btn-border-outline-secondary: var(--pgn-color-secondary-base);
--pgn-color-btn-border-primary: var(--pgn-color-btn-bg-primary);
--pgn-color-btn-border-light: var(--pgn-color-btn-bg-light);
--pgn-color-btn-border-outline-info: var(--pgn-color-info-base);
--pgn-color-btn-border-dark: var(--pgn-color-btn-bg-dark);
--pgn-color-btn-border-outline-danger: var(--pgn-color-danger-base);
--pgn-color-btn-border-brand: var(--pgn-color-btn-bg-brand);
--pgn-color-btn-bg-warning: var(--pgn-color-warning-base);
--pgn-color-btn-bg-success: var(--pgn-color-success-base);
--pgn-color-btn-bg-secondary: var(--pgn-color-secondary-base);
--pgn-color-btn-bg-inverse-primary: #FFFFFFFF;
--pgn-color-btn-bg-inverse-light: #454545FF;
--pgn-color-btn-bg-info: var(--pgn-color-info-base);
--pgn-color-btn-bg-inverse-dark: #FFFFFFFF;
--pgn-color-btn-bg-danger: var(--pgn-color-danger-base);
--pgn-color-btn-bg-inverse-brand: #FFFFFFFF;
--pgn-color-btn-text-inverse-warning: var(--pgn-color-warning-base);
--pgn-color-btn-text-outline-warning: var(--pgn-color-warning-base);
--pgn-color-btn-text-inverse-success: var(--pgn-color-success-base);
--pgn-color-btn-text-outline-success: var(--pgn-color-success-base);
--pgn-color-btn-text-inverse-secondary: var(--pgn-color-secondary-base);
--pgn-color-btn-text-outline-secondary: var(--pgn-color-secondary-base);
--pgn-color-btn-text-primary: #FFFFFFFF;
--pgn-color-btn-text-light: #454545FF;
--pgn-color-btn-text-inverse-info: var(--pgn-color-info-base);
--pgn-color-btn-text-outline-info: var(--pgn-color-info-base);
--pgn-color-btn-text-dark: #FFFFFFFF;
--pgn-color-btn-text-inverse-danger: var(--pgn-color-danger-base);
--pgn-color-btn-text-outline-danger: var(--pgn-color-danger-base);
--pgn-color-btn-text-brand: #FFFFFFFF;
--pgn-color-bubble-bg-error: var(--pgn-color-danger-base);
--pgn-color-bubble-bg-warning: var(--pgn-color-warning-base);
--pgn-color-bubble-bg-success: var(--pgn-color-success-base);
--pgn-color-breadcrumb-inverse-spacer: var(--pgn-color-light-700);
--pgn-color-breadcrumb-inverse-active: var(--pgn-color-light-500);
--pgn-color-breadcrumb-active: var(--pgn-color-gray-500);
--pgn-color-breadcrumb-base: var(--pgn-color-primary-500);
--pgn-color-badge-focus-box-shadow-dark: #273F2F0D;
--pgn-color-badge-focus-box-shadow-light: #E1DDDB0D;
--pgn-color-badge-focus-box-shadow-primary: #2196F30D;
--pgn-color-badge-focus-bg-dark: #142018FF;
--pgn-color-badge-focus-bg-light: #CAC3BFFF;
--pgn-color-badge-focus-bg-primary: #0C7CD5FF;
--pgn-color-badge-focus-dark: var(--pgn-color-badge-text-dark);
--pgn-color-badge-focus-light: var(--pgn-color-badge-text-light);
--pgn-color-badge-focus-primary: var(--pgn-color-badge-text-primary);
--pgn-color-badge-bg-info: var(--pgn-color-info-base);
--pgn-color-badge-bg-danger: var(--pgn-color-danger-base);
--pgn-color-badge-bg-warning: var(--pgn-color-warning-base);
--pgn-color-badge-bg-success: var(--pgn-color-success-base);
--pgn-color-badge-bg-secondary: var(--pgn-color-secondary-base);
--pgn-color-badge-text-info: #FFFFFFFF;
--pgn-color-badge-text-warning: #454545FF;
--pgn-color-badge-text-danger: #FFFFFFFF;
--pgn-color-badge-text-success: #FFFFFFFF;
--pgn-color-badge-text-secondary: #FFFFFFFF;
--pgn-color-avatar-border: var(--pgn-color-light-300);
--pgn-color-annotation-bg-error: var(--pgn-color-danger-base);
--pgn-color-annotation-bg-success: var(--pgn-color-success-base);
--pgn-color-annotation-text-light: var(--pgn-color-primary-500);
--pgn-color-theme-active-dark: var(--pgn-color-dark-900);
--pgn-color-theme-active-light: var(--pgn-color-light-900);
--pgn-color-theme-active-brand: var(--pgn-color-brand-900);
--pgn-color-theme-active-primary: var(--pgn-color-primary-900);
--pgn-color-theme-hover-dark: var(--pgn-color-dark-700);
--pgn-color-theme-hover-light: var(--pgn-color-light-700);
--pgn-color-theme-hover-brand: var(--pgn-color-brand-700);
--pgn-color-theme-hover-primary: var(--pgn-color-primary-700);
--pgn-color-theme-default-gray: var(--pgn-color-gray-500);
--pgn-color-theme-default-dark: var(--pgn-color-dark-500);
--pgn-color-theme-default-light: var(--pgn-color-light-500);
--pgn-color-theme-default-brand: var(--pgn-color-brand-500);
--pgn-color-theme-default-primary: var(--pgn-color-primary-500);
--pgn-color-theme-focus-dark: var(--pgn-color-dark-300);
--pgn-color-theme-focus-light: var(--pgn-color-light-300);
--pgn-color-theme-focus-brand: var(--pgn-color-brand-300);
--pgn-color-theme-focus-primary: var(--pgn-color-primary-300);
--pgn-color-theme-border-dark: var(--pgn-color-dark-200);
--pgn-color-theme-border-light: var(--pgn-color-light-200);
--pgn-color-theme-border-brand: var(--pgn-color-brand-200);
--pgn-color-theme-border-primary: var(--pgn-color-primary-200);
--pgn-color-theme-bg-dark: var(--pgn-color-dark-100);
--pgn-color-theme-bg-light: var(--pgn-color-light-100);
--pgn-color-theme-bg-brand: var(--pgn-color-brand-100);
--pgn-color-theme-bg-primary: var(--pgn-color-primary-100);
--pgn-color-input-focus: var(--pgn-color-primary-500);
--pgn-color-disabled: var(--pgn-color-gray-500);
--pgn-color-bg-active: var(--pgn-color-primary-500);
--pgn-elevation-pagination-focus-box-shadow: var(--pgn-elevation-input-btn-focus-box-shadow);
--pgn-elevation-form-control-select-border-focus: var(--pgn-elevation-input-btn-focus-box-shadow);
--pgn-elevation-form-input-focus: var(--pgn-elevation-input-btn-focus-box-shadow);
--pgn-typography-form-control-file-font-family: var(--pgn-typography-form-input-font-family);
--pgn-typography-form-control-file-line-height: var(--pgn-typography-form-input-line-height-base);
--pgn-typography-form-control-select-line-height: var(--pgn-typography-form-input-line-height-base);
--pgn-typography-form-control-select-font-size-lg: var(--pgn-typography-form-input-font-size-lg);
--pgn-typography-form-control-select-font-size-sm: var(--pgn-typography-form-input-font-size-sm);
--pgn-typography-form-control-select-font-size-base: var(--pgn-typography-form-input-font-size-base);
--pgn-typography-form-control-select-font-family: var(--pgn-typography-form-input-font-family);
--pgn-typography-form-input-line-height-lg: var(--pgn-typography-input-btn-line-height-lg);
--pgn-typography-form-input-font-weight: var(--pgn-typography-font-weight-base);
--pgn-typography-btn-line-height-lg: var(--pgn-typography-input-btn-line-height-lg);
--pgn-spacing-navbar-brand-padding-y: calc((var(--pgn-typography-navbar-nav-link-height) - var(--pgn-size-navbar-brand-height)) / 2);
--pgn-spacing-form-control-file-padding-x: var(--pgn-spacing-form-input-padding-x-base);
--pgn-spacing-form-control-file-padding-y: var(--pgn-spacing-form-input-padding-y-base);
--pgn-spacing-form-control-select-padding-x-lg: var(--pgn-spacing-form-input-padding-x-lg);
--pgn-spacing-form-control-select-padding-x-sm: var(--pgn-spacing-form-input-padding-x-sm);
--pgn-spacing-form-control-select-padding-x-base: var(--pgn-spacing-form-input-padding-x-base);
--pgn-spacing-form-control-select-padding-y-lg: var(--pgn-spacing-form-input-padding-y-lg);
--pgn-spacing-form-control-select-padding-y-sm: var(--pgn-spacing-form-input-padding-y-sm);
--pgn-spacing-form-control-select-padding-y-base: var(--pgn-spacing-form-input-padding-y-base);
--pgn-spacing-card-margin-grid-bottom: var(--pgn-spacing-spacer-3);
--pgn-spacing-card-margin-deck-bottom: var(--pgn-spacing-spacer-3);
--pgn-spacing-btn-focus-distance-to-border: calc(var(--pgn-spacing-btn-focus-border-gap) + var(--pgn-size-btn-border-width));
--pgn-spacing-alert-actions-gap: var(--pgn-spacing-spacer-3);
--pgn-size-search-field-search-input-height: calc(var(--pgn-typography-form-input-line-height-base) * 1em + var(--pgn-spacing-form-input-padding-y-base) * 2);
--pgn-size-navbar-toggler-border-radius: var(--pgn-size-btn-border-radius-base);
--pgn-size-navbar-brand-height: calc(var(--pgn-typography-navbar-brand-font-size) * var(--pgn-typography-line-height-base));
--pgn-size-form-control-file-border-radius: var(--pgn-size-form-input-radius-border-base);
--pgn-size-form-input-width-border: var(--pgn-size-input-btn-border-width);
--pgn-size-form-input-height-inner-quarter: calc(var(--pgn-typography-form-input-line-height-base) * .25em + calc(var(--pgn-spacing-form-input-padding-y-base) / 2));
--pgn-size-form-input-height-inner-half: calc(var(--pgn-typography-form-input-line-height-base) * .5em + var(--pgn-spacing-form-input-padding-y-base));
--pgn-size-form-input-height-inner-base: calc(var(--pgn-typography-form-input-line-height-base) * 1em + var(--pgn-spacing-form-input-padding-y-base) * 2);
--pgn-size-form-input-height-sm: calc(var(--pgn-typography-form-input-line-height-sm) * 1em + var(--pgn-spacing-input-btn-padding-sm-y) * 2 + var(--pgn-size-form-input-height-border));
--pgn-size-form-input-height-base: calc(var(--pgn-typography-form-input-line-height-base) * 1em + var(--pgn-spacing-form-input-padding-y-base) * 2 + var(--pgn-size-form-input-height-border));
--pgn-size-dropdown-border-radius-inner: calc(var(--pgn-size-dropdown-border-radius-base) - var(--pgn-size-dropdown-border-width));
--pgn-size-btn-focus-border-radius: calc(var(--pgn-size-btn-border-radius-base) + var(--pgn-spacing-btn-focus-border-gap));
--pgn-size-btn-border-width: var(--pgn-size-input-btn-border-width);
--pgn-border-color-nav-tabs-link-border-hover: transparent transparent var(--pgn-color-nav-tabs-border);
--pgn-color-product-tour-checkpoint-arrow-border-top: var(--pgn-color-product-tour-checkpoint-bg);
--pgn-color-popover-danger-icon: var(--pgn-color-warning-500);
--pgn-color-popover-danger-bg: var(--pgn-color-danger-100);
--pgn-color-popover-warning-icon: var(--pgn-color-warning-500);
--pgn-color-popover-warning-bg: var(--pgn-color-warning-100);
--pgn-color-popover-success-icon: var(--pgn-color-success-500);
--pgn-color-popover-success-bg: var(--pgn-color-success-100);
--pgn-color-popover-arrow-base: var(--pgn-color-popover-bg);
--pgn-color-pagination-bg-active: var(--pgn-color-bg-active);
--pgn-color-pagination-text-disabled: var(--pgn-color-disabled);
--pgn-color-pagination-text-base: var(--pgn-color-link-base);
--pgn-color-navbar-dark-brand-hover: var(--pgn-color-navbar-dark-active);
--pgn-color-navbar-dark-brand-text: var(--pgn-color-navbar-dark-active);
--pgn-color-nav-pills-link-active-bg: var(--pgn-color-bg-active);
--pgn-color-nav-tabs-link-active-bg: var(--pgn-color-body-bg);
--pgn-color-menu-bg-active: var(--pgn-color-btn-active-bg-tertiary);
--pgn-color-image-thumbnail-bg: var(--pgn-color-body-bg);
--pgn-color-list-group-disabled-bg: var(--pgn-color-list-group-bg-base);
--pgn-color-list-group-active-bg: var(--pgn-color-bg-active);
--pgn-color-link-brand-inline-hover-base: #0A6EBDFF;
--pgn-color-link-brand-inline-decoration: #2196F34D;
--pgn-color-link-brand-hover: #0A6EBDFF;
--pgn-color-link-muted-inline-hover-base: #0A6EBDFF;
--pgn-color-link-muted-inline-decoration: #2196F34D;
--pgn-color-link-muted-hover: #0A6EBDFF;
--pgn-color-link-inline-base: var(--pgn-color-info-500);
--pgn-color-form-feedback-checked-invalid: #D64D59FF;
--pgn-color-form-feedback-checked-valid: #1FAD6FFF;
--pgn-color-form-feedback-tooltip-box-shadow-focus-invalid: #C32D3A40;
--pgn-color-form-feedback-tooltip-box-shadow-focus-valid: #17825340;
--pgn-color-form-feedback-tooltip-bg-invalid: #C32D3AE6;
--pgn-color-form-feedback-tooltip-bg-valid: #178253E6;
--pgn-color-form-feedback-tooltip-valid: #FFFFFFFF;
--pgn-color-form-feedback-icon-invalid: var(--pgn-color-form-feedback-invalid);
--pgn-color-form-feedback-icon-valid: var(--pgn-color-form-feedback-valid);
--pgn-color-form-control-file-border-base: var(--pgn-color-form-input-border);
--pgn-color-form-control-file-button-base: var(--pgn-color-form-control-file-base);
--pgn-color-form-control-file-bg-base: var(--pgn-color-form-input-bg-base);
--pgn-color-form-control-range-thumb-bg-active: #000000FF;
--pgn-color-form-control-range-thumb-bg-disabled: var(--pgn-color-disabled);
--pgn-color-form-control-range-thumb-bg-base: var(--pgn-color-bg-active);
--pgn-color-form-control-select-border-base: var(--pgn-color-form-input-border);
--pgn-color-form-control-select-bg-base: var(--pgn-color-form-input-bg-base);
--pgn-color-form-control-select-disabled: var(--pgn-color-disabled);
--pgn-color-form-control-checkbox-indicator-indeterminate-bg: var(--pgn-color-bg-active);
--pgn-color-form-control-label-floating-text: #FFFFFF1A;
--pgn-color-form-control-label-disabled: var(--pgn-color-disabled);
--pgn-color-form-control-indicator-active-bg: var(--pgn-color-bg-active);
--pgn-color-form-control-indicator-checked-bg-base: var(--pgn-color-bg-active);
--pgn-color-form-control-indicator-checked-base: var(--pgn-color-bg-active);
--pgn-color-form-control-indicator-bg-base: var(--pgn-color-form-input-bg-base);
--pgn-color-form-input-focus-bg: var(--pgn-color-form-input-bg-base);
--pgn-color-form-input-focus-border: var(--pgn-color-input-focus);
--pgn-color-form-input-group-addon-border: var(--pgn-color-form-input-border);
--pgn-color-dropzone-border-error: var(--pgn-color-danger-300);
--pgn-color-dropzone-border-focus: var(--pgn-color-info-300);
--pgn-color-dropzone-border-hover: var(--pgn-color-info-300);
--pgn-color-dropzone-error-wrapper: var(--pgn-color-danger-500);
--pgn-color-dropdown-link-disabled: var(--pgn-color-disabled);
--pgn-color-dropdown-link-active-bg: var(--pgn-color-bg-active);
--pgn-color-btn-disabled-link: var(--pgn-color-disabled);
--pgn-color-btn-disabled-border-outline-warning: var(--pgn-color-btn-border-outline-warning);
--pgn-color-btn-disabled-border-outline-success: var(--pgn-color-btn-border-outline-success);
--pgn-color-btn-disabled-border-primary: var(--pgn-color-btn-border-primary);
--pgn-color-btn-disabled-border-light: var(--pgn-color-btn-border-light);
--pgn-color-btn-disabled-border-outline-info: var(--pgn-color-btn-border-outline-info);
--pgn-color-btn-disabled-border-info: var(--pgn-color-btn-bg-info);
--pgn-color-btn-disabled-border-dark: var(--pgn-color-btn-border-dark);
--pgn-color-btn-disabled-border-outline-danger: var(--pgn-color-btn-border-outline-danger);
--pgn-color-btn-disabled-border-brand: var(--pgn-color-btn-border-brand);
--pgn-color-btn-disabled-bg-warning: var(--pgn-color-btn-bg-warning);
--pgn-color-btn-disabled-bg-success: var(--pgn-color-btn-bg-success);
--pgn-color-btn-disabled-bg-secondary: var(--pgn-color-btn-bg-secondary);
--pgn-color-btn-disabled-bg-info: var(--pgn-color-btn-bg-info);
--pgn-color-btn-disabled-bg-danger: var(--pgn-color-btn-bg-danger);
--pgn-color-btn-disabled-text-outline-warning: var(--pgn-color-btn-text-outline-warning);
--pgn-color-btn-disabled-text-outline-success: var(--pgn-color-btn-text-outline-success);
--pgn-color-btn-disabled-text-primary: var(--pgn-color-btn-text-primary);
--pgn-color-btn-disabled-text-light: var(--pgn-color-btn-text-light);
--pgn-color-btn-disabled-text-outline-info: var(--pgn-color-btn-text-outline-info);
--pgn-color-btn-disabled-text-dark: var(--pgn-color-btn-text-dark);
--pgn-color-btn-disabled-text-brand: var(--pgn-color-btn-text-brand);
--pgn-color-btn-focus-outline-tertiary: var(--pgn-color-theme-focus-primary);
--pgn-color-btn-focus-outline-inverse-outline-success: var(--pgn-color-btn-focus-border-inverse-outline-success);
--pgn-color-btn-focus-outline-outline-primary: var(--pgn-color-theme-focus-primary);
--pgn-color-btn-focus-outline-primary: var(--pgn-color-theme-focus-primary);
--pgn-color-btn-focus-outline-inverse-outline-light: var(--pgn-color-btn-focus-border-inverse-outline-light);
--pgn-color-btn-focus-outline-outline-light: var(--pgn-color-theme-focus-light);
--pgn-color-btn-focus-outline-inverse-outline-info: var(--pgn-color-btn-focus-border-inverse-outline-info);
--pgn-color-btn-focus-outline-outline-dark: var(--pgn-color-theme-focus-dark);
--pgn-color-btn-focus-outline-dark: var(--pgn-color-theme-focus-dark);
--pgn-color-btn-focus-outline-inverse-outline-brand: var(--pgn-color-btn-focus-border-inverse-outline-brand);
--pgn-color-btn-focus-outline-outline-brand: var(--pgn-color-theme-focus-brand);
--pgn-color-btn-focus-outline-brand: var(--pgn-color-theme-focus-brand);
--pgn-color-btn-focus-bg-warning: var(--pgn-color-btn-bg-warning);
--pgn-color-btn-focus-bg-success: var(--pgn-color-btn-bg-success);
--pgn-color-btn-focus-bg-secondary: var(--pgn-color-btn-bg-secondary);
--pgn-color-btn-focus-bg-inverse-primary: var(--pgn-color-btn-bg-inverse-primary);
--pgn-color-btn-focus-bg-inverse-light: var(--pgn-color-btn-bg-inverse-light);
--pgn-color-btn-focus-bg-info: var(--pgn-color-btn-bg-info);
--pgn-color-btn-focus-bg-inverse-dark: var(--pgn-color-btn-bg-inverse-dark);
--pgn-color-btn-focus-bg-danger: var(--pgn-color-btn-bg-danger);
--pgn-color-btn-focus-bg-inverse-brand: var(--pgn-color-btn-bg-inverse-brand);
--pgn-color-btn-focus-border-outline-warning: var(--pgn-color-btn-border-outline-warning);
--pgn-color-btn-focus-border-outline-success: var(--pgn-color-btn-border-outline-success);
--pgn-color-btn-focus-border-outline-secondary: var(--pgn-color-btn-border-outline-secondary);
--pgn-color-btn-focus-border-secondary: var(--pgn-color-btn-bg-secondary);
--pgn-color-btn-focus-border-primary: var(--pgn-color-btn-border-primary);
--pgn-color-btn-focus-border-light: var(--pgn-color-btn-border-light);
--pgn-color-btn-focus-border-outline-info: var(--pgn-color-btn-border-outline-info);
--pgn-color-btn-focus-border-dark: var(--pgn-color-btn-focus-bg-dark);
--pgn-color-btn-focus-border-outline-danger: var(--pgn-color-btn-border-outline-danger);
--pgn-color-btn-focus-border-brand: var(--pgn-color-btn-border-brand);
--pgn-color-btn-focus-text-inverse-warning: var(--pgn-color-btn-text-inverse-warning);
--pgn-color-btn-focus-text-outline-warning: var(--pgn-color-btn-text-outline-warning);
--pgn-color-btn-focus-text-inverse-success: var(--pgn-color-btn-text-inverse-success);
--pgn-color-btn-focus-text-outline-success: var(--pgn-color-btn-text-outline-success);
--pgn-color-btn-focus-text-outline-secondary: var(--pgn-color-btn-text-outline-secondary);
--pgn-color-btn-focus-text-primary: var(--pgn-color-btn-text-primary);
--pgn-color-btn-focus-text-light: var(--pgn-color-btn-text-light);
--pgn-color-btn-focus-text-inverse-info: var(--pgn-color-btn-text-inverse-info);
--pgn-color-btn-focus-text-outline-info: var(--pgn-color-btn-text-outline-info);
--pgn-color-btn-focus-text-dark: var(--pgn-color-btn-text-dark);
--pgn-color-btn-focus-text-outline-danger: var(--pgn-color-btn-text-outline-danger);
--pgn-color-btn-focus-text-inverse-danger: var(--pgn-color-btn-text-inverse-danger);
--pgn-color-btn-focus-text-brand: var(--pgn-color-btn-text-brand);
--pgn-color-btn-active-border-outline-primary: var(--pgn-color-theme-active-primary);
--pgn-color-btn-active-border-primary: var(--pgn-color-theme-active-primary);
--pgn-color-btn-active-border-outline-light: var(--pgn-color-theme-active-light);
--pgn-color-btn-active-border-light: var(--pgn-color-theme-active-light);
--pgn-color-btn-active-border-outline-dark: var(--pgn-color-theme-active-dark);
--pgn-color-btn-active-border-dark: var(--pgn-color-theme-active-dark);
--pgn-color-btn-active-border-outline-brand: var(--pgn-color-theme-active-brand);
--pgn-color-btn-active-border-brand: var(--pgn-color-theme-active-brand);
--pgn-color-btn-active-bg-inverse-outline-primary: var(--pgn-color-theme-bg-primary);
--pgn-color-btn-active-bg-outline-primary: var(--pgn-color-theme-bg-primary);
--pgn-color-btn-active-bg-primary: var(--pgn-color-theme-active-primary);
--pgn-color-btn-active-bg-inverse-outline-light: var(--pgn-color-theme-bg-light);
--pgn-color-btn-active-bg-outline-light: var(--pgn-color-theme-bg-light);
--pgn-color-btn-active-bg-light: var(--pgn-color-theme-active-light);
--pgn-color-btn-active-bg-inverse-outline-dark: var(--pgn-color-theme-bg-dark);
--pgn-color-btn-active-bg-outline-dark: var(--pgn-color-theme-bg-dark);
--pgn-color-btn-active-bg-dark: var(--pgn-color-theme-active-dark);
--pgn-color-btn-active-bg-inverse-outline-brand: var(--pgn-color-theme-bg-brand);
--pgn-color-btn-active-bg-outline-brand: var(--pgn-color-theme-bg-brand);
--pgn-color-btn-active-bg-brand: var(--pgn-color-theme-active-brand);
--pgn-color-btn-active-text-inverse-warning: #CCAE00FF;
--pgn-color-btn-active-text-inverse-success: #0F5737FF;
--pgn-color-btn-active-text-inverse-secondary: #2B2B2BFF;
--pgn-color-btn-active-text-inverse-info: #004C77FF;
--pgn-color-btn-active-text-inverse-danger: #9A232EFF;
--pgn-color-btn-hover-border-outline-warning: var(--pgn-color-warning-900);
--pgn-color-btn-hover-border-outline-success: var(--pgn-color-success-900);
--pgn-color-btn-hover-border-outline-secondary: var(--pgn-color-secondary-900);
--pgn-color-btn-hover-border-primary: var(--pgn-color-theme-hover-primary);
--pgn-color-btn-hover-border-light: var(--pgn-color-theme-hover-light);
--pgn-color-btn-hover-border-outline-info: var(--pgn-color-info-900);
--pgn-color-btn-hover-border-dark: var(--pgn-color-theme-hover-dark);
--pgn-color-btn-hover-border-outline-danger: var(--pgn-color-danger-900);
--pgn-color-btn-hover-border-brand: var(--pgn-color-theme-hover-brand);
--pgn-color-btn-hover-bg-inverse-outline-warning: var(--pgn-color-warning-100);
--pgn-color-btn-hover-bg-outline-warning: var(--pgn-color-warning-100);
--pgn-color-btn-hover-bg-inverse-outline-success: var(--pgn-color-success-100);
--pgn-color-btn-hover-bg-outline-success: var(--pgn-color-success-100);
--pgn-color-btn-hover-bg-inverse-outline-secondary: var(--pgn-color-secondary-100);
--pgn-color-btn-hover-bg-outline-secondary: var(--pgn-color-secondary-100);
--pgn-color-btn-hover-bg-inverse-primary: #ECECECFF;
--pgn-color-btn-hover-bg-primary: var(--pgn-color-theme-hover-primary);
--pgn-color-btn-hover-bg-inverse-light: #323232FF;
--pgn-color-btn-hover-bg-light: var(--pgn-color-theme-hover-light);
--pgn-color-btn-hover-bg-inverse-outline-info: var(--pgn-color-info-100);
--pgn-color-btn-hover-bg-outline-info: var(--pgn-color-info-100);
--pgn-color-btn-hover-bg-inverse-dark: #ECECECFF;
--pgn-color-btn-hover-bg-dark: var(--pgn-color-theme-hover-dark);
--pgn-color-btn-hover-bg-inverse-outline-danger: var(--pgn-color-danger-100);
--pgn-color-btn-hover-bg-outline-danger: var(--pgn-color-danger-100);
--pgn-color-btn-hover-bg-inverse-brand: #ECECECFF;
--pgn-color-btn-hover-bg-brand: var(--pgn-color-theme-hover-brand);
--pgn-color-btn-hover-text-inverse-warning: #D9B800FF;
--pgn-color-btn-hover-text-inverse-success: #11623EFF;
--pgn-color-btn-hover-text-inverse-secondary: #323232FF;
--pgn-color-btn-hover-text-inverse-outline-primary: var(--pgn-color-theme-hover-primary);
--pgn-color-btn-hover-text-outline-primary: var(--pgn-color-theme-hover-primary);
--pgn-color-btn-hover-text-inverse-outline-light: var(--pgn-color-theme-hover-light);
--pgn-color-btn-hover-text-outline-light: var(--pgn-color-theme-hover-light);
--pgn-color-btn-hover-text-inverse-info: #005484FF;
--pgn-color-btn-hover-text-inverse-outline-dark: var(--pgn-color-theme-hover-dark);
--pgn-color-btn-hover-text-outline-dark: var(--pgn-color-theme-hover-dark);
--pgn-color-btn-hover-text-inverse-danger: #A42631FF;
--pgn-color-btn-hover-text-inverse-outline-brand: var(--pgn-color-theme-hover-brand);
--pgn-color-btn-hover-text-outline-brand: var(--pgn-color-theme-hover-brand);
--pgn-color-btn-border-warning: var(--pgn-color-btn-bg-warning);
--pgn-color-btn-border-success: var(--pgn-color-btn-bg-success);
--pgn-color-btn-border-secondary: var(--pgn-color-btn-bg-secondary);
--pgn-color-btn-border-info: var(--pgn-color-btn-bg-info);
--pgn-color-btn-border-danger: var(--pgn-color-btn-bg-danger);
--pgn-color-btn-bg-inverse-warning: #454545FF;
--pgn-color-btn-bg-inverse-success: #FFFFFFFF;
--pgn-color-btn-bg-inverse-secondary: #FFFFFFFF;
--pgn-color-btn-bg-inverse-info: #FFFFFFFF;
--pgn-color-btn-bg-inverse-danger: #FFFFFFFF;
--pgn-color-btn-text-warning: #454545FF;
--pgn-color-btn-text-success: #FFFFFFFF;
--pgn-color-btn-text-secondary: #FFFFFFFF;
--pgn-color-btn-text-info: #FFFFFFFF;
--pgn-color-btn-text-danger: #FFFFFFFF;
--pgn-color-badge-focus-box-shadow-info: #006DAA0D;
--pgn-color-badge-focus-box-shadow-warning: #FFD9000D;
--pgn-color-badge-focus-box-shadow-danger: #C32D3A0D;
--pgn-color-badge-focus-box-shadow-success: #1782530D;
--pgn-color-badge-focus-box-shadow-secondary: #4545450D;
--pgn-color-badge-focus-bg-info: #004C77FF;
--pgn-color-badge-focus-bg-warning: #CCAE00FF;
--pgn-color-badge-focus-bg-danger: #9A232EFF;
--pgn-color-badge-focus-bg-success: #0F5737FF;
--pgn-color-badge-focus-bg-secondary: #2B2B2BFF;
--pgn-color-badge-focus-info: var(--pgn-color-badge-text-info);
--pgn-color-badge-focus-danger: var(--pgn-color-badge-text-danger);
--pgn-color-badge-focus-warning: var(--pgn-color-badge-text-warning);
--pgn-color-badge-focus-success: var(--pgn-color-badge-text-success);
--pgn-color-badge-focus-secondary: var(--pgn-color-badge-text-secondary);
--pgn-color-theme-active-danger: var(--pgn-color-danger-900);
--pgn-color-theme-active-warning: var(--pgn-color-warning-900);
--pgn-color-theme-active-info: var(--pgn-color-info-900);
--pgn-color-theme-active-success: var(--pgn-color-success-900);
--pgn-color-theme-active-secondary: var(--pgn-color-secondary-900);
--pgn-color-theme-hover-danger: var(--pgn-color-danger-700);
--pgn-color-theme-hover-warning: var(--pgn-color-warning-700);
--pgn-color-theme-hover-info: var(--pgn-color-info-700);
--pgn-color-theme-hover-success: var(--pgn-color-success-700);
--pgn-color-theme-hover-secondary: var(--pgn-color-secondary-700);
--pgn-color-theme-default-danger: var(--pgn-color-danger-500);
--pgn-color-theme-default-warning: var(--pgn-color-warning-500);
--pgn-color-theme-default-info: var(--pgn-color-info-500);
--pgn-color-theme-default-success: var(--pgn-color-success-500);
--pgn-color-theme-default-secondary: var(--pgn-color-secondary-500);
--pgn-color-theme-focus-danger: var(--pgn-color-danger-300);
--pgn-color-theme-focus-warning: var(--pgn-color-warning-300);
--pgn-color-theme-focus-info: var(--pgn-color-info-300);
--pgn-color-theme-focus-success: var(--pgn-color-success-300);
--pgn-color-theme-focus-secondary: var(--pgn-color-secondary-300);
--pgn-color-theme-border-danger: var(--pgn-color-danger-200);
--pgn-color-theme-border-warning: var(--pgn-color-warning-200);
--pgn-color-theme-border-info: var(--pgn-color-info-200);
--pgn-color-theme-border-success: var(--pgn-color-success-200);
--pgn-color-theme-border-secondary: var(--pgn-color-secondary-200);
--pgn-color-theme-bg-danger: var(--pgn-color-danger-100);
--pgn-color-theme-bg-warning: var(--pgn-color-warning-100);
--pgn-color-theme-bg-info: var(--pgn-color-info-100);
--pgn-color-theme-bg-success: var(--pgn-color-success-100);
--pgn-color-theme-bg-secondary: var(--pgn-color-secondary-100);
--pgn-color-input-btn-focus: var(--pgn-color-input-focus);
--pgn-other-content-form-control-select-indicator-icon: url("data:image/svg+xml,");
--pgn-other-content-form-control-switch-indicator-icon-on: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFFFFFFF'/%3e%3c/svg%3e");
--pgn-elevation-form-control-file-focus: var(--pgn-elevation-form-input-focus);
--pgn-elevation-form-control-range-thumb-focus: 0 0 0 1px var(--pgn-color-body-bg), var(--pgn-size-form-input-width-focus);
--pgn-typography-form-control-file-font-weight: var(--pgn-typography-form-input-font-weight);
--pgn-typography-form-control-select-font-weight: var(--pgn-typography-form-input-font-weight);
--pgn-spacing-form-control-select-feedback-icon-position: center right calc(var(--pgn-spacing-form-control-select-padding-x-base) + var(--pgn-spacing-form-control-select-indicator-padding));
--pgn-spacing-form-control-select-feedback-icon-padding-right: calc((1em + 2 * var(--pgn-spacing-form-control-select-padding-y-base)) * 3 / 4 + var(--pgn-spacing-form-control-select-padding-x-base) + var(--pgn-spacing-form-control-select-indicator-padding));
--pgn-size-form-control-file-height-inner: var(--pgn-size-form-input-height-inner-base);
--pgn-size-form-control-file-height-base: var(--pgn-size-form-input-height-base);
--pgn-size-form-control-file-width: var(--pgn-size-form-input-width-border);
--pgn-size-form-control-select-border-width-base: var(--pgn-size-form-input-width-border);
--pgn-size-form-control-select-feedback-icon: var(--pgn-size-form-input-height-inner-half) var(--pgn-size-form-input-height-inner-half);
--pgn-size-form-control-select-height-sm: var(--pgn-size-form-input-height-sm);
--pgn-size-form-control-select-height-base: var(--pgn-size-form-input-height-base);
--pgn-size-form-input-height-border: calc(var(--pgn-size-form-input-width-border) * 2);
--pgn-size-form-input-height-lg: calc(var(--pgn-typography-form-input-line-height-lg) * 1em + var(--pgn-spacing-input-btn-padding-lg-y) * 2 + var(--pgn-size-form-input-height-border));
--pgn-color-pagination-border-active: var(--pgn-color-pagination-bg-active);
--pgn-color-list-group-active-border: var(--pgn-color-list-group-active-bg);
--pgn-color-link-brand-inline-hover-decoration: var(--pgn-color-link-brand-inline-hover-base);
--pgn-color-link-muted-inline-hover-decoration: var(--pgn-color-link-muted-inline-hover-base);
--pgn-color-link-inline-hover-base: #003C5EFF;
--pgn-color-link-inline-decoration: #006DAA4D;
--pgn-color-form-control-file-border-focus: var(--pgn-color-form-input-focus-border);
--pgn-color-form-control-select-border-focus: var(--pgn-color-form-input-focus-border);
--pgn-color-form-control-checkbox-indicator-indeterminate-border: var(--pgn-color-form-control-checkbox-indicator-indeterminate-bg);
--pgn-color-form-control-checkbox-indicator-indeterminate-base: var(--pgn-color-form-control-indicator-checked-base);
--pgn-color-form-control-indicator-active-border: var(--pgn-color-form-control-indicator-active-bg);
--pgn-color-form-control-indicator-checked-border-focus: var(--pgn-color-form-input-focus-border);
--pgn-color-btn-disabled-border-warning: var(--pgn-color-btn-border-warning);
--pgn-color-btn-disabled-border-success: var(--pgn-color-btn-border-success);
--pgn-color-btn-disabled-border-outline-primary: var(--pgn-color-btn-hover-text-outline-primary);
--pgn-color-btn-disabled-border-outline-light: var(--pgn-color-btn-hover-text-outline-light);
--pgn-color-btn-disabled-border-outline-dark: var(--pgn-color-btn-hover-text-outline-dark);
--pgn-color-btn-disabled-border-danger: var(--pgn-color-btn-border-danger);
--pgn-color-btn-disabled-text-warning: var(--pgn-color-btn-text-warning);
--pgn-color-btn-disabled-text-success: var(--pgn-color-btn-text-success);
--pgn-color-btn-disabled-text-secondary: var(--pgn-color-btn-text-secondary);
--pgn-color-btn-disabled-text-outline-primary: var(--pgn-color-btn-hover-text-outline-primary);
--pgn-color-btn-disabled-text-outline-light: var(--pgn-color-btn-hover-text-outline-light);
--pgn-color-btn-disabled-text-info: var(--pgn-color-btn-text-info);
--pgn-color-btn-disabled-text-danger: var(--pgn-color-btn-text-danger);
--pgn-color-btn-disabled-text-outline-brand: var(--pgn-color-btn-hover-text-outline-brand);
--pgn-color-btn-focus-outline-outline-warning: var(--pgn-color-theme-focus-warning);
--pgn-color-btn-focus-outline-warning: var(--pgn-color-theme-focus-warning);
--pgn-color-btn-focus-outline-outline-success: var(--pgn-color-theme-focus-success);
--pgn-color-btn-focus-outline-success: var(--pgn-color-theme-focus-success);
--pgn-color-btn-focus-outline-outline-secondary: var(--pgn-color-theme-focus-secondary);
--pgn-color-btn-focus-outline-secondary: var(--pgn-color-theme-focus-secondary);
--pgn-color-btn-focus-outline-outline-info: var(--pgn-color-theme-focus-info);
--pgn-color-btn-focus-outline-info: var(--pgn-color-theme-focus-info);
--pgn-color-btn-focus-outline-outline-danger: var(--pgn-color-theme-focus-danger);
--pgn-color-btn-focus-outline-danger: var(--pgn-color-theme-focus-danger);
--pgn-color-btn-focus-bg-inverse-warning: var(--pgn-color-btn-bg-inverse-warning);
--pgn-color-btn-focus-bg-inverse-success: var(--pgn-color-btn-bg-inverse-success);
--pgn-color-btn-focus-bg-inverse-secondary: var(--pgn-color-btn-bg-inverse-secondary);
--pgn-color-btn-focus-bg-inverse-info: var(--pgn-color-btn-bg-inverse-info);
--pgn-color-btn-focus-bg-inverse-danger: var(--pgn-color-btn-bg-inverse-danger);
--pgn-color-btn-focus-border-warning: var(--pgn-color-btn-border-warning);
--pgn-color-btn-focus-border-success: var(--pgn-color-btn-border-success);
--pgn-color-btn-focus-border-info: var(--pgn-color-btn-border-info);
--pgn-color-btn-focus-border-danger: var(--pgn-color-btn-focus-bg-danger);
--pgn-color-btn-focus-text-warning: var(--pgn-color-btn-text-warning);
--pgn-color-btn-focus-text-success: var(--pgn-color-btn-text-success);
--pgn-color-btn-focus-text-secondary: var(--pgn-color-btn-text-secondary);
--pgn-color-btn-focus-text-info: var(--pgn-color-btn-text-info);
--pgn-color-btn-focus-text-danger: var(--pgn-color-btn-text-danger);
--pgn-color-btn-active-border-outline-warning: var(--pgn-color-theme-active-warning);
--pgn-color-btn-active-border-warning: var(--pgn-color-theme-active-warning);
--pgn-color-btn-active-border-outline-success: var(--pgn-color-theme-active-success);
--pgn-color-btn-active-border-success: var(--pgn-color-theme-active-success);
--pgn-color-btn-active-border-outline-secondary: var(--pgn-color-theme-active-secondary);
--pgn-color-btn-active-border-secondary: var(--pgn-color-theme-active-secondary);
--pgn-color-btn-active-border-outline-info: var(--pgn-color-theme-active-info);
--pgn-color-btn-active-border-info: var(--pgn-color-theme-active-info);
--pgn-color-btn-active-border-outline-danger: var(--pgn-color-theme-active-danger);
--pgn-color-btn-active-border-danger: var(--pgn-color-theme-active-danger);
--pgn-color-btn-active-bg-inverse-outline-warning: var(--pgn-color-theme-bg-warning);
--pgn-color-btn-active-bg-outline-warning: var(--pgn-color-theme-bg-warning);
--pgn-color-btn-active-bg-warning: var(--pgn-color-theme-active-warning);
--pgn-color-btn-active-bg-inverse-outline-success: var(--pgn-color-theme-bg-success);
--pgn-color-btn-active-bg-outline-success: var(--pgn-color-theme-bg-success);
--pgn-color-btn-active-bg-success: var(--pgn-color-theme-active-success);
--pgn-color-btn-active-bg-inverse-outline-secondary: var(--pgn-color-theme-bg-secondary);
--pgn-color-btn-active-bg-outline-secondary: var(--pgn-color-theme-bg-secondary);
--pgn-color-btn-active-bg-secondary: var(--pgn-color-theme-active-secondary);
--pgn-color-btn-active-bg-inverse-outline-info: var(--pgn-color-theme-bg-info);
--pgn-color-btn-active-bg-outline-info: var(--pgn-color-theme-bg-info);
--pgn-color-btn-active-bg-info: var(--pgn-color-theme-active-info);
--pgn-color-btn-active-bg-inverse-outline-danger: var(--pgn-color-theme-bg-danger);
--pgn-color-btn-active-bg-outline-danger: var(--pgn-color-theme-bg-danger);
--pgn-color-btn-active-bg-danger: var(--pgn-color-theme-active-danger);
--pgn-color-btn-active-text-inverse-outline-primary: #454545FF;
--pgn-color-btn-active-text-outline-primary: #454545FF;
--pgn-color-btn-active-text-primary: #FFFFFFFF;
--pgn-color-btn-active-text-inverse-outline-light: #454545FF;
--pgn-color-btn-active-text-outline-light: #454545FF;
--pgn-color-btn-active-text-light: #454545FF;
--pgn-color-btn-active-text-inverse-outline-dark: #454545FF;
--pgn-color-btn-active-text-outline-dark: #454545FF;
--pgn-color-btn-active-text-dark: #FFFFFFFF;
--pgn-color-btn-active-text-inverse-outline-brand: #454545FF;
--pgn-color-btn-active-text-outline-brand: #454545FF;
--pgn-color-btn-active-text-brand: #FFFFFFFF;
--pgn-color-btn-hover-border-warning: var(--pgn-color-theme-hover-warning);
--pgn-color-btn-hover-border-success: var(--pgn-color-theme-hover-success);
--pgn-color-btn-hover-border-secondary: var(--pgn-color-theme-hover-secondary);
--pgn-color-btn-hover-border-info: var(--pgn-color-theme-hover-info);
--pgn-color-btn-hover-border-danger: var(--pgn-color-theme-hover-danger);
--pgn-color-btn-hover-bg-inverse-warning: #323232FF;
--pgn-color-btn-hover-bg-warning: var(--pgn-color-theme-hover-warning);
--pgn-color-btn-hover-bg-inverse-success: #ECECECFF;
--pgn-color-btn-hover-bg-success: var(--pgn-color-theme-hover-success);
--pgn-color-btn-hover-bg-inverse-secondary: #ECECECFF;
--pgn-color-btn-hover-bg-secondary: var(--pgn-color-theme-hover-secondary);
--pgn-color-btn-hover-bg-inverse-info: #ECECECFF;
--pgn-color-btn-hover-bg-info: var(--pgn-color-theme-hover-info);
--pgn-color-btn-hover-bg-inverse-danger: #ECECECFF;
--pgn-color-btn-hover-bg-danger: var(--pgn-color-theme-hover-danger);
--pgn-color-btn-hover-text-inverse-outline-warning: var(--pgn-color-theme-hover-warning);
--pgn-color-btn-hover-text-outline-warning: var(--pgn-color-theme-hover-warning);
--pgn-color-btn-hover-text-inverse-outline-success: var(--pgn-color-theme-hover-success);
--pgn-color-btn-hover-text-outline-success: var(--pgn-color-theme-hover-success);
--pgn-color-btn-hover-text-inverse-outline-secondary: var(--pgn-color-theme-hover-secondary);
--pgn-color-btn-hover-text-outline-secondary: var(--pgn-color-theme-hover-secondary);
--pgn-color-btn-hover-text-primary: #FFFFFFFF;
--pgn-color-btn-hover-text-light: #454545FF;
--pgn-color-btn-hover-text-inverse-outline-info: var(--pgn-color-theme-hover-info);
--pgn-color-btn-hover-text-outline-info: var(--pgn-color-theme-hover-info);
--pgn-color-btn-hover-text-dark: #FFFFFFFF;
--pgn-color-btn-hover-text-inverse-outline-danger: var(--pgn-color-theme-hover-danger);
--pgn-color-btn-hover-text-outline-danger: var(--pgn-color-theme-hover-danger);
--pgn-color-btn-hover-text-brand: #FFFFFFFF;
--pgn-color-alert-border-warning: var(--pgn-color-theme-border-warning);
--pgn-color-alert-border-danger: var(--pgn-color-theme-border-danger);
--pgn-color-alert-border-info: var(--pgn-color-theme-border-info);
--pgn-color-alert-border-success: var(--pgn-color-theme-border-success);
--pgn-color-alert-bg-warning: var(--pgn-color-theme-bg-warning);
--pgn-color-alert-bg-danger: var(--pgn-color-theme-bg-danger);
--pgn-color-alert-bg-info: var(--pgn-color-theme-bg-info);
--pgn-color-alert-bg-success: var(--pgn-color-theme-bg-success);
--pgn-color-alert-icon-warning: var(--pgn-color-theme-default-warning);
--pgn-color-alert-icon-danger: var(--pgn-color-theme-default-danger);
--pgn-color-alert-icon-info: var(--pgn-color-theme-default-info);
--pgn-color-alert-icon-success: var(--pgn-color-theme-default-success);
--pgn-other-content-form-feedback-icon-invalid: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23C32D3AFF' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23C32D3AFF' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
--pgn-other-content-form-feedback-icon-valid: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23178253FF' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
--pgn-other-content-form-control-select-bg: var(--pgn-other-content-form-control-select-indicator-icon) no-repeat right var(--pgn-spacing-form-input-padding-y-base) center / var(--pgn-color-form-control-select-bg-base);
--pgn-other-content-form-control-switch-indicator-icon-off: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%232196F3FF'/%3e%3c/svg%3e");
--pgn-other-content-form-control-radio-indicator-icon-checked: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%232196F3FF'/%3e%3c/svg%3e");
--pgn-other-content-form-control-checkbox-indicator-icon-checked: url("data:image/svg+xml,");
--pgn-size-form-control-select-height-lg: var(--pgn-size-form-input-height-lg);
--pgn-color-link-inline-hover-decoration: var(--pgn-color-link-inline-hover-base);
--pgn-color-btn-disabled-text-outline-danger: var(--pgn-color-btn-hover-text-outline-danger);
--pgn-color-btn-active-text-inverse-outline-warning: #454545FF;
--pgn-color-btn-active-text-outline-warning: #454545FF;
--pgn-color-btn-active-text-warning: #FFFFFFFF;
--pgn-color-btn-active-text-inverse-outline-success: #454545FF;
--pgn-color-btn-active-text-outline-success: #454545FF;
--pgn-color-btn-active-text-success: #FFFFFFFF;
--pgn-color-btn-active-text-inverse-outline-secondary: #454545FF;
--pgn-color-btn-active-text-outline-secondary: #454545FF;
--pgn-color-btn-active-text-secondary: #FFFFFFFF;
--pgn-color-btn-active-text-inverse-outline-info: #454545FF;
--pgn-color-btn-active-text-outline-info: #454545FF;
--pgn-color-btn-active-text-info: #FFFFFFFF;
--pgn-color-btn-active-text-inverse-outline-danger: #454545FF;
--pgn-color-btn-active-text-outline-danger: #454545FF;
--pgn-color-btn-active-text-danger: #FFFFFFFF;
--pgn-color-btn-hover-text-warning: #454545FF;
--pgn-color-btn-hover-text-success: #FFFFFFFF;
--pgn-color-btn-hover-text-secondary: #FFFFFFFF;
--pgn-color-btn-hover-text-info: #FFFFFFFF;
--pgn-color-btn-hover-text-danger: #FFFFFFFF;
--pgn-other-content-form-control-checkbox-indicator-indeterminate-icon: url("data:image/svg+xml,");
--pgn-color-action-default-danger-900: #732C29FF;
--pgn-color-action-default-danger-800: #7E302DFF;
--pgn-color-action-default-danger-700: #893431FF;
--pgn-color-action-default-danger-600: #A23835FF;
--pgn-color-action-default-danger-500: #C9302CFF;
--pgn-color-action-default-danger-400: #DA5551FF;
--pgn-color-action-default-danger-300: #E3807DFF;
--pgn-color-action-default-danger-200: #EDABA9FF;
--pgn-color-action-default-danger-100: #F5CEC9FF;
--pgn-color-action-default-warning-900: #806B00FF;
--pgn-color-action-default-warning-800: #8C7500FF;
--pgn-color-action-default-warning-700: #998000FF;
--pgn-color-action-default-warning-600: #B39500FF;
--pgn-color-action-default-warning-500: #CCAA00FF;
--pgn-color-action-default-warning-400: #FFD80DFF;
--pgn-color-action-default-warning-300: #FFE24DFF;
--pgn-color-action-default-warning-200: #FFED8CFF;
--pgn-color-action-default-warning-100: #FFF2BDFF;
--pgn-color-action-default-info-900: #316777FF;
--pgn-color-action-default-info-800: #357183FF;
--pgn-color-action-default-info-700: #3A7B8EFF;
--pgn-color-action-default-info-600: #3894AFFF;
--pgn-color-action-default-info-500: #31B0D5FF;
--pgn-color-action-default-info-400: #5AC0DDFF;
--pgn-color-action-default-info-300: #82D0E7FF;
--pgn-color-action-default-info-200: #ABDEEFFF;
--pgn-color-action-default-info-100: #CBEAF5FF;
--pgn-color-action-default-success-900: #08301EFF;
--pgn-color-action-default-success-800: #093723FF;
--pgn-color-action-default-success-700: #0A3D26FF;
--pgn-color-action-default-success-600: #0D4A2FFF;
--pgn-color-action-default-success-500: #0F5737FF;
--pgn-color-action-default-success-400: #407F63FF;
--pgn-color-action-default-success-300: #6AAF90FF;
--pgn-color-action-default-success-200: #A4CEBBFF;
--pgn-color-action-default-success-100: #CFE7DDFF;
--pgn-color-action-default-brand-900: #114D7DFF;
--pgn-color-action-default-brand-800: #135589FF;
--pgn-color-action-default-brand-700: #145C95FF;
--pgn-color-action-default-brand-600: #186BAEFF;
--pgn-color-action-default-brand-500: #0C7CD5FF;
--pgn-color-action-default-brand-400: #2999F3FF;
--pgn-color-action-default-brand-300: #60B4F6FF;
--pgn-color-action-default-brand-200: #98CEF9FF;
--pgn-color-action-default-brand-100: #C3E3FAFF;
--pgn-color-action-default-secondary-800: #1A1A1AFF;
--pgn-color-action-default-secondary-900: #161616FF;
--pgn-color-action-default-secondary-700: #1E1E1EFF;
--pgn-color-action-default-secondary-600: #252525FF;
--pgn-color-action-default-secondary-500: #2B2B2BFF;
--pgn-color-action-default-secondary-400: #5A5A5AFF;
--pgn-color-action-default-secondary-300: #898989FF;
--pgn-color-action-default-secondary-200: #B8B8B8FF;
--pgn-color-action-default-secondary-100: #DBDBDBFF;
}
.bg-accent-a {
background-color: var(--pgn-color-accent-a) !important;
}
a.bg-accent-a:hover,
a.bg-accent-a:focus,
button.bg-accent-a:hover,
button.bg-accent-a:focus {
background-color: var(--pgn-color-action-default-accent-a) !important;
}
.text-accent-a {
color: var(--pgn-color-accent-a) !important;
}
a.text-accent-a:hover,
a.text-accent-a:focus {
color: var(--pgn-color-action-default-accent-a) !important;
}
.border-accent-a {
border-color: var(--pgn-color-accent-a) !important;
}
.bg-accent-b {
background-color: var(--pgn-color-accent-b) !important;
}
a.bg-accent-b:hover,
a.bg-accent-b:focus,
button.bg-accent-b:hover,
button.bg-accent-b:focus {
background-color: var(--pgn-color-action-default-accent-b) !important;
}
.text-accent-b {
color: var(--pgn-color-accent-b) !important;
}
a.text-accent-b:hover,
a.text-accent-b:focus {
color: var(--pgn-color-action-default-accent-b) !important;
}
.border-accent-b {
border-color: var(--pgn-color-accent-b) !important;
}
.bg-gray-100 {
background-color: var(--pgn-color-gray-100) !important;
}
a.bg-gray-100:hover,
a.bg-gray-100:focus,
button.bg-gray-100:hover,
button.bg-gray-100:focus {
background-color: var(--pgn-color-action-default-gray-100) !important;
}
.text-gray-100 {
color: var(--pgn-color-gray-100) !important;
}
a.text-gray-100:hover,
a.text-gray-100:focus {
color: var(--pgn-color-action-default-gray-100) !important;
}
.border-gray-100 {
border-color: var(--pgn-color-gray-100) !important;
}
.bg-gray-200 {
background-color: var(--pgn-color-gray-200) !important;
}
a.bg-gray-200:hover,
a.bg-gray-200:focus,
button.bg-gray-200:hover,
button.bg-gray-200:focus {
background-color: var(--pgn-color-action-default-gray-200) !important;
}
.text-gray-200 {
color: var(--pgn-color-gray-200) !important;
}
a.text-gray-200:hover,
a.text-gray-200:focus {
color: var(--pgn-color-action-default-gray-200) !important;
}
.border-gray-200 {
border-color: var(--pgn-color-gray-200) !important;
}
.bg-gray-300 {
background-color: var(--pgn-color-gray-300) !important;
}
a.bg-gray-300:hover,
a.bg-gray-300:focus,
button.bg-gray-300:hover,
button.bg-gray-300:focus {
background-color: var(--pgn-color-action-default-gray-300) !important;
}
.text-gray-300 {
color: var(--pgn-color-gray-300) !important;
}
a.text-gray-300:hover,
a.text-gray-300:focus {
color: var(--pgn-color-action-default-gray-300) !important;
}
.border-gray-300 {
border-color: var(--pgn-color-gray-300) !important;
}
.bg-gray-400 {
background-color: var(--pgn-color-gray-400) !important;
}
a.bg-gray-400:hover,
a.bg-gray-400:focus,
button.bg-gray-400:hover,
button.bg-gray-400:focus {
background-color: var(--pgn-color-action-default-gray-400) !important;
}
.text-gray-400 {
color: var(--pgn-color-gray-400) !important;
}
a.text-gray-400:hover,
a.text-gray-400:focus {
color: var(--pgn-color-action-default-gray-400) !important;
}
.border-gray-400 {
border-color: var(--pgn-color-gray-400) !important;
}
.bg-gray-500 {
background-color: var(--pgn-color-gray-500) !important;
}
a.bg-gray-500:hover,
a.bg-gray-500:focus,
button.bg-gray-500:hover,
button.bg-gray-500:focus {
background-color: var(--pgn-color-action-default-gray-500) !important;
}
.text-gray-500 {
color: var(--pgn-color-gray-500) !important;
}
a.text-gray-500:hover,
a.text-gray-500:focus {
color: var(--pgn-color-action-default-gray-500) !important;
}
.border-gray-500 {
border-color: var(--pgn-color-gray-500) !important;
}
.bg-gray-600 {
background-color: var(--pgn-color-gray-600) !important;
}
a.bg-gray-600:hover,
a.bg-gray-600:focus,
button.bg-gray-600:hover,
button.bg-gray-600:focus {
background-color: var(--pgn-color-action-default-gray-600) !important;
}
.text-gray-600 {
color: var(--pgn-color-gray-600) !important;
}
a.text-gray-600:hover,
a.text-gray-600:focus {
color: var(--pgn-color-action-default-gray-600) !important;
}
.border-gray-600 {
border-color: var(--pgn-color-gray-600) !important;
}
.bg-gray-700 {
background-color: var(--pgn-color-gray-700) !important;
}
a.bg-gray-700:hover,
a.bg-gray-700:focus,
button.bg-gray-700:hover,
button.bg-gray-700:focus {
background-color: var(--pgn-color-action-default-gray-700) !important;
}
.text-gray-700 {
color: var(--pgn-color-gray-700) !important;
}
a.text-gray-700:hover,
a.text-gray-700:focus {
color: var(--pgn-color-action-default-gray-700) !important;
}
.border-gray-700 {
border-color: var(--pgn-color-gray-700) !important;
}
.bg-gray-800 {
background-color: var(--pgn-color-gray-800) !important;
}
a.bg-gray-800:hover,
a.bg-gray-800:focus,
button.bg-gray-800:hover,
button.bg-gray-800:focus {
background-color: var(--pgn-color-action-default-gray-800) !important;
}
.text-gray-800 {
color: var(--pgn-color-gray-800) !important;
}
a.text-gray-800:hover,
a.text-gray-800:focus {
color: var(--pgn-color-action-default-gray-800) !important;
}
.border-gray-800 {
border-color: var(--pgn-color-gray-800) !important;
}
.bg-gray-900 {
background-color: var(--pgn-color-gray-900) !important;
}
a.bg-gray-900:hover,
a.bg-gray-900:focus,
button.bg-gray-900:hover,
button.bg-gray-900:focus {
background-color: var(--pgn-color-action-default-gray-900) !important;
}
.text-gray-900 {
color: var(--pgn-color-gray-900) !important;
}
a.text-gray-900:hover,
a.text-gray-900:focus {
color: var(--pgn-color-action-default-gray-900) !important;
}
.border-gray-900 {
border-color: var(--pgn-color-gray-900) !important;
}
.bg-gray {
background-color: var(--pgn-color-gray-base) !important;
}
a.bg-gray:hover,
a.bg-gray:focus,
button.bg-gray:hover,
button.bg-gray:focus {
background-color: var(--pgn-color-action-default-gray-base) !important;
}
.text-gray {
color: var(--pgn-color-gray-base) !important;
}
a.text-gray:hover,
a.text-gray:focus {
color: var(--pgn-color-action-default-gray-base) !important;
}
.border-gray {
border-color: var(--pgn-color-gray-base) !important;
}
.bg-primary-100 {
background-color: var(--pgn-color-primary-100) !important;
}
a.bg-primary-100:hover,
a.bg-primary-100:focus,
button.bg-primary-100:hover,
button.bg-primary-100:focus {
background-color: var(--pgn-color-action-default-primary-100) !important;
}
.text-primary-100 {
color: var(--pgn-color-primary-100) !important;
}
a.text-primary-100:hover,
a.text-primary-100:focus {
color: var(--pgn-color-action-default-primary-100) !important;
}
.border-primary-100 {
border-color: var(--pgn-color-primary-100) !important;
}
.bg-primary-200 {
background-color: var(--pgn-color-primary-200) !important;
}
a.bg-primary-200:hover,
a.bg-primary-200:focus,
button.bg-primary-200:hover,
button.bg-primary-200:focus {
background-color: var(--pgn-color-action-default-primary-200) !important;
}
.text-primary-200 {
color: var(--pgn-color-primary-200) !important;
}
a.text-primary-200:hover,
a.text-primary-200:focus {
color: var(--pgn-color-action-default-primary-200) !important;
}
.border-primary-200 {
border-color: var(--pgn-color-primary-200) !important;
}
.bg-primary-300 {
background-color: var(--pgn-color-primary-300) !important;
}
a.bg-primary-300:hover,
a.bg-primary-300:focus,
button.bg-primary-300:hover,
button.bg-primary-300:focus {
background-color: var(--pgn-color-action-default-primary-300) !important;
}
.text-primary-300 {
color: var(--pgn-color-primary-300) !important;
}
a.text-primary-300:hover,
a.text-primary-300:focus {
color: var(--pgn-color-action-default-primary-300) !important;
}
.border-primary-300 {
border-color: var(--pgn-color-primary-300) !important;
}
.bg-primary-400 {
background-color: var(--pgn-color-primary-400) !important;
}
a.bg-primary-400:hover,
a.bg-primary-400:focus,
button.bg-primary-400:hover,
button.bg-primary-400:focus {
background-color: var(--pgn-color-action-default-primary-400) !important;
}
.text-primary-400 {
color: var(--pgn-color-primary-400) !important;
}
a.text-primary-400:hover,
a.text-primary-400:focus {
color: var(--pgn-color-action-default-primary-400) !important;
}
.border-primary-400 {
border-color: var(--pgn-color-primary-400) !important;
}
.bg-primary-500 {
background-color: var(--pgn-color-primary-500) !important;
}
a.bg-primary-500:hover,
a.bg-primary-500:focus,
button.bg-primary-500:hover,
button.bg-primary-500:focus {
background-color: var(--pgn-color-action-default-primary-500) !important;
}
.text-primary-500 {
color: var(--pgn-color-primary-500) !important;
}
a.text-primary-500:hover,
a.text-primary-500:focus {
color: var(--pgn-color-action-default-primary-500) !important;
}
.border-primary-500 {
border-color: var(--pgn-color-primary-500) !important;
}
.bg-primary-600 {
background-color: var(--pgn-color-primary-600) !important;
}
a.bg-primary-600:hover,
a.bg-primary-600:focus,
button.bg-primary-600:hover,
button.bg-primary-600:focus {
background-color: var(--pgn-color-action-default-primary-600) !important;
}
.text-primary-600 {
color: var(--pgn-color-primary-600) !important;
}
a.text-primary-600:hover,
a.text-primary-600:focus {
color: var(--pgn-color-action-default-primary-600) !important;
}
.border-primary-600 {
border-color: var(--pgn-color-primary-600) !important;
}
.bg-primary-700 {
background-color: var(--pgn-color-primary-700) !important;
}
a.bg-primary-700:hover,
a.bg-primary-700:focus,
button.bg-primary-700:hover,
button.bg-primary-700:focus {
background-color: var(--pgn-color-action-default-primary-700) !important;
}
.text-primary-700 {
color: var(--pgn-color-primary-700) !important;
}
a.text-primary-700:hover,
a.text-primary-700:focus {
color: var(--pgn-color-action-default-primary-700) !important;
}
.border-primary-700 {
border-color: var(--pgn-color-primary-700) !important;
}
.bg-primary-800 {
background-color: var(--pgn-color-primary-800) !important;
}
a.bg-primary-800:hover,
a.bg-primary-800:focus,
button.bg-primary-800:hover,
button.bg-primary-800:focus {
background-color: var(--pgn-color-action-default-primary-800) !important;
}
.text-primary-800 {
color: var(--pgn-color-primary-800) !important;
}
a.text-primary-800:hover,
a.text-primary-800:focus {
color: var(--pgn-color-action-default-primary-800) !important;
}
.border-primary-800 {
border-color: var(--pgn-color-primary-800) !important;
}
.bg-primary-900 {
background-color: var(--pgn-color-primary-900) !important;
}
a.bg-primary-900:hover,
a.bg-primary-900:focus,
button.bg-primary-900:hover,
button.bg-primary-900:focus {
background-color: var(--pgn-color-action-default-primary-900) !important;
}
.text-primary-900 {
color: var(--pgn-color-primary-900) !important;
}
a.text-primary-900:hover,
a.text-primary-900:focus {
color: var(--pgn-color-action-default-primary-900) !important;
}
.border-primary-900 {
border-color: var(--pgn-color-primary-900) !important;
}
.bg-primary {
background-color: var(--pgn-color-primary-base) !important;
}
a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
background-color: var(--pgn-color-action-default-primary-base) !important;
}
.text-primary {
color: var(--pgn-color-primary-base) !important;
}
a.text-primary:hover,
a.text-primary:focus {
color: var(--pgn-color-action-default-primary-base) !important;
}
.border-primary {
border-color: var(--pgn-color-primary-base) !important;
}
.bg-secondary-100 {
background-color: var(--pgn-color-secondary-100) !important;
}
a.bg-secondary-100:hover,
a.bg-secondary-100:focus,
button.bg-secondary-100:hover,
button.bg-secondary-100:focus {
background-color: var(--pgn-color-action-default-secondary-100) !important;
}
.text-secondary-100 {
color: var(--pgn-color-secondary-100) !important;
}
a.text-secondary-100:hover,
a.text-secondary-100:focus {
color: var(--pgn-color-action-default-secondary-100) !important;
}
.border-secondary-100 {
border-color: var(--pgn-color-secondary-100) !important;
}
.bg-secondary-200 {
background-color: var(--pgn-color-secondary-200) !important;
}
a.bg-secondary-200:hover,
a.bg-secondary-200:focus,
button.bg-secondary-200:hover,
button.bg-secondary-200:focus {
background-color: var(--pgn-color-action-default-secondary-200) !important;
}
.text-secondary-200 {
color: var(--pgn-color-secondary-200) !important;
}
a.text-secondary-200:hover,
a.text-secondary-200:focus {
color: var(--pgn-color-action-default-secondary-200) !important;
}
.border-secondary-200 {
border-color: var(--pgn-color-secondary-200) !important;
}
.bg-secondary-300 {
background-color: var(--pgn-color-secondary-300) !important;
}
a.bg-secondary-300:hover,
a.bg-secondary-300:focus,
button.bg-secondary-300:hover,
button.bg-secondary-300:focus {
background-color: var(--pgn-color-action-default-secondary-300) !important;
}
.text-secondary-300 {
color: var(--pgn-color-secondary-300) !important;
}
a.text-secondary-300:hover,
a.text-secondary-300:focus {
color: var(--pgn-color-action-default-secondary-300) !important;
}
.border-secondary-300 {
border-color: var(--pgn-color-secondary-300) !important;
}
.bg-secondary-400 {
background-color: var(--pgn-color-secondary-400) !important;
}
a.bg-secondary-400:hover,
a.bg-secondary-400:focus,
button.bg-secondary-400:hover,
button.bg-secondary-400:focus {
background-color: var(--pgn-color-action-default-secondary-400) !important;
}
.text-secondary-400 {
color: var(--pgn-color-secondary-400) !important;
}
a.text-secondary-400:hover,
a.text-secondary-400:focus {
color: var(--pgn-color-action-default-secondary-400) !important;
}
.border-secondary-400 {
border-color: var(--pgn-color-secondary-400) !important;
}
.bg-secondary-500 {
background-color: var(--pgn-color-secondary-500) !important;
}
a.bg-secondary-500:hover,
a.bg-secondary-500:focus,
button.bg-secondary-500:hover,
button.bg-secondary-500:focus {
background-color: var(--pgn-color-action-default-secondary-500) !important;
}
.text-secondary-500 {
color: var(--pgn-color-secondary-500) !important;
}
a.text-secondary-500:hover,
a.text-secondary-500:focus {
color: var(--pgn-color-action-default-secondary-500) !important;
}
.border-secondary-500 {
border-color: var(--pgn-color-secondary-500) !important;
}
.bg-secondary-600 {
background-color: var(--pgn-color-secondary-600) !important;
}
a.bg-secondary-600:hover,
a.bg-secondary-600:focus,
button.bg-secondary-600:hover,
button.bg-secondary-600:focus {
background-color: var(--pgn-color-action-default-secondary-600) !important;
}
.text-secondary-600 {
color: var(--pgn-color-secondary-600) !important;
}
a.text-secondary-600:hover,
a.text-secondary-600:focus {
color: var(--pgn-color-action-default-secondary-600) !important;
}
.border-secondary-600 {
border-color: var(--pgn-color-secondary-600) !important;
}
.bg-secondary-700 {
background-color: var(--pgn-color-secondary-700) !important;
}
a.bg-secondary-700:hover,
a.bg-secondary-700:focus,
button.bg-secondary-700:hover,
button.bg-secondary-700:focus {
background-color: var(--pgn-color-action-default-secondary-700) !important;
}
.text-secondary-700 {
color: var(--pgn-color-secondary-700) !important;
}
a.text-secondary-700:hover,
a.text-secondary-700:focus {
color: var(--pgn-color-action-default-secondary-700) !important;
}
.border-secondary-700 {
border-color: var(--pgn-color-secondary-700) !important;
}
.bg-secondary-800 {
background-color: var(--pgn-color-secondary-800) !important;
}
a.bg-secondary-800:hover,
a.bg-secondary-800:focus,
button.bg-secondary-800:hover,
button.bg-secondary-800:focus {
background-color: var(--pgn-color-action-default-secondary-800) !important;
}
.text-secondary-800 {
color: var(--pgn-color-secondary-800) !important;
}
a.text-secondary-800:hover,
a.text-secondary-800:focus {
color: var(--pgn-color-action-default-secondary-800) !important;
}
.border-secondary-800 {
border-color: var(--pgn-color-secondary-800) !important;
}
.bg-secondary-900 {
background-color: var(--pgn-color-secondary-900) !important;
}
a.bg-secondary-900:hover,
a.bg-secondary-900:focus,
button.bg-secondary-900:hover,
button.bg-secondary-900:focus {
background-color: var(--pgn-color-action-default-secondary-900) !important;
}
.text-secondary-900 {
color: var(--pgn-color-secondary-900) !important;
}
a.text-secondary-900:hover,
a.text-secondary-900:focus {
color: var(--pgn-color-action-default-secondary-900) !important;
}
.border-secondary-900 {
border-color: var(--pgn-color-secondary-900) !important;
}
.bg-secondary {
background-color: var(--pgn-color-secondary-base) !important;
}
a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
background-color: var(--pgn-color-action-default-secondary-base) !important;
}
.text-secondary {
color: var(--pgn-color-secondary-base) !important;
}
a.text-secondary:hover,
a.text-secondary:focus {
color: var(--pgn-color-action-default-secondary-base) !important;
}
.border-secondary {
border-color: var(--pgn-color-secondary-base) !important;
}
.bg-brand-100 {
background-color: var(--pgn-color-brand-100) !important;
}
a.bg-brand-100:hover,
a.bg-brand-100:focus,
button.bg-brand-100:hover,
button.bg-brand-100:focus {
background-color: var(--pgn-color-action-default-brand-100) !important;
}
.text-brand-100 {
color: var(--pgn-color-brand-100) !important;
}
a.text-brand-100:hover,
a.text-brand-100:focus {
color: var(--pgn-color-action-default-brand-100) !important;
}
.border-brand-100 {
border-color: var(--pgn-color-brand-100) !important;
}
.bg-brand-200 {
background-color: var(--pgn-color-brand-200) !important;
}
a.bg-brand-200:hover,
a.bg-brand-200:focus,
button.bg-brand-200:hover,
button.bg-brand-200:focus {
background-color: var(--pgn-color-action-default-brand-200) !important;
}
.text-brand-200 {
color: var(--pgn-color-brand-200) !important;
}
a.text-brand-200:hover,
a.text-brand-200:focus {
color: var(--pgn-color-action-default-brand-200) !important;
}
.border-brand-200 {
border-color: var(--pgn-color-brand-200) !important;
}
.bg-brand-300 {
background-color: var(--pgn-color-brand-300) !important;
}
a.bg-brand-300:hover,
a.bg-brand-300:focus,
button.bg-brand-300:hover,
button.bg-brand-300:focus {
background-color: var(--pgn-color-action-default-brand-300) !important;
}
.text-brand-300 {
color: var(--pgn-color-brand-300) !important;
}
a.text-brand-300:hover,
a.text-brand-300:focus {
color: var(--pgn-color-action-default-brand-300) !important;
}
.border-brand-300 {
border-color: var(--pgn-color-brand-300) !important;
}
.bg-brand-400 {
background-color: var(--pgn-color-brand-400) !important;
}
a.bg-brand-400:hover,
a.bg-brand-400:focus,
button.bg-brand-400:hover,
button.bg-brand-400:focus {
background-color: var(--pgn-color-action-default-brand-400) !important;
}
.text-brand-400 {
color: var(--pgn-color-brand-400) !important;
}
a.text-brand-400:hover,
a.text-brand-400:focus {
color: var(--pgn-color-action-default-brand-400) !important;
}
.border-brand-400 {
border-color: var(--pgn-color-brand-400) !important;
}
.bg-brand-500 {
background-color: var(--pgn-color-brand-500) !important;
}
a.bg-brand-500:hover,
a.bg-brand-500:focus,
button.bg-brand-500:hover,
button.bg-brand-500:focus {
background-color: var(--pgn-color-action-default-brand-500) !important;
}
.text-brand-500 {
color: var(--pgn-color-brand-500) !important;
}
a.text-brand-500:hover,
a.text-brand-500:focus {
color: var(--pgn-color-action-default-brand-500) !important;
}
.border-brand-500 {
border-color: var(--pgn-color-brand-500) !important;
}
.bg-brand-600 {
background-color: var(--pgn-color-brand-600) !important;
}
a.bg-brand-600:hover,
a.bg-brand-600:focus,
button.bg-brand-600:hover,
button.bg-brand-600:focus {
background-color: var(--pgn-color-action-default-brand-600) !important;
}
.text-brand-600 {
color: var(--pgn-color-brand-600) !important;
}
a.text-brand-600:hover,
a.text-brand-600:focus {
color: var(--pgn-color-action-default-brand-600) !important;
}
.border-brand-600 {
border-color: var(--pgn-color-brand-600) !important;
}
.bg-brand-700 {
background-color: var(--pgn-color-brand-700) !important;
}
a.bg-brand-700:hover,
a.bg-brand-700:focus,
button.bg-brand-700:hover,
button.bg-brand-700:focus {
background-color: var(--pgn-color-action-default-brand-700) !important;
}
.text-brand-700 {
color: var(--pgn-color-brand-700) !important;
}
a.text-brand-700:hover,
a.text-brand-700:focus {
color: var(--pgn-color-action-default-brand-700) !important;
}
.border-brand-700 {
border-color: var(--pgn-color-brand-700) !important;
}
.bg-brand-800 {
background-color: var(--pgn-color-brand-800) !important;
}
a.bg-brand-800:hover,
a.bg-brand-800:focus,
button.bg-brand-800:hover,
button.bg-brand-800:focus {
background-color: var(--pgn-color-action-default-brand-800) !important;
}
.text-brand-800 {
color: var(--pgn-color-brand-800) !important;
}
a.text-brand-800:hover,
a.text-brand-800:focus {
color: var(--pgn-color-action-default-brand-800) !important;
}
.border-brand-800 {
border-color: var(--pgn-color-brand-800) !important;
}
.bg-brand-900 {
background-color: var(--pgn-color-brand-900) !important;
}
a.bg-brand-900:hover,
a.bg-brand-900:focus,
button.bg-brand-900:hover,
button.bg-brand-900:focus {
background-color: var(--pgn-color-action-default-brand-900) !important;
}
.text-brand-900 {
color: var(--pgn-color-brand-900) !important;
}
a.text-brand-900:hover,
a.text-brand-900:focus {
color: var(--pgn-color-action-default-brand-900) !important;
}
.border-brand-900 {
border-color: var(--pgn-color-brand-900) !important;
}
.bg-brand {
background-color: var(--pgn-color-brand-base) !important;
}
a.bg-brand:hover,
a.bg-brand:focus,
button.bg-brand:hover,
button.bg-brand:focus {
background-color: var(--pgn-color-action-default-brand-base) !important;
}
.text-brand {
color: var(--pgn-color-brand-base) !important;
}
a.text-brand:hover,
a.text-brand:focus {
color: var(--pgn-color-action-default-brand-base) !important;
}
.border-brand {
border-color: var(--pgn-color-brand-base) !important;
}
.bg-success-100 {
background-color: var(--pgn-color-success-100) !important;
}
a.bg-success-100:hover,
a.bg-success-100:focus,
button.bg-success-100:hover,
button.bg-success-100:focus {
background-color: var(--pgn-color-action-default-success-100) !important;
}
.text-success-100 {
color: var(--pgn-color-success-100) !important;
}
a.text-success-100:hover,
a.text-success-100:focus {
color: var(--pgn-color-action-default-success-100) !important;
}
.border-success-100 {
border-color: var(--pgn-color-success-100) !important;
}
.bg-success-200 {
background-color: var(--pgn-color-success-200) !important;
}
a.bg-success-200:hover,
a.bg-success-200:focus,
button.bg-success-200:hover,
button.bg-success-200:focus {
background-color: var(--pgn-color-action-default-success-200) !important;
}
.text-success-200 {
color: var(--pgn-color-success-200) !important;
}
a.text-success-200:hover,
a.text-success-200:focus {
color: var(--pgn-color-action-default-success-200) !important;
}
.border-success-200 {
border-color: var(--pgn-color-success-200) !important;
}
.bg-success-300 {
background-color: var(--pgn-color-success-300) !important;
}
a.bg-success-300:hover,
a.bg-success-300:focus,
button.bg-success-300:hover,
button.bg-success-300:focus {
background-color: var(--pgn-color-action-default-success-300) !important;
}
.text-success-300 {
color: var(--pgn-color-success-300) !important;
}
a.text-success-300:hover,
a.text-success-300:focus {
color: var(--pgn-color-action-default-success-300) !important;
}
.border-success-300 {
border-color: var(--pgn-color-success-300) !important;
}
.bg-success-400 {
background-color: var(--pgn-color-success-400) !important;
}
a.bg-success-400:hover,
a.bg-success-400:focus,
button.bg-success-400:hover,
button.bg-success-400:focus {
background-color: var(--pgn-color-action-default-success-400) !important;
}
.text-success-400 {
color: var(--pgn-color-success-400) !important;
}
a.text-success-400:hover,
a.text-success-400:focus {
color: var(--pgn-color-action-default-success-400) !important;
}
.border-success-400 {
border-color: var(--pgn-color-success-400) !important;
}
.bg-success-500 {
background-color: var(--pgn-color-success-500) !important;
}
a.bg-success-500:hover,
a.bg-success-500:focus,
button.bg-success-500:hover,
button.bg-success-500:focus {
background-color: var(--pgn-color-action-default-success-500) !important;
}
.text-success-500 {
color: var(--pgn-color-success-500) !important;
}
a.text-success-500:hover,
a.text-success-500:focus {
color: var(--pgn-color-action-default-success-500) !important;
}
.border-success-500 {
border-color: var(--pgn-color-success-500) !important;
}
.bg-success-600 {
background-color: var(--pgn-color-success-600) !important;
}
a.bg-success-600:hover,
a.bg-success-600:focus,
button.bg-success-600:hover,
button.bg-success-600:focus {
background-color: var(--pgn-color-action-default-success-600) !important;
}
.text-success-600 {
color: var(--pgn-color-success-600) !important;
}
a.text-success-600:hover,
a.text-success-600:focus {
color: var(--pgn-color-action-default-success-600) !important;
}
.border-success-600 {
border-color: var(--pgn-color-success-600) !important;
}
.bg-success-700 {
background-color: var(--pgn-color-success-700) !important;
}
a.bg-success-700:hover,
a.bg-success-700:focus,
button.bg-success-700:hover,
button.bg-success-700:focus {
background-color: var(--pgn-color-action-default-success-700) !important;
}
.text-success-700 {
color: var(--pgn-color-success-700) !important;
}
a.text-success-700:hover,
a.text-success-700:focus {
color: var(--pgn-color-action-default-success-700) !important;
}
.border-success-700 {
border-color: var(--pgn-color-success-700) !important;
}
.bg-success-800 {
background-color: var(--pgn-color-success-800) !important;
}
a.bg-success-800:hover,
a.bg-success-800:focus,
button.bg-success-800:hover,
button.bg-success-800:focus {
background-color: var(--pgn-color-action-default-success-800) !important;
}
.text-success-800 {
color: var(--pgn-color-success-800) !important;
}
a.text-success-800:hover,
a.text-success-800:focus {
color: var(--pgn-color-action-default-success-800) !important;
}
.border-success-800 {
border-color: var(--pgn-color-success-800) !important;
}
.bg-success-900 {
background-color: var(--pgn-color-success-900) !important;
}
a.bg-success-900:hover,
a.bg-success-900:focus,
button.bg-success-900:hover,
button.bg-success-900:focus {
background-color: var(--pgn-color-action-default-success-900) !important;
}
.text-success-900 {
color: var(--pgn-color-success-900) !important;
}
a.text-success-900:hover,
a.text-success-900:focus {
color: var(--pgn-color-action-default-success-900) !important;
}
.border-success-900 {
border-color: var(--pgn-color-success-900) !important;
}
.bg-success {
background-color: var(--pgn-color-success-base) !important;
}
a.bg-success:hover,
a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
background-color: var(--pgn-color-action-default-success-base) !important;
}
.text-success {
color: var(--pgn-color-success-base) !important;
}
a.text-success:hover,
a.text-success:focus {
color: var(--pgn-color-action-default-success-base) !important;
}
.border-success {
border-color: var(--pgn-color-success-base) !important;
}
.bg-info-100 {
background-color: var(--pgn-color-info-100) !important;
}
a.bg-info-100:hover,
a.bg-info-100:focus,
button.bg-info-100:hover,
button.bg-info-100:focus {
background-color: var(--pgn-color-action-default-info-100) !important;
}
.text-info-100 {
color: var(--pgn-color-info-100) !important;
}
a.text-info-100:hover,
a.text-info-100:focus {
color: var(--pgn-color-action-default-info-100) !important;
}
.border-info-100 {
border-color: var(--pgn-color-info-100) !important;
}
.bg-info-200 {
background-color: var(--pgn-color-info-200) !important;
}
a.bg-info-200:hover,
a.bg-info-200:focus,
button.bg-info-200:hover,
button.bg-info-200:focus {
background-color: var(--pgn-color-action-default-info-200) !important;
}
.text-info-200 {
color: var(--pgn-color-info-200) !important;
}
a.text-info-200:hover,
a.text-info-200:focus {
color: var(--pgn-color-action-default-info-200) !important;
}
.border-info-200 {
border-color: var(--pgn-color-info-200) !important;
}
.bg-info-300 {
background-color: var(--pgn-color-info-300) !important;
}
a.bg-info-300:hover,
a.bg-info-300:focus,
button.bg-info-300:hover,
button.bg-info-300:focus {
background-color: var(--pgn-color-action-default-info-300) !important;
}
.text-info-300 {
color: var(--pgn-color-info-300) !important;
}
a.text-info-300:hover,
a.text-info-300:focus {
color: var(--pgn-color-action-default-info-300) !important;
}
.border-info-300 {
border-color: var(--pgn-color-info-300) !important;
}
.bg-info-400 {
background-color: var(--pgn-color-info-400) !important;
}
a.bg-info-400:hover,
a.bg-info-400:focus,
button.bg-info-400:hover,
button.bg-info-400:focus {
background-color: var(--pgn-color-action-default-info-400) !important;
}
.text-info-400 {
color: var(--pgn-color-info-400) !important;
}
a.text-info-400:hover,
a.text-info-400:focus {
color: var(--pgn-color-action-default-info-400) !important;
}
.border-info-400 {
border-color: var(--pgn-color-info-400) !important;
}
.bg-info-500 {
background-color: var(--pgn-color-info-500) !important;
}
a.bg-info-500:hover,
a.bg-info-500:focus,
button.bg-info-500:hover,
button.bg-info-500:focus {
background-color: var(--pgn-color-action-default-info-500) !important;
}
.text-info-500 {
color: var(--pgn-color-info-500) !important;
}
a.text-info-500:hover,
a.text-info-500:focus {
color: var(--pgn-color-action-default-info-500) !important;
}
.border-info-500 {
border-color: var(--pgn-color-info-500) !important;
}
.bg-info-600 {
background-color: var(--pgn-color-info-600) !important;
}
a.bg-info-600:hover,
a.bg-info-600:focus,
button.bg-info-600:hover,
button.bg-info-600:focus {
background-color: var(--pgn-color-action-default-info-600) !important;
}
.text-info-600 {
color: var(--pgn-color-info-600) !important;
}
a.text-info-600:hover,
a.text-info-600:focus {
color: var(--pgn-color-action-default-info-600) !important;
}
.border-info-600 {
border-color: var(--pgn-color-info-600) !important;
}
.bg-info-700 {
background-color: var(--pgn-color-info-700) !important;
}
a.bg-info-700:hover,
a.bg-info-700:focus,
button.bg-info-700:hover,
button.bg-info-700:focus {
background-color: var(--pgn-color-action-default-info-700) !important;
}
.text-info-700 {
color: var(--pgn-color-info-700) !important;
}
a.text-info-700:hover,
a.text-info-700:focus {
color: var(--pgn-color-action-default-info-700) !important;
}
.border-info-700 {
border-color: var(--pgn-color-info-700) !important;
}
.bg-info-800 {
background-color: var(--pgn-color-info-800) !important;
}
a.bg-info-800:hover,
a.bg-info-800:focus,
button.bg-info-800:hover,
button.bg-info-800:focus {
background-color: var(--pgn-color-action-default-info-800) !important;
}
.text-info-800 {
color: var(--pgn-color-info-800) !important;
}
a.text-info-800:hover,
a.text-info-800:focus {
color: var(--pgn-color-action-default-info-800) !important;
}
.border-info-800 {
border-color: var(--pgn-color-info-800) !important;
}
.bg-info-900 {
background-color: var(--pgn-color-info-900) !important;
}
a.bg-info-900:hover,
a.bg-info-900:focus,
button.bg-info-900:hover,
button.bg-info-900:focus {
background-color: var(--pgn-color-action-default-info-900) !important;
}
.text-info-900 {
color: var(--pgn-color-info-900) !important;
}
a.text-info-900:hover,
a.text-info-900:focus {
color: var(--pgn-color-action-default-info-900) !important;
}
.border-info-900 {
border-color: var(--pgn-color-info-900) !important;
}
.bg-info {
background-color: var(--pgn-color-info-base) !important;
}
a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
background-color: var(--pgn-color-action-default-info-base) !important;
}
.text-info {
color: var(--pgn-color-info-base) !important;
}
a.text-info:hover,
a.text-info:focus {
color: var(--pgn-color-action-default-info-base) !important;
}
.border-info {
border-color: var(--pgn-color-info-base) !important;
}
.bg-warning-100 {
background-color: var(--pgn-color-warning-100) !important;
}
a.bg-warning-100:hover,
a.bg-warning-100:focus,
button.bg-warning-100:hover,
button.bg-warning-100:focus {
background-color: var(--pgn-color-action-default-warning-100) !important;
}
.text-warning-100 {
color: var(--pgn-color-warning-100) !important;
}
a.text-warning-100:hover,
a.text-warning-100:focus {
color: var(--pgn-color-action-default-warning-100) !important;
}
.border-warning-100 {
border-color: var(--pgn-color-warning-100) !important;
}
.bg-warning-200 {
background-color: var(--pgn-color-warning-200) !important;
}
a.bg-warning-200:hover,
a.bg-warning-200:focus,
button.bg-warning-200:hover,
button.bg-warning-200:focus {
background-color: var(--pgn-color-action-default-warning-200) !important;
}
.text-warning-200 {
color: var(--pgn-color-warning-200) !important;
}
a.text-warning-200:hover,
a.text-warning-200:focus {
color: var(--pgn-color-action-default-warning-200) !important;
}
.border-warning-200 {
border-color: var(--pgn-color-warning-200) !important;
}
.bg-warning-300 {
background-color: var(--pgn-color-warning-300) !important;
}
a.bg-warning-300:hover,
a.bg-warning-300:focus,
button.bg-warning-300:hover,
button.bg-warning-300:focus {
background-color: var(--pgn-color-action-default-warning-300) !important;
}
.text-warning-300 {
color: var(--pgn-color-warning-300) !important;
}
a.text-warning-300:hover,
a.text-warning-300:focus {
color: var(--pgn-color-action-default-warning-300) !important;
}
.border-warning-300 {
border-color: var(--pgn-color-warning-300) !important;
}
.bg-warning-400 {
background-color: var(--pgn-color-warning-400) !important;
}
a.bg-warning-400:hover,
a.bg-warning-400:focus,
button.bg-warning-400:hover,
button.bg-warning-400:focus {
background-color: var(--pgn-color-action-default-warning-400) !important;
}
.text-warning-400 {
color: var(--pgn-color-warning-400) !important;
}
a.text-warning-400:hover,
a.text-warning-400:focus {
color: var(--pgn-color-action-default-warning-400) !important;
}
.border-warning-400 {
border-color: var(--pgn-color-warning-400) !important;
}
.bg-warning-500 {
background-color: var(--pgn-color-warning-500) !important;
}
a.bg-warning-500:hover,
a.bg-warning-500:focus,
button.bg-warning-500:hover,
button.bg-warning-500:focus {
background-color: var(--pgn-color-action-default-warning-500) !important;
}
.text-warning-500 {
color: var(--pgn-color-warning-500) !important;
}
a.text-warning-500:hover,
a.text-warning-500:focus {
color: var(--pgn-color-action-default-warning-500) !important;
}
.border-warning-500 {
border-color: var(--pgn-color-warning-500) !important;
}
.bg-warning-600 {
background-color: var(--pgn-color-warning-600) !important;
}
a.bg-warning-600:hover,
a.bg-warning-600:focus,
button.bg-warning-600:hover,
button.bg-warning-600:focus {
background-color: var(--pgn-color-action-default-warning-600) !important;
}
.text-warning-600 {
color: var(--pgn-color-warning-600) !important;
}
a.text-warning-600:hover,
a.text-warning-600:focus {
color: var(--pgn-color-action-default-warning-600) !important;
}
.border-warning-600 {
border-color: var(--pgn-color-warning-600) !important;
}
.bg-warning-700 {
background-color: var(--pgn-color-warning-700) !important;
}
a.bg-warning-700:hover,
a.bg-warning-700:focus,
button.bg-warning-700:hover,
button.bg-warning-700:focus {
background-color: var(--pgn-color-action-default-warning-700) !important;
}
.text-warning-700 {
color: var(--pgn-color-warning-700) !important;
}
a.text-warning-700:hover,
a.text-warning-700:focus {
color: var(--pgn-color-action-default-warning-700) !important;
}
.border-warning-700 {
border-color: var(--pgn-color-warning-700) !important;
}
.bg-warning-800 {
background-color: var(--pgn-color-warning-800) !important;
}
a.bg-warning-800:hover,
a.bg-warning-800:focus,
button.bg-warning-800:hover,
button.bg-warning-800:focus {
background-color: var(--pgn-color-action-default-warning-800) !important;
}
.text-warning-800 {
color: var(--pgn-color-warning-800) !important;
}
a.text-warning-800:hover,
a.text-warning-800:focus {
color: var(--pgn-color-action-default-warning-800) !important;
}
.border-warning-800 {
border-color: var(--pgn-color-warning-800) !important;
}
.bg-warning-900 {
background-color: var(--pgn-color-warning-900) !important;
}
a.bg-warning-900:hover,
a.bg-warning-900:focus,
button.bg-warning-900:hover,
button.bg-warning-900:focus {
background-color: var(--pgn-color-action-default-warning-900) !important;
}
.text-warning-900 {
color: var(--pgn-color-warning-900) !important;
}
a.text-warning-900:hover,
a.text-warning-900:focus {
color: var(--pgn-color-action-default-warning-900) !important;
}
.border-warning-900 {
border-color: var(--pgn-color-warning-900) !important;
}
.bg-warning {
background-color: var(--pgn-color-warning-base) !important;
}
a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
background-color: var(--pgn-color-action-default-warning-base) !important;
}
.text-warning {
color: var(--pgn-color-warning-base) !important;
}
a.text-warning:hover,
a.text-warning:focus {
color: var(--pgn-color-action-default-warning-base) !important;
}
.border-warning {
border-color: var(--pgn-color-warning-base) !important;
}
.bg-danger-100 {
background-color: var(--pgn-color-danger-100) !important;
}
a.bg-danger-100:hover,
a.bg-danger-100:focus,
button.bg-danger-100:hover,
button.bg-danger-100:focus {
background-color: var(--pgn-color-action-default-danger-100) !important;
}
.text-danger-100 {
color: var(--pgn-color-danger-100) !important;
}
a.text-danger-100:hover,
a.text-danger-100:focus {
color: var(--pgn-color-action-default-danger-100) !important;
}
.border-danger-100 {
border-color: var(--pgn-color-danger-100) !important;
}
.bg-danger-200 {
background-color: var(--pgn-color-danger-200) !important;
}
a.bg-danger-200:hover,
a.bg-danger-200:focus,
button.bg-danger-200:hover,
button.bg-danger-200:focus {
background-color: var(--pgn-color-action-default-danger-200) !important;
}
.text-danger-200 {
color: var(--pgn-color-danger-200) !important;
}
a.text-danger-200:hover,
a.text-danger-200:focus {
color: var(--pgn-color-action-default-danger-200) !important;
}
.border-danger-200 {
border-color: var(--pgn-color-danger-200) !important;
}
.bg-danger-300 {
background-color: var(--pgn-color-danger-300) !important;
}
a.bg-danger-300:hover,
a.bg-danger-300:focus,
button.bg-danger-300:hover,
button.bg-danger-300:focus {
background-color: var(--pgn-color-action-default-danger-300) !important;
}
.text-danger-300 {
color: var(--pgn-color-danger-300) !important;
}
a.text-danger-300:hover,
a.text-danger-300:focus {
color: var(--pgn-color-action-default-danger-300) !important;
}
.border-danger-300 {
border-color: var(--pgn-color-danger-300) !important;
}
.bg-danger-400 {
background-color: var(--pgn-color-danger-400) !important;
}
a.bg-danger-400:hover,
a.bg-danger-400:focus,
button.bg-danger-400:hover,
button.bg-danger-400:focus {
background-color: var(--pgn-color-action-default-danger-400) !important;
}
.text-danger-400 {
color: var(--pgn-color-danger-400) !important;
}
a.text-danger-400:hover,
a.text-danger-400:focus {
color: var(--pgn-color-action-default-danger-400) !important;
}
.border-danger-400 {
border-color: var(--pgn-color-danger-400) !important;
}
.bg-danger-500 {
background-color: var(--pgn-color-danger-500) !important;
}
a.bg-danger-500:hover,
a.bg-danger-500:focus,
button.bg-danger-500:hover,
button.bg-danger-500:focus {
background-color: var(--pgn-color-action-default-danger-500) !important;
}
.text-danger-500 {
color: var(--pgn-color-danger-500) !important;
}
a.text-danger-500:hover,
a.text-danger-500:focus {
color: var(--pgn-color-action-default-danger-500) !important;
}
.border-danger-500 {
border-color: var(--pgn-color-danger-500) !important;
}
.bg-danger-600 {
background-color: var(--pgn-color-danger-600) !important;
}
a.bg-danger-600:hover,
a.bg-danger-600:focus,
button.bg-danger-600:hover,
button.bg-danger-600:focus {
background-color: var(--pgn-color-action-default-danger-600) !important;
}
.text-danger-600 {
color: var(--pgn-color-danger-600) !important;
}
a.text-danger-600:hover,
a.text-danger-600:focus {
color: var(--pgn-color-action-default-danger-600) !important;
}
.border-danger-600 {
border-color: var(--pgn-color-danger-600) !important;
}
.bg-danger-700 {
background-color: var(--pgn-color-danger-700) !important;
}
a.bg-danger-700:hover,
a.bg-danger-700:focus,
button.bg-danger-700:hover,
button.bg-danger-700:focus {
background-color: var(--pgn-color-action-default-danger-700) !important;
}
.text-danger-700 {
color: var(--pgn-color-danger-700) !important;
}
a.text-danger-700:hover,
a.text-danger-700:focus {
color: var(--pgn-color-action-default-danger-700) !important;
}
.border-danger-700 {
border-color: var(--pgn-color-danger-700) !important;
}
.bg-danger-800 {
background-color: var(--pgn-color-danger-800) !important;
}
a.bg-danger-800:hover,
a.bg-danger-800:focus,
button.bg-danger-800:hover,
button.bg-danger-800:focus {
background-color: var(--pgn-color-action-default-danger-800) !important;
}
.text-danger-800 {
color: var(--pgn-color-danger-800) !important;
}
a.text-danger-800:hover,
a.text-danger-800:focus {
color: var(--pgn-color-action-default-danger-800) !important;
}
.border-danger-800 {
border-color: var(--pgn-color-danger-800) !important;
}
.bg-danger-900 {
background-color: var(--pgn-color-danger-900) !important;
}
a.bg-danger-900:hover,
a.bg-danger-900:focus,
button.bg-danger-900:hover,
button.bg-danger-900:focus {
background-color: var(--pgn-color-action-default-danger-900) !important;
}
.text-danger-900 {
color: var(--pgn-color-danger-900) !important;
}
a.text-danger-900:hover,
a.text-danger-900:focus {
color: var(--pgn-color-action-default-danger-900) !important;
}
.border-danger-900 {
border-color: var(--pgn-color-danger-900) !important;
}
.bg-danger {
background-color: var(--pgn-color-danger-base) !important;
}
a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
background-color: var(--pgn-color-action-default-danger-base) !important;
}
.text-danger {
color: var(--pgn-color-danger-base) !important;
}
a.text-danger:hover,
a.text-danger:focus {
color: var(--pgn-color-action-default-danger-base) !important;
}
.border-danger {
border-color: var(--pgn-color-danger-base) !important;
}
.bg-light-100 {
background-color: var(--pgn-color-light-100) !important;
}
a.bg-light-100:hover,
a.bg-light-100:focus,
button.bg-light-100:hover,
button.bg-light-100:focus {
background-color: var(--pgn-color-action-default-light-100) !important;
}
.text-light-100 {
color: var(--pgn-color-light-100) !important;
}
a.text-light-100:hover,
a.text-light-100:focus {
color: var(--pgn-color-action-default-light-100) !important;
}
.border-light-100 {
border-color: var(--pgn-color-light-100) !important;
}
.bg-light-200 {
background-color: var(--pgn-color-light-200) !important;
}
a.bg-light-200:hover,
a.bg-light-200:focus,
button.bg-light-200:hover,
button.bg-light-200:focus {
background-color: var(--pgn-color-action-default-light-200) !important;
}
.text-light-200 {
color: var(--pgn-color-light-200) !important;
}
a.text-light-200:hover,
a.text-light-200:focus {
color: var(--pgn-color-action-default-light-200) !important;
}
.border-light-200 {
border-color: var(--pgn-color-light-200) !important;
}
.bg-light-300 {
background-color: var(--pgn-color-light-300) !important;
}
a.bg-light-300:hover,
a.bg-light-300:focus,
button.bg-light-300:hover,
button.bg-light-300:focus {
background-color: var(--pgn-color-action-default-light-300) !important;
}
.text-light-300 {
color: var(--pgn-color-light-300) !important;
}
a.text-light-300:hover,
a.text-light-300:focus {
color: var(--pgn-color-action-default-light-300) !important;
}
.border-light-300 {
border-color: var(--pgn-color-light-300) !important;
}
.bg-light-400 {
background-color: var(--pgn-color-light-400) !important;
}
a.bg-light-400:hover,
a.bg-light-400:focus,
button.bg-light-400:hover,
button.bg-light-400:focus {
background-color: var(--pgn-color-action-default-light-400) !important;
}
.text-light-400 {
color: var(--pgn-color-light-400) !important;
}
a.text-light-400:hover,
a.text-light-400:focus {
color: var(--pgn-color-action-default-light-400) !important;
}
.border-light-400 {
border-color: var(--pgn-color-light-400) !important;
}
.bg-light-500 {
background-color: var(--pgn-color-light-500) !important;
}
a.bg-light-500:hover,
a.bg-light-500:focus,
button.bg-light-500:hover,
button.bg-light-500:focus {
background-color: var(--pgn-color-action-default-light-500) !important;
}
.text-light-500 {
color: var(--pgn-color-light-500) !important;
}
a.text-light-500:hover,
a.text-light-500:focus {
color: var(--pgn-color-action-default-light-500) !important;
}
.border-light-500 {
border-color: var(--pgn-color-light-500) !important;
}
.bg-light-600 {
background-color: var(--pgn-color-light-600) !important;
}
a.bg-light-600:hover,
a.bg-light-600:focus,
button.bg-light-600:hover,
button.bg-light-600:focus {
background-color: var(--pgn-color-action-default-light-600) !important;
}
.text-light-600 {
color: var(--pgn-color-light-600) !important;
}
a.text-light-600:hover,
a.text-light-600:focus {
color: var(--pgn-color-action-default-light-600) !important;
}
.border-light-600 {
border-color: var(--pgn-color-light-600) !important;
}
.bg-light-700 {
background-color: var(--pgn-color-light-700) !important;
}
a.bg-light-700:hover,
a.bg-light-700:focus,
button.bg-light-700:hover,
button.bg-light-700:focus {
background-color: var(--pgn-color-action-default-light-700) !important;
}
.text-light-700 {
color: var(--pgn-color-light-700) !important;
}
a.text-light-700:hover,
a.text-light-700:focus {
color: var(--pgn-color-action-default-light-700) !important;
}
.border-light-700 {
border-color: var(--pgn-color-light-700) !important;
}
.bg-light-800 {
background-color: var(--pgn-color-light-800) !important;
}
a.bg-light-800:hover,
a.bg-light-800:focus,
button.bg-light-800:hover,
button.bg-light-800:focus {
background-color: var(--pgn-color-action-default-light-800) !important;
}
.text-light-800 {
color: var(--pgn-color-light-800) !important;
}
a.text-light-800:hover,
a.text-light-800:focus {
color: var(--pgn-color-action-default-light-800) !important;
}
.border-light-800 {
border-color: var(--pgn-color-light-800) !important;
}
.bg-light-900 {
background-color: var(--pgn-color-light-900) !important;
}
a.bg-light-900:hover,
a.bg-light-900:focus,
button.bg-light-900:hover,
button.bg-light-900:focus {
background-color: var(--pgn-color-action-default-light-900) !important;
}
.text-light-900 {
color: var(--pgn-color-light-900) !important;
}
a.text-light-900:hover,
a.text-light-900:focus {
color: var(--pgn-color-action-default-light-900) !important;
}
.border-light-900 {
border-color: var(--pgn-color-light-900) !important;
}
.bg-light {
background-color: var(--pgn-color-light-base) !important;
}
a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
background-color: var(--pgn-color-action-default-light-base) !important;
}
.text-light {
color: var(--pgn-color-light-base) !important;
}
a.text-light:hover,
a.text-light:focus {
color: var(--pgn-color-action-default-light-base) !important;
}
.border-light {
border-color: var(--pgn-color-light-base) !important;
}
.bg-dark-100 {
background-color: var(--pgn-color-dark-100) !important;
}
a.bg-dark-100:hover,
a.bg-dark-100:focus,
button.bg-dark-100:hover,
button.bg-dark-100:focus {
background-color: var(--pgn-color-action-default-dark-100) !important;
}
.text-dark-100 {
color: var(--pgn-color-dark-100) !important;
}
a.text-dark-100:hover,
a.text-dark-100:focus {
color: var(--pgn-color-action-default-dark-100) !important;
}
.border-dark-100 {
border-color: var(--pgn-color-dark-100) !important;
}
.bg-dark-200 {
background-color: var(--pgn-color-dark-200) !important;
}
a.bg-dark-200:hover,
a.bg-dark-200:focus,
button.bg-dark-200:hover,
button.bg-dark-200:focus {
background-color: var(--pgn-color-action-default-dark-200) !important;
}
.text-dark-200 {
color: var(--pgn-color-dark-200) !important;
}
a.text-dark-200:hover,
a.text-dark-200:focus {
color: var(--pgn-color-action-default-dark-200) !important;
}
.border-dark-200 {
border-color: var(--pgn-color-dark-200) !important;
}
.bg-dark-300 {
background-color: var(--pgn-color-dark-300) !important;
}
a.bg-dark-300:hover,
a.bg-dark-300:focus,
button.bg-dark-300:hover,
button.bg-dark-300:focus {
background-color: var(--pgn-color-action-default-dark-300) !important;
}
.text-dark-300 {
color: var(--pgn-color-dark-300) !important;
}
a.text-dark-300:hover,
a.text-dark-300:focus {
color: var(--pgn-color-action-default-dark-300) !important;
}
.border-dark-300 {
border-color: var(--pgn-color-dark-300) !important;
}
.bg-dark-400 {
background-color: var(--pgn-color-dark-400) !important;
}
a.bg-dark-400:hover,
a.bg-dark-400:focus,
button.bg-dark-400:hover,
button.bg-dark-400:focus {
background-color: var(--pgn-color-action-default-dark-400) !important;
}
.text-dark-400 {
color: var(--pgn-color-dark-400) !important;
}
a.text-dark-400:hover,
a.text-dark-400:focus {
color: var(--pgn-color-action-default-dark-400) !important;
}
.border-dark-400 {
border-color: var(--pgn-color-dark-400) !important;
}
.bg-dark-500 {
background-color: var(--pgn-color-dark-500) !important;
}
a.bg-dark-500:hover,
a.bg-dark-500:focus,
button.bg-dark-500:hover,
button.bg-dark-500:focus {
background-color: var(--pgn-color-action-default-dark-500) !important;
}
.text-dark-500 {
color: var(--pgn-color-dark-500) !important;
}
a.text-dark-500:hover,
a.text-dark-500:focus {
color: var(--pgn-color-action-default-dark-500) !important;
}
.border-dark-500 {
border-color: var(--pgn-color-dark-500) !important;
}
.bg-dark-600 {
background-color: var(--pgn-color-dark-600) !important;
}
a.bg-dark-600:hover,
a.bg-dark-600:focus,
button.bg-dark-600:hover,
button.bg-dark-600:focus {
background-color: var(--pgn-color-action-default-dark-600) !important;
}
.text-dark-600 {
color: var(--pgn-color-dark-600) !important;
}
a.text-dark-600:hover,
a.text-dark-600:focus {
color: var(--pgn-color-action-default-dark-600) !important;
}
.border-dark-600 {
border-color: var(--pgn-color-dark-600) !important;
}
.bg-dark-700 {
background-color: var(--pgn-color-dark-700) !important;
}
a.bg-dark-700:hover,
a.bg-dark-700:focus,
button.bg-dark-700:hover,
button.bg-dark-700:focus {
background-color: var(--pgn-color-action-default-dark-700) !important;
}
.text-dark-700 {
color: var(--pgn-color-dark-700) !important;
}
a.text-dark-700:hover,
a.text-dark-700:focus {
color: var(--pgn-color-action-default-dark-700) !important;
}
.border-dark-700 {
border-color: var(--pgn-color-dark-700) !important;
}
.bg-dark-800 {
background-color: var(--pgn-color-dark-800) !important;
}
a.bg-dark-800:hover,
a.bg-dark-800:focus,
button.bg-dark-800:hover,
button.bg-dark-800:focus {
background-color: var(--pgn-color-action-default-dark-800) !important;
}
.text-dark-800 {
color: var(--pgn-color-dark-800) !important;
}
a.text-dark-800:hover,
a.text-dark-800:focus {
color: var(--pgn-color-action-default-dark-800) !important;
}
.border-dark-800 {
border-color: var(--pgn-color-dark-800) !important;
}
.bg-dark-900 {
background-color: var(--pgn-color-dark-900) !important;
}
a.bg-dark-900:hover,
a.bg-dark-900:focus,
button.bg-dark-900:hover,
button.bg-dark-900:focus {
background-color: var(--pgn-color-action-default-dark-900) !important;
}
.text-dark-900 {
color: var(--pgn-color-dark-900) !important;
}
a.text-dark-900:hover,
a.text-dark-900:focus {
color: var(--pgn-color-action-default-dark-900) !important;
}
.border-dark-900 {
border-color: var(--pgn-color-dark-900) !important;
}
.bg-dark {
background-color: var(--pgn-color-dark-base) !important;
}
a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
background-color: var(--pgn-color-action-default-dark-base) !important;
}
.text-dark {
color: var(--pgn-color-dark-base) !important;
}
a.text-dark:hover,
a.text-dark:focus {
color: var(--pgn-color-action-default-dark-base) !important;
}
.border-dark {
border-color: var(--pgn-color-dark-base) !important;
}