@font-face {
    font-family: Google Sans;
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/GoogleSans/GoogleSans-Regular.ttf') format('truetype')
}

@font-face {
    font-family: Google Sans;
    font-style: italic;
    font-weight: 400;
    src: url('/fonts/GoogleSans/GoogleSans-Italic.ttf') format('truetype')
}

@font-face {
    font-family: Google Sans thin;
    font-style: normal;
    font-weight: 250;
    src: url('/fonts/GoogleSans/GoogleSans-Thin.otf') format('opentype')
}

@font-face {
    font-family: Google Sans light;
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/GoogleSans/GoogleSans-Light.otf') format('opentype')
}

@font-face {
    font-family: Google Sans medium;
    font-style: normal;
    font-weight: 500;
    src: url('/fonts/GoogleSans/GoogleSans-Medium.ttf') format('truetype')
}

@font-face {
    font-family: Google Sans black;
    font-style: normal;
    font-weight: 900;
    src: url('/fonts/GoogleSans/GoogleSans-Black.otf') format('opentype')
}

@font-face {
    font-family: Google Sans thin;
    font-style: italic;
    font-weight: 250;
    src: url('/fonts/GoogleSans/GoogleSans-ThinItalic.otf') format('opentype')
}

@font-face {
    font-family: Google Sans light;
    font-style: italic;
    font-weight: 300;
    src: url('/fonts/GoogleSans/GoogleSans-LightItalic.otf') format('otf')
}

@font-face {
    font-family: Google Sans medium;
    font-style: italic;
    font-weight: 500;
    src: url('/fonts/GoogleSans/GoogleSans-MediumItalic.ttf') format('truetype')
}

@font-face {
    font-family: Google Sans;
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/GoogleSans/GoogleSans-Bold.ttf') format('truetype')
}

@font-face {
    font-family: Google Sans;
    font-style: italic;
    font-weight: 700;
    src: url('/fonts/GoogleSans/GoogleSans-BoldItalic.ttf') format('truetype')
}

@font-face {
    font-family: Google Sans black;
    font-style: italic;
    font-weight: 900;
    src: url('/fonts/GoogleSans/GoogleSans-BlackItalic.otf') format('opentype')
}
/* font Oswald */
@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 900;
    src: url('/fonts/GoogleSans/Oswald/Oswald-VariableFont_wght.ttf') format('truetype');
}
div {
    --p-breakpoints-xs: 0rem;
    --p-breakpoints-sm: 30.625rem;
    --p-breakpoints-md: 48rem;
    --p-breakpoints-lg: 65rem;
    --p-breakpoints-xl: 90rem;
    --p-border-radius-05: 0.125rem;
    --p-border-radius-1: 0.25rem;
    --p-border-radius-2: 0.5rem;
    --p-border-radius-3: 0.75rem;
    --p-border-radius-4: 1rem;
    --p-border-radius-5: 1.25rem;
    --p-border-radius-6: 1.875rem;
    --p-border-radius-full: 624.9375rem;
    --p-border-width-1: 0.0625rem;
    --p-border-width-2: 0.125rem;
    --p-border-width-3: 0.1875rem;
    --p-border-width-4: 0.25rem;
    --p-border-width-5: 0.3125rem;
    --p-color-bg-inverse: #0B3558;
    --p-color-bg-inset-strong: rgba(97, 106, 117, 1);
    --p-color-bg-inverse-hover: rgba(97, 106, 117, 1);
    --p-color-bg-inverse-active: rgba(135, 144, 155, 1);
    --p-color-bg-strong-hover: rgba(202, 206, 211, 1);
    --p-color-bg-strong-active: rgba(202, 206, 211, 1);
    --p-color-bg-strong: rgba(221, 224, 228, 1);
    --p-color-bg-subdued-active: rgba(235, 236, 239, 1);
    --p-color-bg-disabled: rgba(235, 236, 239, 1);
    --p-color-bg-interactive-disabled: rgba(235, 236, 239, 1);
    --p-color-bg-app: #EFF1F4;
    --p-color-bg-app-active: rgba(221, 224, 228, 1);
    --p-color-bg-app-hover: rgba(235, 236, 239, 1);
    --p-color-bg-app-selected: rgba(235, 236, 239, 1);
    --p-color-bg-active: rgba(235, 236, 239, 1);
    --p-color-bg-subdued-hover: #EFF1F4;
    --p-color-bg-inset: #EFF1F4;
    --p-color-bg-hover: #EFF1F4;
    --p-color-bg-subdued: rgba(249, 250, 251, 1);
    --p-color-bg-input: rgba(255, 255, 255, 1);
    --p-color-bg: rgba(255, 255, 255, 1);
    --p-color-bg-primary-active: rgba(12, 59, 47, 1);
    --p-color-bg-primary-hover: rgba(27, 88, 198, 1);
    --p-color-bg-primary: #0050A6;
    --p-color-bg-success-strong: #0050A6;
    --p-color-bg-success: rgba(161, 237, 208, 1);
    --p-color-bg-primary-subdued-active: rgba(192, 242, 221, 1);
    --p-color-bg-success-subdued-active: rgba(192, 242, 221, 1);
    --p-color-bg-success-subdued: #EBF9FC;
    --p-color-bg-primary-subdued-hover: #EBF9FC;
    --p-color-bg-success-subdued-hover: rgba(240, 253, 248, 1);
    --p-color-bg-primary-subdued: rgba(240, 253, 248, 1);
    --p-color-bg-primary-subdued-selected: rgba(240, 253, 248, 1);
    --p-color-bg-critical-strong-active: rgba(115, 24, 7, 1);
    --p-color-bg-critical-strong-hover: rgba(159, 32, 10, 1);
    --p-color-bg-critical-strong: rgba(197, 40, 12, 1);
    --p-color-bg-critical-subdued-active: rgba(251, 197, 188, 1);
    --p-color-bg-critical: rgba(251, 197, 188, 1);
    --p-color-bg-critical-subdued: rgba(253, 226, 221, 1);
    --p-color-bg-critical-subdued-hover: rgba(254, 243, 241, 1);
    --p-color-bg-caution-strong: rgba(216, 155, 13, 1);
    --p-color-bg-caution: rgba(248, 217, 144, 1);
    --p-color-bg-caution-subdued-active: rgba(250, 229, 178, 1);
    --p-color-bg-caution-subdued: rgba(252, 240, 212, 1);
    --p-color-bg-caution-subdued-hover: rgba(254, 248, 236, 1);
    --p-color-bg-info-strong: rgba(42, 172, 187, 1);
    --p-color-bg-info-subdued-active: rgba(184, 233, 239, 1);
    --p-color-bg-info: rgba(184, 233, 239, 1);
    /*--p-color-bg-info-subdued: rgba(222, 245, 247, 1);*/
    --p-color-bg-info-subdued: #E7F2FF;
    --p-color-bg-info-subdued-hover: rgba(238, 250, 251, 1);
    --p-color-bg-interactive-active: rgba(14, 53, 108, 1);
    --p-color-bg-interactive-hover: rgba(20, 73, 149, 1);
    --p-color-bg-interactive: rgba(36, 99, 188, 1);
    --p-color-bg-interactive-subdued-active: rgba(187, 212, 247, 1);
    --p-color-bg-interactive-subdued-hover: rgba(232, 240, 253, 1);
    --p-color-bg-interactive-subdued: rgba(240, 245, 253, 1);
    --p-color-bg-interactive-selected: rgba(240, 245, 253, 1);
    --p-color-bg-warning: rgba(250, 201, 168, 1);
    --p-color-bg-magic-strong: rgba(121, 69, 227, 1);
    --p-color-bg-magic-hover: rgba(226, 214, 250, 1);
    --p-color-bg-magic-active: rgba(203, 180, 248, 1);
    --p-color-bg-magic: rgba(236, 227, 253, 1);
    --p-color-bg-magic-subdued-hover: rgba(236, 227, 253, 1);
    --p-color-bg-magic-subdued-active: rgba(226, 214, 250, 1);
    --p-color-bg-magic-subdued: rgba(242, 237, 253, 1);
    --p-color-border-input-hover: rgba(97, 106, 117, 1);
    --p-color-border-inverse: rgba(97, 106, 117, 1);
    --p-color-border-strong-hover: rgba(135, 144, 155, 1);
    /*--p-color-border-input: rgba(171, 177, 186, 1);*/
    --p-color-border-input: #D1D5DB;
    --p-color-border-hover: rgba(171, 177, 186, 1);
    /*--p-color-border-strong: rgba(171, 177, 186, 1);*/
    --p-color-border-strong: #D1D5DB;
    --p-color-border: rgba(202, 206, 211, 1);
    --p-color-border-disabled: rgba(221, 224, 228, 1);
    --p-color-border-subdued: rgba(221, 224, 228, 1);
    --p-color-border-interactive-disabled: rgba(221, 224, 228, 1);
    --p-color-border-primary: #0050A6;
    --p-color-border-success: #0050A6;
    --p-color-border-success-subdued: #97bfff;
    --p-color-border-critical-active: rgba(67, 14, 4, 1);
    --p-color-border-critical-hover: rgba(115, 24, 7, 1);
    --p-color-border-critical: rgba(197, 40, 12, 1);
    --p-color-border-critical-subdued: rgba(245, 107, 82, 1);
    --p-color-border-caution: rgba(216, 155, 13, 1);
    --p-color-border-caution-subdued: rgba(245, 196, 82, 1);
    /*--p-color-border-info: rgba(59, 195, 211, 1);*/
    --p-color-border-info: #238EFF;
    --p-color-border-info-subdued: rgba(109, 211, 222, 1);
    --p-color-border-interactive-active: rgba(14, 53, 108, 1);
    --p-color-border-interactive-hover: rgba(20, 73, 149, 1);
    --p-color-border-interactive: rgba(62, 125, 213, 1);
    --p-color-border-interactive-focus: rgba(62, 125, 213, 1);
    --p-color-border-interactive-subdued: rgba(187, 212, 247, 1);
    --p-color-border-magic-strong: rgba(121, 69, 227, 1);
    --p-color-border-magic: rgba(173, 139, 241, 1);
    --p-color-icon-hover: #0B3558;
    --p-color-icon: #0B3558;
    --p-color-icon-active: #0B3558;
    --p-color-icon-subdued: rgba(135, 144, 155, 1);
    --p-color-icon-disabled: rgba(171, 177, 186, 1);
    --p-color-icon-interactive-disabled: rgba(171, 177, 186, 1);
    --p-color-icon-inverse: rgba(221, 224, 228, 1);
    --p-color-icon-on-color: rgba(255, 255, 255, 1);
    --p-color-icon-primary: #0050A6;
    --p-color-icon-success: #0050A6;
    --p-color-icon-critical: rgba(197, 40, 12, 1);
    --p-color-icon-caution: rgba(183, 126, 11, 1);
    --p-color-icon-info: rgba(42, 172, 187, 1);
    --p-color-icon-warning: rgba(242, 117, 34, 1);
    --p-color-icon-interactive-active: rgba(14, 53, 108, 1);
    --p-color-icon-interactive-hover: rgba(20, 73, 149, 1);
    --p-color-icon-interactive: rgba(36, 99, 188, 1);
    --p-color-icon-interactive-inverse: rgba(102, 153, 225, 1);
    --p-color-icon-magic: rgba(90, 36, 205, 1);
    --p-color-text: #0B3558;
    --p-color-text-subdued: #637591;
    --p-color-text-disabled: rgba(135, 144, 155, 1);
    --p-color-text-interactive-disabled: rgba(135, 144, 155, 1);
    --p-color-text-inverse-subdued: rgba(171, 177, 186, 1);
    --p-color-text-inverse: #EFF1F4;
    --p-color-text-on-color: rgba(255, 255, 255, 1);
    --p-color-text-success-strong: rgba(12, 59, 47, 1);
    --p-color-text-success: #0050A6;
    --p-color-text-primary: #0050A6;
    --p-color-text-primary-hover: rgba(27, 88, 198, 1);
    --p-color-text-critical-strong: rgba(67, 14, 4, 1);
    --p-color-text-critical-active: rgba(115, 24, 7, 1);
    --p-color-text-critical: rgba(197, 40, 12, 1);
    --p-color-text-caution-strong: rgba(77, 46, 5, 1);
    --p-color-text-caution: rgba(135, 92, 8, 1);
    --p-color-text-info-strong: rgba(16, 65, 71, 1);
    --p-color-text-info: rgba(32, 130, 141, 1);
    --p-color-text-warning-strong: rgba(77, 36, 5, 1);
    --p-color-text-interactive-active: rgba(14, 53, 108, 1);
    --p-color-text-interactive-hover: rgba(20, 73, 149, 1);
    --p-color-text-interactive: rgba(36, 99, 188, 1);
    --p-color-text-interactive-inverse: rgba(102, 153, 225, 1);
    --p-color-text-magic-strong: rgba(49, 13, 120, 1);
    --p-color-text-magic: rgba(90, 36, 205, 1);
    --p-background: #EFF1F4;
    --p-background-hovered: rgba(241, 242, 243, 1);
    --p-background-pressed: rgba(237, 238, 239, 1);
    --p-background-selected: rgba(237, 238, 239, 1);
    --p-surface: rgba(255, 255, 255, 1);
    --p-surface-dark: rgba(32, 33, 35, 1);
    --p-surface-neutral: rgba(228, 229, 231, 1);
    --p-surface-neutral-hovered: rgba(219, 221, 223, 1);
    --p-surface-neutral-pressed: rgba(201, 204, 208, 1);
    --p-surface-neutral-disabled: rgba(241, 242, 243, 1);
    --p-surface-neutral-subdued: #EFF1F4;
    --p-surface-neutral-subdued-dark: rgba(68, 71, 74, 1);
    --p-surface-subdued: rgba(250, 251, 251, 1);
    --p-surface-disabled: rgba(250, 251, 251, 1);
    --p-surface-hovered: #EFF1F4;
    --p-surface-hovered-dark: rgba(47, 49, 51, 1);
    --p-surface-pressed: rgba(241, 242, 243, 1);
    --p-surface-pressed-dark: rgba(62, 64, 67, 1);
    --p-surface-depressed: rgba(237, 238, 239, 1);
    --p-surface-search-field: rgba(241, 242, 243, 1);
    --p-surface-search-field-dark: rgba(47, 49, 51, 1);
    --p-backdrop: rgba(0, 0, 0, 0.5);
    --p-overlay: rgba(255, 255, 255, 0.5);
    --p-shadow-color-picker: rgba(0, 0, 0, 0.5);
    --p-shadow-color-picker-dragger: rgba(33, 43, 54, 0.32);
    --p-hint-from-direct-light: rgba(0, 0, 0, 0.15);
    --p-border: rgba(140, 145, 150, 1);
    --p-border-on-dark: rgba(80, 83, 86, 1);
    --p-border-neutral-subdued: rgba(186, 191, 195, 1);
    --p-border-hovered: rgba(153, 158, 164, 1);
    --p-border-disabled: rgba(210, 213, 216, 1);
    --p-border-subdued: rgba(201, 204, 207, 1);
    --p-border-depressed: rgba(87, 89, 89, 1);
    --p-border-shadow: rgba(174, 180, 185, 1);
    --p-border-shadow-subdued: rgba(186, 191, 196, 1);
    --p-divider: rgba(225, 227, 229, 1);
    --p-divider-dark: rgba(69, 71, 73, 1);
    --p-icon: rgba(92, 95, 98, 1);
    --p-icon-on-dark: rgba(166, 172, 178, 1);
    --p-icon-hovered: rgba(26, 28, 29, 1);
    --p-icon-pressed: rgba(68, 71, 74, 1);
    --p-icon-disabled: rgba(186, 190, 195, 1);
    --p-icon-subdued: rgba(140, 145, 150, 1);
    --p-text: rgba(32, 34, 35, 1);
    --p-text-on-dark: rgba(227, 229, 231, 1);
    --p-text-disabled: rgba(140, 145, 150, 1);
    --p-text-subdued: rgba(109, 113, 117, 1);
    --p-text-subdued-on-dark: rgba(153, 159, 164, 1);
    --p-interactive: rgba(44, 110, 203, 1);
    --p-interactive-on-dark: rgba(54, 163, 255, 1);
    --p-interactive-disabled: rgba(189, 193, 204, 1);
    --p-interactive-hovered: rgba(31, 81, 153, 1);
    --p-interactive-pressed: rgba(16, 50, 98, 1);
    --p-interactive-pressed-on-dark: rgba(136, 188, 255, 1);
    --p-focused: rgba(69, 143, 255, 1);
    --p-surface-selected: rgba(242, 247, 254, 1);
    --p-surface-selected-hovered: rgba(237, 244, 254, 1);
    --p-surface-selected-pressed: rgba(229, 239, 253, 1);
    --p-icon-on-interactive: rgba(255, 255, 255, 1);
    --p-text-on-interactive: rgba(255, 255, 255, 1);
    --p-action-secondary: rgba(255, 255, 255, 1);
    --p-action-secondary-disabled: rgba(255, 255, 255, 1);
    --p-action-secondary-hovered: #EFF1F4;
    --p-action-secondary-hovered-dark: rgba(84, 87, 91, 1);
    --p-action-secondary-pressed: rgba(241, 242, 243, 1);
    --p-action-secondary-pressed-dark: rgba(96, 100, 103, 1);
    --p-action-secondary-depressed: rgba(109, 113, 117, 1);
    --p-action-primary: rgba(0, 128, 96, 1);
    --p-action-primary-disabled: rgba(241, 241, 241, 1);
    --p-action-primary-hovered: rgba(0, 110, 82, 1);
    --p-action-primary-pressed: rgba(0, 94, 70, 1);
    --p-action-primary-depressed: rgba(0, 61, 44, 1);
    --p-icon-on-primary: rgba(255, 255, 255, 1);
    --p-text-on-primary: rgba(255, 255, 255, 1);
    --p-text-primary: rgba(0, 123, 92, 1);
    --p-text-primary-hovered: rgba(0, 108, 80, 1);
    --p-text-primary-pressed: rgba(0, 92, 68, 1);
    --p-surface-primary-selected: rgba(241, 248, 245, 1);
    --p-surface-primary-selected-hovered: rgba(179, 208, 195, 1);
    --p-surface-primary-selected-pressed: rgba(162, 188, 176, 1);
    --p-border-critical: rgba(253, 87, 73, 1);
    --p-border-critical-subdued: rgba(224, 179, 178, 1);
    --p-border-critical-disabled: rgba(255, 167, 163, 1);
    --p-icon-critical: rgba(215, 44, 13, 1);
    --p-surface-critical: rgba(254, 211, 209, 1);
    --p-surface-critical-subdued: rgba(255, 244, 244, 1);
    --p-surface-critical-subdued-hovered: rgba(255, 240, 240, 1);
    --p-surface-critical-subdued-pressed: rgba(255, 233, 232, 1);
    --p-surface-critical-subdued-depressed: rgba(254, 188, 185, 1);
    --p-text-critical: rgba(215, 44, 13, 1);
    --p-action-critical: rgba(216, 44, 13, 1);
    --p-action-critical-disabled: rgba(241, 241, 241, 1);
    --p-action-critical-hovered: rgba(188, 34, 0, 1);
    --p-action-critical-pressed: rgba(162, 27, 0, 1);
    --p-action-critical-depressed: rgba(108, 15, 0, 1);
    --p-icon-on-critical: rgba(255, 255, 255, 1);
    --p-text-on-critical: rgba(255, 255, 255, 1);
    --p-interactive-critical: rgba(216, 44, 13, 1);
    --p-interactive-critical-disabled: rgba(253, 147, 141, 1);
    --p-interactive-critical-hovered: rgba(205, 41, 12, 1);
    --p-interactive-critical-pressed: rgba(103, 15, 3, 1);
    --p-border-warning: rgba(185, 137, 0, 1);
    --p-border-warning-subdued: rgba(225, 184, 120, 1);
    --p-icon-warning: rgba(185, 137, 0, 1);
    --p-surface-warning: rgba(255, 215, 157, 1);
    --p-surface-warning-subdued: rgba(255, 245, 234, 1);
    --p-surface-warning-subdued-hovered: rgba(255, 242, 226, 1);
    --p-surface-warning-subdued-pressed: rgba(255, 235, 211, 1);
    --p-text-warning: rgba(145, 106, 0, 1);
    --p-border-highlight: rgba(68, 157, 167, 1);
    --p-border-highlight-subdued: rgba(152, 198, 205, 1);
    --p-icon-highlight: rgba(0, 160, 172, 1);
    --p-surface-highlight: rgba(164, 232, 242, 1);
    --p-surface-highlight-subdued: rgba(235, 249, 252, 1);
    --p-surface-highlight-subdued-hovered: rgba(228, 247, 250, 1);
    --p-surface-highlight-subdued-pressed: rgba(213, 243, 248, 1);
    --p-text-highlight: rgba(52, 124, 132, 1);
    --p-border-success: rgba(0, 164, 124, 1);
    --p-border-success-subdued: rgba(149, 201, 180, 1);
    --p-icon-success: #0050A6;
    --p-surface-success: rgba(174, 233, 209, 1);
    --p-surface-success-subdued: rgba(241, 248, 245, 1);
    --p-surface-success-subdued-hovered: rgba(236, 246, 241, 1);
    --p-surface-success-subdued-pressed: rgba(226, 241, 234, 1);
    --p-text-success: rgba(0, 128, 96, 1);
    --p-icon-attention: rgba(138, 97, 22, 1);
    --p-surface-attention: rgba(255, 234, 138, 1);
    --p-decorative-one-icon: rgba(126, 87, 0, 1);
    --p-decorative-one-surface: rgba(255, 201, 107, 1);
    --p-decorative-one-text: rgba(61, 40, 0, 1);
    --p-decorative-two-icon: rgba(175, 41, 78, 1);
    --p-decorative-two-surface: rgba(255, 196, 176, 1);
    --p-decorative-two-text: rgba(73, 11, 28, 1);
    --p-decorative-three-icon: rgba(0, 109, 65, 1);
    --p-decorative-three-surface: rgba(146, 230, 181, 1);
    --p-decorative-three-text: rgba(0, 47, 25, 1);
    --p-decorative-four-icon: rgba(0, 106, 104, 1);
    --p-decorative-four-surface: rgba(145, 224, 214, 1);
    --p-decorative-four-text: rgba(0, 45, 45, 1);
    --p-decorative-five-icon: rgba(174, 43, 76, 1);
    --p-decorative-five-surface: rgba(253, 201, 208, 1);
    --p-decorative-five-text: rgba(79, 14, 31, 1);
    --p-shadow-transparent: 0 0 0 0 transparent;
    --p-shadow-faint: 0 0.0625rem 0 0 rgba(22, 29, 37, 0.05);
    --p-shadow-base: 0 0 0 0.0625rem rgba(63, 63, 68, 0.05), 0 0.0625rem 0.1875rem 0 rgba(63, 63, 68, 0.15);
    --p-shadow-deep: 0 0 0 0.0625rem rgba(6, 44, 82, 0.1), 0 0.125rem 1rem rgba(33, 43, 54, 0.08);
    --p-shadow-button: 0 0.0625rem 0 rgba(0, 0, 0, 0.05);
    --p-shadow-top-bar: 0 0.125rem 0.125rem -0.0625rem rgba(0, 0, 0, 0.15);
    --p-shadow-card: 0 0 0.3125rem rgba(23, 24, 24, 0.05), 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.15);
    --p-shadow-popover: 0 0.1875rem 0.375rem -0.1875rem rgba(23, 24, 24, 0.08), 0 0.5rem 1.25rem -0.25rem rgba(23, 24, 24, 0.12);
    --p-shadow-layer: 0 1.9375rem 2.5625rem 0 rgba(32, 42, 53, 0.2), 0 0.125rem 1rem 0 rgba(32, 42, 54, 0.08);
    --p-shadow-modal: 0 1.625rem 5rem rgba(0, 0, 0, 0.2), 0 0 0.0625rem rgba(0, 0, 0, 0.2);
    --p-shadows-inset-button: inset 0 -0.0625rem 0 rgba(0, 0, 0, 0.2);
    --p-shadows-inset-button-pressed: inset 0 0.0625rem 0 rgba(0, 0, 0, 0.15);
    /*--p-font-family-sans: -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;*/
    /*--p-font-family-mono: ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace;*/
    --p-font-family-sans: Google Sans, sans-serif;
    --p-font-family-mono: Google Sans, monospace;
    --p-font-size-75: 0.75rem;
    --p-font-size-100: 0.875rem;
    --p-font-size-200: 1rem;
    --p-font-size-300: 1.25rem;
    --p-font-size-400: 1.5rem;
    --p-font-size-500: 1.75rem;
    --p-font-size-600: 2rem;
    --p-font-size-700: 2.5rem;
    --p-font-weight-regular: 400;
    --p-font-weight-medium: 500;
    --p-font-weight-semibold: 600;
    --p-font-weight-bold: 700;
    --p-font-line-height-1: 1rem;
    --p-font-line-height-2: 1.25rem;
    --p-font-line-height-3: 1.5rem;
    --p-font-line-height-4: 1.75rem;
    --p-font-line-height-5: 2rem;
    --p-font-line-height-6: 2.5rem;
    --p-font-line-height-7: 3rem;
    --p-override-loading-z-index: 514;
    --p-choice-size: 1.25rem;
    --p-icon-size-small: 0.5rem;
    --p-icon-size-medium: 1.25rem;
    --p-choice-margin: 0.0625rem;
    --p-control-border-width: 0.125rem;
    --p-banner-border-default: inset 0 0.0625rem 0 0 var(--p-color-border-strong), inset 0 0 0 0.0625rem var(--p-color-border-strong);
    --p-banner-border-success: inset 0 0.0625rem 0 0 var(--p-color-border-success-subdued), inset 0 0 0 0.0625rem var(--p-color-border-success-subdued);
    --p-banner-border-highlight: inset 0 0.0625rem 0 0 var(--p-color-border-info-subdued), inset 0 0 0 0.0625rem var(--p-color-border-info-subdued);
    --p-banner-border-warning: inset 0 0.0625rem 0 0 var(--p-color-border-caution-subdued), inset 0 0 0 0.0625rem var(--p-color-border-caution-subdued);
    --p-banner-border-critical: inset 0 0.0625rem 0 0 var(--p-color-border-critical-subdued), inset 0 0 0 0.0625rem var(--p-color-border-critical-subdued);
    --p-thin-border-subdued: 0.0625rem solid var(--p-color-border-subdued);
    --p-text-field-spinner-offset: 0.125rem;
    --p-text-field-focus-ring-offset: -0.25rem;
    --p-button-group-item-spacing: -0.0625rem;
    --p-range-slider-thumb-size-base: 1rem;
    --p-range-slider-thumb-size-active: 1.5rem;
    --p-frame-offset: 0rem;
    --p-duration-0: 0ms;
    --p-duration-50: 50ms;
    --p-duration-100: 100ms;
    --p-duration-150: 150ms;
    --p-duration-200: 200ms;
    --p-duration-250: 250ms;
    --p-duration-300: 300ms;
    --p-duration-350: 350ms;
    --p-duration-400: 400ms;
    --p-duration-450: 450ms;
    --p-duration-500: 500ms;
    --p-duration-5000: 5000ms;
    --p-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
    --p-ease-in: cubic-bezier(0.42, 0, 1, 1);
    --p-ease-out: cubic-bezier(0, 0, 0.58, 1);
    --p-ease-in-out: cubic-bezier(0.42, 0, 0.58, 1);
    --p-linear: cubic-bezier(0, 0, 1, 1);
    --p-keyframes-bounce: p-keyframes-bounce;
    --p-keyframes-fade-in: p-keyframes-fade-in;
    --p-keyframes-pulse: p-keyframes-pulse;
    --p-keyframes-spin: p-keyframes-spin;
    --p-keyframes-appear-above: p-keyframes-appear-above;
    --p-keyframes-appear-below: p-keyframes-appear-below;
    --p-motion-duration-0: 0ms;
    --p-motion-duration-50: 50ms;
    --p-motion-duration-100: 100ms;
    --p-motion-duration-150: 150ms;
    --p-motion-duration-200: 200ms;
    --p-motion-duration-250: 250ms;
    --p-motion-duration-300: 300ms;
    --p-motion-duration-350: 350ms;
    --p-motion-duration-400: 400ms;
    --p-motion-duration-450: 450ms;
    --p-motion-duration-500: 500ms;
    --p-motion-duration-5000: 5000ms;
    --p-motion-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
    --p-motion-ease-in: cubic-bezier(0.42, 0, 1, 1);
    --p-motion-ease-out: cubic-bezier(0, 0, 0.58, 1);
    --p-motion-ease-in-out: cubic-bezier(0.42, 0, 0.58, 1);
    --p-motion-linear: cubic-bezier(0, 0, 1, 1);
    --p-motion-keyframes-bounce: p-motion-keyframes-bounce;
    --p-motion-keyframes-fade-in: p-motion-keyframes-fade-in;
    --p-motion-keyframes-pulse: p-motion-keyframes-pulse;
    --p-motion-keyframes-spin: p-motion-keyframes-spin;
    --p-motion-keyframes-appear-above: p-motion-keyframes-appear-above;
    --p-motion-keyframes-appear-below: p-motion-keyframes-appear-below;
    --p-shadow-inset-lg: inset 0rem 0rem 0.4375rem 0.125rem rgba(31, 33, 36, 0.18);
    --p-shadow-inset-md: inset 0rem 0.125rem 0.25rem rgba(31, 33, 36, 0.32);
    --p-shadow-inset-sm: inset 0rem 0rem 0.1875rem rgba(31, 33, 36, 0.56);
    --p-shadow-none: none;
    --p-shadow-xs: 0rem 0rem 0.125rem rgba(31, 33, 36, 0.24);
    --p-shadow-sm: 0rem 0.0625rem 0.0625rem rgba(31, 33, 36, 0.1);
    --p-shadow-md: 0rem 0.125rem 0.25rem rgba(31, 33, 36, 0.1), 0rem 0.0625rem 0.375rem rgba(31, 33, 36, 0.05);
    --p-shadow-lg: 0rem 0.25rem 0.75rem rgba(31, 33, 36, 0.2), 0rem 0.125rem 0.375rem rgba(31, 33, 36, 0.05);
    --p-shadow-xl: 0rem 0.25rem 1.125rem -0.125rem rgba(31, 33, 36, 0.08), 0rem 0.75rem 1.125rem -0.125rem rgba(31, 33, 36, 0.15);
    --p-shadow-2xl: 0rem 2rem 2rem rgba(31, 33, 36, 0.15), 0rem 2rem 3.5rem -0.125rem rgba(31, 33, 36, 0.16);
    --p-border-radius-05: 0.125rem;
    --p-border-radius-1: 0.25rem;
    --p-border-radius-2: 0.5rem;
    --p-border-radius-3: 0.75rem;
    --p-border-radius-4: 1rem;
    --p-border-radius-5: 1.25rem;
    --p-border-radius-6: 1.875rem;
    --p-border-radius-full: 624.9375rem;
    --p-border-radius-base: 0.1875rem;
    --p-border-radius-large: 0.375rem;
    --p-border-radius-half: 50%;
    --p-border-width-1: 0.0625rem;
    --p-border-width-2: 0.125rem;
    --p-border-width-3: 0.1875rem;
    --p-border-width-4: 0.25rem;
    --p-border-width-5: 0.3125rem;
    --p-border-base: var(--p-border-width-1) solid var(--p-color-border-subdued);
    --p-border-dark: var(--p-border-width-1) solid var(--p-color-border);
    --p-border-transparent: var(--p-border-width-1) solid transparent;
    --p-border-divider: var(--p-border-width-1) solid var(--p-color-border-subdued);
    --p-border-divider-on-dark: var(--p-border-width-1) solid var(--p-color-border-inverse);
    --p-space-0: 0;
    --p-space-025: 0.0625rem;
    --p-space-05: 0.125rem;
    --p-space-1: 0.25rem;
    --p-space-2: 0.5rem;
    --p-space-3: 0.75rem;
    --p-space-4: 1rem;
    --p-space-5: 1.25rem;
    --p-space-6: 1.5rem;
    --p-space-8: 2rem;
    --p-space-10: 2.5rem;
    --p-space-12: 3rem;
    --p-space-16: 4rem;
    --p-space-20: 5rem;
    --p-space-24: 6rem;
    --p-space-28: 7rem;
    --p-space-32: 8rem;
    --p-space-0: 0;
    --p-space-025: 0.0625rem;
    --p-space-05: 0.125rem;
    --p-space-1: 0.25rem;
    --p-space-2: 0.5rem;
    --p-space-3: 0.75rem;
    --p-space-4: 1rem;
    --p-space-5: 1.25rem;
    --p-space-6: 1.5rem;
    --p-space-8: 2rem;
    --p-space-10: 2.5rem;
    --p-space-12: 3rem;
    --p-space-16: 4rem;
    --p-space-20: 5rem;
    --p-space-24: 6rem;
    --p-space-28: 7rem;
    --p-space-32: 8rem;
    --p-z-index-1: 100;
    --p-z-index-2: 400;
    --p-z-index-3: 510;
    --p-z-index-4: 512;
    --p-z-index-5: 513;
    --p-z-index-6: 514;
    --p-z-index-7: 515;
    --p-z-index-8: 516;
    --p-z-index-9: 517;
    --p-z-index-10: 518;
    --p-z-index-11: 519;
    --p-z-index-12: 520;
    --p-z-1: 100;
    --p-z-2: 400;
    --p-z-3: 510;
    --p-z-4: 512;
    --p-z-5: 513;
    --p-z-6: 514;
    --p-z-7: 515;
    --p-z-8: 516;
    --p-z-9: 517;
    --p-z-10: 518;
    --p-z-11: 519;
    --p-z-12: 520;
}
