:root {
  --school-primary-50: #f7f4f4;
  --school-primary-100: #dbc9c9;
  --school-primary-200: #be9f9f;
  --school-primary-300: #a17574;
  --school-primary-400: #844a4a;
  --school-primary-500: #67201f;
  --school-primary-600: #581b1a;
  --school-primary-700: #481616;
  --school-primary-800: #391211;
  --school-primary-900: #290d0c;
  --school-primary-950: #1a0808;
  --school-secondary-50: #f2f9f5;
  --school-secondary-100: #c2e4d0;
  --school-secondary-200: #91cfac;
  --school-secondary-300: #61ba87;
  --school-secondary-400: #30a562;
  --school-secondary-500: #00903d;
  --school-secondary-600: #007a34;
  --school-secondary-700: #00652b;
  --school-secondary-800: #004f22;
  --school-secondary-900: #003a18;
  --school-secondary-950: #00240f;
}

@font-face { font-family: primeicons; src: url("https://app.femlify.com/assets/asset-DMOk5skT.eot?#iefix") format("embedded-opentype"), url("https://app.femlify.com/assets/asset-C6QP2o4f.woff2") format("woff2"), url("https://app.femlify.com/assets/asset-WjwUDZjB.woff") format("woff"), url("https://app.femlify.com/assets/asset-MpK4pl85.ttf") format("truetype"), url("https://app.femlify.com/assets/asset-Dr5RGzOO.svg?#primeicons") format("svg"); font-style: normal; font-weight: 400; font-display: block; }
*, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / .5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }
::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / .5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }
*, ::before, ::after { box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 231, 235); }
::before, ::after { --tw-content: ""; }
html { line-height: 1.5; tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji"; font-feature-settings: normal; font-variation-settings: normal; }
body { margin: 0px; line-height: inherit; }
h3 { font-size: inherit; font-weight: inherit; }
a { color: inherit; text-decoration: inherit; }
button { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0px; padding: 0px; }
button { text-transform: none; }
button { appearance: button; background-color: transparent; background-image: none; }
::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }
::-webkit-search-decoration { appearance: none; }
::-webkit-file-upload-button { appearance: button; font: inherit; }
h3, p { margin: 0px; }
ul { list-style: none; margin: 0px; padding: 0px; }
button { cursor: pointer; }
:disabled { cursor: default; }
img, svg { display: block; vertical-align: middle; }
img { max-width: 100%; height: auto; }
.inline-block { display: inline-block; }
.min-h-screen { min-height: 100vh; }
.align-middle { vertical-align: middle; }
:root { --overlay-modal-padding: 1.25rem; }
@media (min-width: 1024px) {
:root { --overlay-modal-padding: 1.5rem; }
}
:root { --primary-color: #2763e9; --primary-color-50: #eff6ff; --primary-color-100: #dbeafe; --primary-color-200: #c0dbfd; --primary-color-300: #94c5fc; --primary-color-400: #62a4f8; --primary-color-500: #3d81f4; --primary-color-600: #2763e9; --primary-color-700: #1f4ed6; --primary-color-800: #1f40ae; --primary-color-900: #1f3b89; --primary-color-950: #182553; --secondary-color-50: #f7fee7; --secondary-color-100: #ecfccb; --secondary-color-200: #d9f99d; --secondary-color-300: #bef264; --secondary-color-400: #a3e635; --secondary-color-500: #84cc16; --secondary-color-600: #65a30d; --secondary-color-700: #4d7c0f; --secondary-color-800: #3f6212; --secondary-color-900: #365314; --secondary-color-950: #1a2e05; --card-bg: var(--p-surface-50); --card-border: var(--p-surface-200); --text-color: var(--p-surface-900); --text-color-muted: var(--p-surface-600); --placeholder-color: transparent; --input-bg: var(--p-surface-50); --input-color: var(--p-surface-900); --input-border: color-mix(in srgb, var(--p-surface-300), var(--p-surface-400)); --input-hover-bg: var(--p-surface-100); --input-hover-border: var(--p-primary-500); --input-focus-border: var(--p-primary-500); --input-disabled-bg: var(--p-surface-100); --input-disabled-color: var(--p-surface-500); --input-invalid-border: var(--p-red-500); --p-inputtext-background: var(--input-bg); --p-inputtext-color: var(--input-color); --p-inputtext-border-color: var(--input-border); --p-inputtext-hover-border-color: var(--input-hover-border); --p-inputtext-focus-border-color: var(--input-focus-border); --p-inputtext-placeholder-color: var(--placeholder-color); --p-inputtext-disabled-background: var(--input-disabled-bg); --p-inputtext-disabled-color: var(--input-disabled-color); --p-inputtext-invalid-border-color: var(--input-invalid-border); --p-select-background: var(--input-bg); --p-select-color: var(--input-color); --p-select-border-color: var(--input-border); --p-select-hover-border-color: var(--input-hover-border); --p-select-focus-border-color: var(--input-focus-border); --p-multiselect-background: var(--input-bg); --p-multiselect-color: var(--input-color); --p-multiselect-border-color: var(--input-border); --p-autocomplete-background: var(--input-bg); --p-autocomplete-color: var(--input-color); --p-autocomplete-border-color: var(--input-border); --p-calendar-input-background: var(--input-bg); --p-calendar-input-color: var(--input-color); --p-calendar-input-border-color: var(--input-border); --p-textarea-background: var(--input-bg); --p-textarea-color: var(--input-color); --p-textarea-border-color: var(--input-border); --p-overlay-select-background: var(--p-surface-0); --p-overlay-select-border: var(--p-surface-200); }
:root[class="app-dark"] { --body-bg: var(--p-surface-950); --card-bg: var(--p-surface-900); --card-border: var(--p-surface-800); --text-color: var(--p-surface-300); --text-color-muted: var(--p-surface-500); --placeholder-color: transparent; --input-bg: var(--p-surface-800); --input-color: var(--p-surface-200); --input-border: var(--p-surface-600); --input-hover-bg: var(--p-surface-800); --input-hover-border: var(--p-primary-600); --input-focus-border: var(--p-primary-500); --input-disabled-bg: var(--p-surface-875, #1f2937); --input-disabled-color: var(--p-surface-500); --input-invalid-border: var(--p-red-400); --p-inputtext-background: var(--input-bg); --p-inputtext-color: var(--input-color); --p-inputtext-border-color: var(--input-border); --p-inputtext-hover-border-color: var(--input-hover-border); --p-inputtext-focus-border-color: var(--input-focus-border); --p-inputtext-placeholder-color: var(--placeholder-color); --p-inputtext-disabled-background: var(--input-disabled-bg); --p-inputtext-disabled-color: var(--input-disabled-color); --p-inputtext-invalid-border-color: var(--input-invalid-border); --p-select-background: var(--input-bg); --p-select-color: var(--input-color); --p-select-border-color: var(--input-border); --p-select-hover-border-color: var(--input-hover-border); --p-select-focus-border-color: var(--input-focus-border); --p-multiselect-background: var(--input-bg); --p-multiselect-color: var(--input-color); --p-multiselect-border-color: var(--input-border); --p-autocomplete-background: var(--input-bg); --p-autocomplete-color: var(--input-color); --p-autocomplete-border-color: var(--input-border); --p-calendar-input-background: var(--input-bg); --p-calendar-input-color: var(--input-color); --p-calendar-input-border-color: var(--input-border); --p-textarea-background: var(--input-bg); --p-textarea-color: var(--input-color); --p-textarea-border-color: var(--input-border); --p-overlay-select-background: var(--p-surface-900); --p-overlay-select-border: var(--p-surface-700); }
html { font-size: 14px; }
body { min-height: -moz-available; background-color: var(--body-bg); color: var(--text-color-dark); }
*, ::before, ::after { box-sizing: border-box; margin: 0px; position: relative; }
@media (min-width: 1024px) {
.lg\:hover\:bg-primary-100:hover { --tw-bg-opacity: 1; background-color: color-mix(in srgb,var(--p-primary-100) calc(100% * var(--tw-bg-opacity, 1)),transparent); }
}
.dark\:hover\:border-blue-800:hover:where([class*="app-dark"], [class*="app-dark"] *) { --tw-border-opacity: 1; border-color: rgb(30 64 175 / var(--tw-border-opacity, 1)); }
.dark\:hover\:border-primary:hover:where([class*="app-dark"], [class*="app-dark"] *) { --tw-border-opacity: 1; border-color: color-mix(in srgb,var(--p-primary-color) calc(100% * var(--tw-border-opacity, 1)),transparent); }
.dark\:hover\:border-primary-500:hover:where([class*="app-dark"], [class*="app-dark"] *) { --tw-border-opacity: 1; border-color: color-mix(in srgb,var(--p-primary-500) calc(100% * var(--tw-border-opacity, 1)),transparent); }
.dark\:hover\:border-primary-500\/40:hover:where([class*="app-dark"], [class*="app-dark"] *) { border-color: color-mix(in srgb,var(--p-primary-500) 40%,transparent); }
.dark\:hover\:border-primary-600:hover:where([class*="app-dark"], [class*="app-dark"] *) { --tw-border-opacity: 1; border-color: color-mix(in srgb,var(--p-primary-600) calc(100% * var(--tw-border-opacity, 1)),transparent); }
.dark\:hover\:border-primary-700:hover:where([class*="app-dark"], [class*="app-dark"] *) { --tw-border-opacity: 1; border-color: color-mix(in srgb,var(--p-primary-700) calc(100% * var(--tw-border-opacity, 1)),transparent); }
.dark\:hover\:border-primary-800:hover:where([class*="app-dark"], [class*="app-dark"] *) { --tw-border-opacity: 1; border-color: color-mix(in srgb,var(--p-primary-800) calc(100% * var(--tw-border-opacity, 1)),transparent); }
.dark\:hover\:border-surface-0:hover:where([class*="app-dark"], [class*="app-dark"] *) { --tw-border-opacity: 1; border-color: color-mix(in srgb,var(--p-surface-0) calc(100% * var(--tw-border-opacity, 1)),transparent); }
.dark\:hover\:border-surface-500:hover:where([class*="app-dark"], [class*="app-dark"] *) { --tw-border-opacity: 1; border-color: color-mix(in srgb,var(--p-surface-500) calc(100% * var(--tw-border-opacity, 1)),transparent); }
.dark\:hover\:border-surface-600:hover:where([class*="app-dark"], [class*="app-dark"] *) { --tw-border-opacity: 1; border-color: color-mix(in srgb,var(--p-surface-600) calc(100% * var(--tw-border-opacity, 1)),transparent); }
.dark\:hover\:\!bg-surface-600:hover:where([class*="app-dark"], [class*="app-dark"] *) { --tw-bg-opacity: 1 !important; background-color: color-mix(in srgb,var(--p-surface-600) calc(100% * var(--tw-bg-opacity, 1)),transparent) !important; }
.dark\:hover\:bg-amber-900\/20:hover:where([class*="app-dark"], [class*="app-dark"] *) { background-color: rgba(120, 53, 15, 0.2); }
.dark\:hover\:bg-amber-900\/70:hover:where([class*="app-dark"], [class*="app-dark"] *) { background-color: rgba(120, 53, 15, 0.7); }
.dark\:hover\:bg-emerald-900\/20:hover:where([class*="app-dark"], [class*="app-dark"] *) { background-color: rgba(6, 78, 59, 0.2); }
.dark\:hover\:bg-emerald-900\/70:hover:where([class*="app-dark"], [class*="app-dark"] *) { background-color: rgba(6, 78, 59, 0.7); }
.dark\:hover\:bg-green-600:hover:where([class*="app-dark"], [class*="app-dark"] *) { --tw-bg-opacity: 1; background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1)); }
.dark\:hover\:bg-green-950\/20:hover:where([class*="app-dark"], [class*="app-dark"] *) { background-color: rgba(5, 46, 22, 0.2); }
.dark\:hover\:bg-inherit:hover:where([class*="app-dark"], [class*="app-dark"] *) { background-color: inherit; }
.dark\:hover\:bg-primary-400:hover:where([class*="app-dark"], [class*="app-dark"] *) { --tw-bg-opacity: 1; background-color: color-mix(in srgb,var(--p-primary-400) calc(100% * var(--tw-bg-opacity, 1)),transparent); }
.dark\:hover\:bg-primary-500:hover:where([class*="app-dark"], [class*="app-dark"] *) { --tw-bg-opacity: 1; background-color: color-mix(in srgb,var(--p-primary-500) calc(100% * var(--tw-bg-opacity, 1)),transparent); }
.dark\:hover\:bg-primary-600:hover:where([class*="app-dark"], [class*="app-dark"] *) { --tw-bg-opacity: 1; background-color: color-mix(in srgb,var(--p-primary-600) calc(100% * var(--tw-bg-opacity, 1)),transparent); }
.dark\:hover\:bg-primary-700:hover:where([class*="app-dark"], [class*="app-dark"] *) { --tw-bg-opacity: 1; background-color: color-mix(in srgb,var(--p-primary-700) calc(100% * var(--tw-bg-opacity, 1)),transparent); }
.dark\:hover\:bg-primary-800\/40:hover:where([class*="app-dark"], [class*="app-dark"] *) { background-color: color-mix(in srgb,var(--p-primary-800) 40%,transparent); }
.dark\:hover\:bg-primary-900\/10:hover:where([class*="app-dark"], [class*="app-dark"] *) { background-color: color-mix(in srgb,var(--p-primary-900) 10%,transparent); }
.dark\:hover\:bg-primary-900\/20:hover:where([class*="app-dark"], [class*="app-dark"] *) { background-color: color-mix(in srgb,var(--p-primary-900) 20%,transparent); }
.dark\:hover\:bg-primary-900\/30:hover:where([class*="app-dark"], [class*="app-dark"] *) { background-color: color-mix(in srgb,var(--p-primary-900) 30%,transparent); }
.dark\:hover\:bg-primary-900\/40:hover:where([class*="app-dark"], [class*="app-dark"] *) { background-color: color-mix(in srgb,var(--p-primary-900) 40%,transparent); }
.dark\:hover\:bg-primary-900\/50:hover:where([class*="app-dark"], [class*="app-dark"] *) { background-color: color-mix(in srgb,var(--p-primary-900) 50%,transparent); }
.dark\:hover\:bg-primary-950:hover:where([class*="app-dark"], [class*="app-dark"] *) { --tw-bg-opacity: 1; background-color: color-mix(in srgb,var(--p-primary-950) calc(100% * var(--tw-bg-opacity, 1)),transparent); }
.dark\:hover\:bg-primary-950\/10:hover:where([class*="app-dark"], [class*="app-dark"] *) { background-color: color-mix(in srgb,var(--p-primary-950) 10%,transparent); }
.dark\:hover\:bg-primary-950\/30:hover:where([class*="app-dark"], [class*="app-dark"] *) { background-color: color-mix(in srgb,var(--p-primary-950) 30%,transparent); }
.dark\:hover\:bg-red-600:hover:where([class*="app-dark"], [class*="app-dark"] *) { --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); }
.dark\:hover\:bg-red-800\/40:hover:where([class*="app-dark"], [class*="app-dark"] *) { background-color: rgba(153, 27, 27, 0.4); }
.dark\:hover\:bg-red-900\/20:hover:where([class*="app-dark"], [class*="app-dark"] *) { background-color: rgba(127, 29, 29, 0.2); }
.dark\:hover\:bg-red-950\/20:hover:where([class*="app-dark"], [class*="app-dark"] *) { background-color: rgba(69, 10, 10, 0.2); }
.dark\:hover\:bg-red-950\/30:hover:where([class*="app-dark"], [class*="app-dark"] *) { background-color: rgba(69, 10, 10, 0.3); }
.dark\:hover\:bg-rose-900\/70:hover:where([class*="app-dark"], [class*="app-dark"] *) { background-color: rgba(136, 19, 55, 0.7); }
.dark\:hover\:bg-sky-900\/70:hover:where([class*="app-dark"], [class*="app-dark"] *) { background-color: rgba(12, 74, 110, 0.7); }
.dark\:hover\:bg-surface-600:hover:where([class*="app-dark"], [class*="app-dark"] *) { --tw-bg-opacity: 1; background-color: color-mix(in srgb,var(--p-surface-600) calc(100% * var(--tw-bg-opacity, 1)),transparent); }
.dark\:hover\:bg-surface-700:hover:where([class*="app-dark"], [class*="app-dark"] *) { --tw-bg-opacity: 1; background-color: color-mix(in srgb,var(--p-surface-700) calc(100% * var(--tw-bg-opacity, 1)),transparent); }
.dark\:hover\:bg-surface-700\/30:hover:where([class*="app-dark"], [class*="app-dark"] *) { background-color: color-mix(in srgb,var(--p-surface-700) 30%,transparent); }
.dark\:hover\:bg-surface-700\/40:hover:where([class*="app-dark"], [class*="app-dark"] *) { background-color: color-mix(in srgb,var(--p-surface-700) 40%,transparent); }
.dark\:hover\:bg-surface-800:hover:where([class*="app-dark"], [class*="app-dark"] *) { --tw-bg-opacity: 1; background-color: color-mix(in srgb,var(--p-surface-800) calc(100% * var(--tw-bg-opacity, 1)),transparent); }
.dark\:hover\:bg-surface-800\/20:hover:where([class*="app-dark"], [class*="app-dark"] *) { background-color: color-mix(in srgb,var(--p-surface-800) 20%,transparent); }
.dark\:hover\:bg-surface-800\/30:hover:where([class*="app-dark"], [class*="app-dark"] *) { background-color: color-mix(in srgb,var(--p-surface-800) 30%,transparent); }
.dark\:hover\:bg-surface-800\/40:hover:where([class*="app-dark"], [class*="app-dark"] *) { background-color: color-mix(in srgb,var(--p-surface-800) 40%,transparent); }
.dark\:hover\:bg-surface-800\/50:hover:where([class*="app-dark"], [class*="app-dark"] *) { background-color: color-mix(in srgb,var(--p-surface-800) 50%,transparent); }
.dark\:hover\:bg-surface-800\/60:hover:where([class*="app-dark"], [class*="app-dark"] *) { background-color: color-mix(in srgb,var(--p-surface-800) 60%,transparent); }
.dark\:hover\:bg-surface-900:hover:where([class*="app-dark"], [class*="app-dark"] *) { --tw-bg-opacity: 1; background-color: color-mix(in srgb,var(--p-surface-900) calc(100% * var(--tw-bg-opacity, 1)),transparent); }
.dark\:hover\:\!text-surface-200:hover:where([class*="app-dark"], [class*="app-dark"] *) { --tw-text-opacity: 1 !important; color: color-mix(in srgb,var(--p-surface-200) calc(100% * var(--tw-text-opacity, 1)),transparent) !important; }
.dark\:hover\:text-amber-400:hover:where([class*="app-dark"], [class*="app-dark"] *) { --tw-text-opacity: 1; color: rgb(251 191 36 / var(--tw-text-opacity, 1)); }
.dark\:hover\:text-blue-400:hover:where([class*="app-dark"], [class*="app-dark"] *) { --tw-text-opacity: 1; color: rgb(96 165 250 / var(--tw-text-opacity, 1)); }
.dark\:hover\:text-primary:hover:where([class*="app-dark"], [class*="app-dark"] *) { --tw-text-opacity: 1; color: color-mix(in srgb,var(--p-primary-color) calc(100% * var(--tw-text-opacity, 1)),transparent); }
.dark\:hover\:text-primary-300:hover:where([class*="app-dark"], [class*="app-dark"] *) { --tw-text-opacity: 1; color: color-mix(in srgb,var(--p-primary-300) calc(100% * var(--tw-text-opacity, 1)),transparent); }
.dark\:hover\:text-primary-400:hover:where([class*="app-dark"], [class*="app-dark"] *) { --tw-text-opacity: 1; color: color-mix(in srgb,var(--p-primary-400) calc(100% * var(--tw-text-opacity, 1)),transparent); }
.dark\:hover\:text-red-200:hover:where([class*="app-dark"], [class*="app-dark"] *) { --tw-text-opacity: 1; color: rgb(254 202 202 / var(--tw-text-opacity, 1)); }
.dark\:hover\:text-red-400:hover:where([class*="app-dark"], [class*="app-dark"] *) { --tw-text-opacity: 1; color: rgb(248 113 113 / var(--tw-text-opacity, 1)); }
.dark\:hover\:text-surface-0:hover:where([class*="app-dark"], [class*="app-dark"] *) { --tw-text-opacity: 1; color: color-mix(in srgb,var(--p-surface-0) calc(100% * var(--tw-text-opacity, 1)),transparent); }
.dark\:hover\:text-surface-100:hover:where([class*="app-dark"], [class*="app-dark"] *) { --tw-text-opacity: 1; color: color-mix(in srgb,var(--p-surface-100) calc(100% * var(--tw-text-opacity, 1)),transparent); }
.dark\:hover\:text-surface-200:hover:where([class*="app-dark"], [class*="app-dark"] *) { --tw-text-opacity: 1; color: color-mix(in srgb,var(--p-surface-200) calc(100% * var(--tw-text-opacity, 1)),transparent); }
.dark\:hover\:text-surface-300:hover:where([class*="app-dark"], [class*="app-dark"] *) { --tw-text-opacity: 1; color: color-mix(in srgb,var(--p-surface-300) calc(100% * var(--tw-text-opacity, 1)),transparent); }
.dark\:hover\:text-surface-400:hover:where([class*="app-dark"], [class*="app-dark"] *) { --tw-text-opacity: 1; color: color-mix(in srgb,var(--p-surface-400) calc(100% * var(--tw-text-opacity, 1)),transparent); }
.dark\:hover\:text-white:hover:where([class*="app-dark"], [class*="app-dark"] *) { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.dark\:focus\:ring-offset-surface-900:focus:where([class*="app-dark"], [class*="app-dark"] *) { --tw-ring-offset-color: color-mix(in srgb, var(--p-surface-900) 100% , transparent); }
:root { --p-stone-50: #fafaf9; --p-stone-100: #f5f5f4; --p-stone-200: #e7e5e4; --p-stone-300: #d6d3d1; --p-stone-400: #a8a29e; --p-stone-500: #78716c; --p-stone-600: #57534e; --p-stone-700: #44403c; --p-stone-800: #292524; --p-stone-900: #1c1917; --p-stone-950: #0c0a09; --p-neutral-50: #fafafa; --p-neutral-100: #f5f5f5; --p-neutral-200: #e5e5e5; --p-neutral-300: #dcdcdc; --p-neutral-400: #a3a3a3; --p-neutral-500: #737373; --p-neutral-600: #525252; --p-neutral-700: #2d2d2d; --p-neutral-800: #1e1e1e; --p-neutral-900: #171717; --p-neutral-950: #111111; --p-zinc-50: #fafafa; --p-zinc-100: #f4f4f5; --p-zinc-200: #e4e4e7; --p-zinc-300: #d4d4d8; --p-zinc-400: #a1a1aa; --p-zinc-500: #71717a; --p-zinc-600: #52525b; --p-zinc-700: #3f3f46; --p-zinc-800: #27272a; --p-zinc-900: #18181b; --p-zinc-950: #09090b; --p-gray-50: #f9fafb; --p-gray-100: #f3f4f6; --p-gray-200: #e5e7eb; --p-gray-300: #d1d5db; --p-gray-400: #9ca3af; --p-gray-500: #6b7280; --p-gray-600: #4b5563; --p-gray-700: #374151; --p-gray-800: #1f2937; --p-gray-900: #111827; --p-gray-950: #030712; --p-slate-0: #ffffff; --p-slate-50: var(--p-slate-50); --p-slate-100: var(--p-slate-100); --p-slate-200: var(--p-slate-200); --p-slate-300: var(--p-slate-300); --p-slate-400: var(--p-slate-400); --p-slate-500: var(--p-slate-500); --p-slate-600: var(--p-slate-600); --p-slate-700: var(--p-slate-700); --p-slate-800: var(--p-slate-800); --p-slate-900: var(--p-slate-900); --p-slate-950: var(--p-slate-950); --p-rose-50: #fff1f2; --p-rose-100: #ffe4e6; --p-rose-200: #fecdd3; --p-rose-300: #fda4af; --p-rose-400: #fb7185; --p-rose-500: #f43f5e; --p-rose-600: #e11d48; --p-rose-700: #be123c; --p-rose-800: #9f1239; --p-rose-900: #881337; --p-rose-950: #4c0519; --p-pink-50: #fdf2f8; --p-pink-100: #fce7f3; --p-pink-200: #fbcfe8; --p-pink-300: #f9a8d4; --p-pink-400: #f472b6; --p-pink-500: #ec4899; --p-pink-600: #db2777; --p-pink-700: #be185d; --p-pink-800: #9d174d; --p-pink-900: #831843; --p-pink-950: #500724; --p-fuchsia-50: #fdf4ff; --p-fuchsia-100: #fae8ff; --p-fuchsia-200: #f5d0fe; --p-fuchsia-300: #f0abfc; --p-fuchsia-400: #e879f9; --p-fuchsia-500: #d946ef; --p-fuchsia-600: #c026d3; --p-fuchsia-700: #a21caf; --p-fuchsia-800: #86198f; --p-fuchsia-900: #701a75; --p-fuchsia-950: #4a044e; --p-purple-50: #faf5ff; --p-purple-100: #f3e8ff; --p-purple-200: #e9d5ff; --p-purple-300: #d8b4fe; --p-purple-400: #c084fc; --p-purple-500: #a855f7; --p-purple-600: #9333ea; --p-purple-700: #7e22ce; --p-purple-800: #6b21a8; --p-purple-900: #581c87; --p-purple-950: #3b0764; --p-violet-50: #f5f3ff; --p-violet-100: #ede9fe; --p-violet-200: #ddd6fe; --p-violet-300: #c4b5fd; --p-violet-400: #a78bfa; --p-violet-500: #8b5cf6; --p-violet-600: #7c3aed; --p-violet-700: #6d28d9; --p-violet-800: #5b21b6; --p-violet-900: #4c1d95; --p-violet-950: #2e1065; --p-indigo-50: #eef2ff; --p-indigo-100: #e0e7ff; --p-indigo-200: #c7d2fe; --p-indigo-300: #a5b4fc; --p-indigo-400: #818cf8; --p-indigo-500: #6366f1; --p-indigo-600: #4f46e5; --p-indigo-700: #4338ca; --p-indigo-800: #3730a3; --p-indigo-900: #312e81; --p-indigo-950: #1e1b4b; --p-blue-50: #eff6ff; --p-blue-100: #dbeafe; --p-blue-200: #bfdbfe; --p-blue-300: #93c5fd; --p-blue-400: #60a5fa; --p-blue-500: #3b82f6; --p-blue-600: #2563eb; --p-blue-700: #1d4ed8; --p-blue-800: #1e40af; --p-blue-900: #1e3a8a; --p-blue-950: #172554; --p-sky-50: #f0f9ff; --p-sky-100: #e0f2fe; --p-sky-200: #bae6fd; --p-sky-300: #7dd3fc; --p-sky-400: #38bdf8; --p-sky-500: #0ea5e9; --p-sky-600: #0284c7; --p-sky-700: #0369a1; --p-sky-800: #075985; --p-sky-900: #0c4a6e; --p-sky-950: #082f49; --p-cyan-50: #ecfeff; --p-cyan-100: #cffafe; --p-cyan-200: #a5f3fc; --p-cyan-300: #67e8f9; --p-cyan-400: #22d3ee; --p-cyan-500: #06b6d4; --p-cyan-600: #0891b2; --p-cyan-700: #0e7490; --p-cyan-800: #155e75; --p-cyan-900: #164e63; --p-cyan-950: #083344; --p-teal-50: #f0fdfa; --p-teal-100: #ccfbf1; --p-teal-200: #99f6e4; --p-teal-300: #5eead4; --p-teal-400: #2dd4bf; --p-teal-500: #14b8a6; --p-teal-600: #0d9488; --p-teal-700: #0f766e; --p-teal-800: #115e59; --p-teal-900: #134e4a; --p-teal-950: #042f2e; --p-yellow-50: #fefce8; --p-yellow-100: #fef9c3; --p-yellow-200: #fef08a; --p-yellow-300: #fde047; --p-yellow-400: #facc15; --p-yellow-500: #eab308; --p-yellow-600: #ca8a04; --p-yellow-700: #a16207; --p-yellow-800: #854d0e; --p-yellow-900: #713f12; --p-yellow-950: #422006; --p-amber-50: #fffbeb; --p-amber-100: #fef3c7; --p-amber-200: #fde68a; --p-amber-300: #fcd34d; --p-amber-400: #fbbf24; --p-amber-500: #f59e0b; --p-amber-600: #d97706; --p-amber-700: #b45309; --p-amber-800: #92400e; --p-amber-900: #78350f; --p-amber-950: #451a03; --p-orange-50: #fff7ed; --p-orange-100: #ffedd5; --p-orange-200: #fed7aa; --p-orange-300: #fdba74; --p-orange-400: #fb923c; --p-orange-500: #f97316; --p-orange-600: #ea580c; --p-orange-700: #c2410c; --p-orange-800: #9a3412; --p-orange-900: #7c2d12; --p-orange-950: #431407; --p-red-50: #fef2f2; --p-red-100: #fee2e2; --p-red-200: #fecaca; --p-red-300: #fca5a5; --p-red-400: #f87171; --p-red-500: #ef4444; --p-red-600: #dc2626; --p-red-700: #b91c1c; --p-red-800: #991b1b; --p-red-900: #7f1d1d; --p-red-950: #450a0a; --p-lime-50: #f7fee7; --p-lime-100: #ecfccb; --p-lime-200: #d9f99d; --p-lime-300: #bef264; --p-lime-400: #a3e635; --p-lime-500: #84cc16; --p-lime-600: #65a30d; --p-lime-700: #4d7c0f; --p-lime-800: #3f6212; --p-lime-900: #365314; --p-lime-950: #1a2e05; --p-green-50: #f0fdf4; --p-green-100: #dcfce7; --p-green-200: #bbf7d0; --p-green-300: #86efac; --p-green-400: #4ade80; --p-green-500: #22c55e; --p-green-600: #16a34a; --p-green-700: #15803d; --p-green-800: #166534; --p-green-900: #14532d; --p-green-950: #052e16; --p-emerald-50: #ecfdf5; --p-emerald-100: #d1fae5; --p-emerald-200: #a7f3d0; --p-emerald-300: #6ee7b7; --p-emerald-400: #34d399; --p-emerald-500: #10b981; --p-emerald-600: #059669; --p-emerald-700: #047857; --p-emerald-800: #065f46; --p-emerald-900: #064e3b; --p-emerald-950: #022c22; --p-border-radius-none: 0; --p-border-radius-xs: 2px; --p-border-radius-sm: 4px; --p-border-radius-md: 6px; --p-border-radius-lg: 8px; --p-border-radius-xl: 12px; }
:root { --p-transition-duration: 0.2s; --p-disabled-opacity: 0.6; --p-icon-size: 1rem; --p-anchor-gutter: 2px; --p-overlay-navigation-shadow: 0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1); --p-overlay-modal-border-radius: var(--p-border-radius-xl); --p-overlay-modal-padding: var(--overlay-modal-padding); --p-overlay-modal-shadow: 0 20px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.1); --p-overlay-popover-border-radius: var(--p-border-radius-md); --p-overlay-popover-padding: 0.75rem; --p-overlay-popover-shadow: 0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1); --p-overlay-select-border-radius: var(--p-border-radius-md); --p-overlay-select-shadow: 0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1); --p-navigation-submenu-icon-size: 0.875rem; --p-navigation-submenu-label-padding: 0.5rem 0.75rem; --p-navigation-submenu-label-font-weight: 600; --p-navigation-item-padding: 0.5rem 0.75rem; --p-navigation-item-border-radius: var(--p-border-radius-sm); --p-navigation-item-gap: 0.5rem; --p-navigation-list-padding: 0.25rem 0.25rem; --p-navigation-list-gap: 2px; --p-mask-transition-duration: 0.3s; --p-content-border-radius: var(--p-border-radius-md); --p-list-padding: 0.25rem 0.25rem; --p-list-gap: 2px; --p-list-option-group-padding: 0.5rem 0.75rem; --p-list-option-group-font-weight: 600; --p-list-option-padding: 0.5rem 0.75rem; --p-list-option-border-radius: var(--p-border-radius-sm); --p-list-header-padding: 0.5rem 1rem 0.25rem 1rem; --p-form-field-padding-x: 0.75rem; --p-form-field-padding-y: 0.5rem; --p-form-field-border-radius: var(--p-border-radius-md); --p-form-field-transition-duration: var(--p-transition-duration); --p-form-field-focus-ring-width: 0; --p-form-field-focus-ring-style: none; --p-form-field-focus-ring-color: transparent; --p-form-field-focus-ring-offset: 0; --p-form-field-focus-ring-shadow: none; --p-form-field-lg-font-size: 1.125rem; --p-form-field-lg-padding-x: 0.875rem; --p-form-field-lg-padding-y: 0.625rem; --p-form-field-sm-font-size: 0.875rem; --p-form-field-sm-padding-x: 0.625rem; --p-form-field-sm-padding-y: 0.375rem; --p-primary-50: var(--primary-color-50); --p-primary-100: var(--primary-color-100); --p-primary-200: var(--primary-color-200); --p-primary-300: var(--primary-color-300); --p-primary-400: var(--primary-color-400); --p-primary-500: var(--primary-color-500); --p-primary-600: var(--primary-color-600); --p-primary-700: var(--primary-color-700); --p-primary-800: var(--primary-color-800); --p-primary-900: var(--primary-color-900); --p-primary-950: var(--primary-color-950); --p-focus-ring-width: 1px; --p-focus-ring-style: solid; --p-focus-ring-color: var(--p-primary-color); --p-focus-ring-offset: 2px; --p-focus-ring-shadow: none; --p-navigation-submenu-icon-color: var(--p-surface-400); --p-navigation-submenu-icon-focus-color: var(--p-surface-500); --p-navigation-submenu-icon-active-color: var(--p-surface-500); --p-navigation-submenu-label-background: transparent; --p-navigation-submenu-label-color: var(--p-text-muted-color); --p-navigation-item-focus-background: var(--p-surface-100); --p-navigation-item-active-background: var(--p-surface-100); --p-navigation-item-color: var(--p-text-color); --p-navigation-item-focus-color: var(--p-text-hover-color); --p-navigation-item-active-color: var(--p-text-hover-color); --p-navigation-item-icon-color: var(--p-surface-400); --p-navigation-item-icon-focus-color: var(--p-surface-500); --p-navigation-item-icon-active-color: var(--p-surface-500); --p-list-option-group-background: transparent; --p-list-option-group-color: var(--p-text-muted-color); --p-list-option-focus-background: var(--p-surface-100); --p-list-option-selected-background: var(--p-highlight-background); --p-list-option-selected-focus-background: var(--p-highlight-focus-background); --p-list-option-color: var(--p-text-color); --p-list-option-focus-color: var(--p-text-hover-color); --p-list-option-selected-color: var(--p-highlight-color); --p-list-option-selected-focus-color: var(--p-highlight-focus-color); --p-list-option-icon-color: var(--p-surface-400); --p-list-option-icon-focus-color: var(--p-surface-500); --p-overlay-modal-background: var(--p-surface-0); --p-overlay-modal-border-color: var(--p-surface-200); --p-overlay-modal-color: var(--p-text-color); --p-overlay-popover-background: var(--p-surface-0); --p-overlay-popover-border-color: var(--p-surface-200); --p-overlay-popover-color: var(--p-text-color); --p-overlay-select-background: var(--p-surface-0); --p-overlay-select-border-color: var(--p-surface-200); --p-overlay-select-color: var(--p-text-color); --p-content-background: var(--p-surface-0); --p-content-hover-background: var(--p-surface-100); --p-content-border-color: var(--p-surface-200); --p-content-color: var(--p-text-color); --p-content-hover-color: var(--p-text-hover-color); --p-text-color: var(--p-surface-700); --p-text-hover-color: var(--p-surface-800); --p-text-muted-color: var(--p-surface-500); --p-text-hover-muted-color: var(--p-surface-600); --p-form-field-background: var(--input-bg); --p-form-field-disabled-background: var(--p-surface-200); --p-form-field-filled-background: var(--p-surface-50); --p-form-field-filled-hover-background: var(--p-surface-50); --p-form-field-filled-focus-background: var(--p-surface-50); --p-form-field-border-color: var(--input-border); --p-form-field-hover-border-color: var(--p-surface-400); --p-form-field-focus-border-color: var(--p-primary-color); --p-form-field-invalid-border-color: var(--p-red-400); --p-form-field-color: var(--p-surface-700); --p-form-field-disabled-color: var(--p-surface-500); --p-form-field-placeholder-color: var(--p-surface-500); --p-form-field-invalid-placeholder-color: var(--p-red-600); --p-form-field-float-label-color: var(--p-surface-500); --p-form-field-float-label-focus-color: var(--p-primary-600); --p-form-field-float-label-active-color: var(--p-surface-500); --p-form-field-float-label-invalid-color: var(--p-form-field-invalid-placeholder-color); --p-form-field-icon-color: var(--p-surface-400); --p-form-field-shadow: 0 0 #0000,0 0 #0000,0 1px 2px 0 rgba(18,18,23,0.05); --p-mask-background: rgba(0,0,0,0.4); --p-mask-color: var(--p-surface-200); --p-highlight-background: var(--p-neutral-100); --p-highlight-focus-background: var(--p-neutral-200); --p-highlight-color: var(--p-neutral-700); --p-highlight-focus-color: var(--p-neutral-800); --p-primary-color: var(--p-primary-600); --p-primary-contrast-color: #ffffff; --p-primary-hover-color: var(--p-primary-600); --p-primary-active-color: var(--p-primary-700); --p-surface-0: #ffffff; --p-surface-50: var(--p-neutral-50); --p-surface-100: var(--p-neutral-100); --p-surface-200: var(--p-neutral-200); --p-surface-300: var(--p-neutral-300); --p-surface-400: var(--p-neutral-400); --p-surface-500: var(--p-neutral-500); --p-surface-600: var(--p-neutral-600); --p-surface-700: var(--p-neutral-700); --p-surface-800: var(--p-neutral-800); --p-surface-900: var(--p-neutral-900); --p-surface-950: var(--p-neutral-950); }
:root { color-scheme: light; }
*, ::before, ::after { box-sizing: border-box; }
:root { --p-inputtext-background: var(--p-form-field-background); --p-inputtext-disabled-background: var(--p-form-field-disabled-background); --p-inputtext-filled-background: var(--p-form-field-filled-background); --p-inputtext-filled-hover-background: var(--p-form-field-filled-hover-background); --p-inputtext-filled-focus-background: var(--p-form-field-filled-focus-background); --p-inputtext-border-color: var(--p-form-field-border-color); --p-inputtext-hover-border-color: var(--p-form-field-hover-border-color); --p-inputtext-focus-border-color: var(--p-form-field-focus-border-color); --p-inputtext-invalid-border-color: var(--p-form-field-invalid-border-color); --p-inputtext-color: var(--p-form-field-color); --p-inputtext-disabled-color: var(--p-form-field-disabled-color); --p-inputtext-placeholder-color: var(--placeholder-color); --p-inputtext-invalid-placeholder-color: var(--p-form-field-invalid-placeholder-color); --p-inputtext-shadow: var(--p-form-field-shadow); --p-inputtext-padding-x: var(--p-form-field-padding-x); --p-inputtext-padding-y: var(--p-form-field-padding-y); --p-inputtext-border-radius: 10px; --p-inputtext-transition-duration: var(--p-form-field-transition-duration); --p-inputtext-lg-font-size: var(--p-form-field-lg-font-size); --p-inputtext-lg-padding-x: var(--p-form-field-lg-padding-x); --p-inputtext-lg-padding-y: var(--p-form-field-lg-padding-y); --p-inputtext-sm-font-size: var(--p-form-field-sm-font-size); --p-inputtext-sm-padding-x: var(--p-form-field-sm-padding-x); --p-inputtext-sm-padding-y: var(--p-form-field-sm-padding-y); --p-inputtext-focus-ring-width: var(--p-form-field-focus-ring-width); --p-inputtext-focus-ring-style: var(--p-form-field-focus-ring-style); --p-inputtext-focus-ring-color: var(--p-form-field-focus-ring-color); --p-inputtext-focus-ring-offset: var(--p-form-field-focus-ring-offset); --p-inputtext-focus-ring-shadow: var(--p-form-field-focus-ring-shadow); }
:root { --p-avatar-xl-width: 4rem; --p-avatar-xl-height: 4rem; --p-avatar-xl-font-size: 2rem; --p-avatar-xl-group-offset: -1.5rem; --p-avatar-xl-icon-size: 2rem; --p-avatar-lg-width: 3rem; --p-avatar-lg-height: 3rem; --p-avatar-lg-font-size: 1.5rem; --p-avatar-lg-group-offset: -1rem; --p-avatar-lg-icon-size: 1.5rem; --p-avatar-group-border-color: var(--p-content-background); --p-avatar-group-offset: -0.75rem; --p-avatar-icon-size: 1rem; --p-avatar-width: 2rem; --p-avatar-height: 2rem; --p-avatar-font-size: 1rem; --p-avatar-background: var(--p-content-border-color); --p-avatar-color: var(--p-content-color); --p-avatar-border-radius: var(--p-content-border-radius); }
:root { --p-badge-xl-font-size: 1rem; --p-badge-xl-min-width: 2rem; --p-badge-xl-height: 2rem; --p-badge-lg-font-size: 0.875rem; --p-badge-lg-min-width: 1.75rem; --p-badge-lg-height: 1.75rem; --p-badge-sm-font-size: 0.625rem; --p-badge-sm-min-width: 1.25rem; --p-badge-sm-height: 1.25rem; --p-badge-dot-size: 0.5rem; --p-badge-border-radius: var(--p-border-radius-md); --p-badge-padding: 0 0.5rem; --p-badge-font-size: 0.75rem; --p-badge-font-weight: 700; --p-badge-min-width: 1.5rem; --p-badge-height: 1.5rem; --p-badge-contrast-background: var(--p-surface-950); --p-badge-contrast-color: var(--p-surface-0); --p-badge-danger-background: var(--p-red-500); --p-badge-danger-color: var(--p-surface-0); --p-badge-warn-background: var(--p-orange-500); --p-badge-warn-color: var(--p-surface-0); --p-badge-info-background: var(--p-sky-500); --p-badge-info-color: var(--p-surface-0); --p-badge-success-background: var(--p-green-500); --p-badge-success-color: var(--p-surface-0); --p-badge-secondary-background: var(--p-surface-100); --p-badge-secondary-color: var(--p-surface-600); --p-badge-primary-background: var(--p-primary-color); --p-badge-primary-color: var(--p-primary-contrast-color); }
:root { --p-ripple-background: rgba(0,0,0,0.1); }
:root { --p-card-subtitle-color: var(--p-text-muted-color); --p-card-title-font-size: 1.25rem; --p-card-title-font-weight: 500; --p-card-caption-gap: 0.5rem; --p-card-body-padding: 1.25rem; --p-card-body-gap: 0.5rem; --p-card-background: var(--p-content-background); --p-card-border-radius: var(--p-border-radius-xl); --p-card-color: var(--p-content-color); --p-card-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px -1px rgba(0,0,0,0.1); }
:root { --p-divider-vertical-margin: 0 1rem; --p-divider-vertical-padding: 0.5rem 0; --p-divider-vertical-content-padding: 0.5rem 0; --p-divider-horizontal-margin: 1rem 0; --p-divider-horizontal-padding: 0 1rem; --p-divider-horizontal-content-padding: 0 0.5rem; --p-divider-content-background: var(--p-content-background); --p-divider-content-color: var(--p-text-color); --p-divider-border-color: var(--p-content-border-color); }
:root { --p-inputgroup-addon-background: var(--p-form-field-background); --p-inputgroup-addon-border-color: var(--p-form-field-border-color); --p-inputgroup-addon-color: var(--p-form-field-icon-color); --p-inputgroup-addon-border-radius: var(--p-form-field-border-radius); --p-inputgroup-addon-padding: 0.5rem; --p-inputgroup-addon-min-width: 2.5rem; }
:root { --p-progressbar-label-color: var(--p-primary-contrast-color); --p-progressbar-label-font-size: 0.75rem; --p-progressbar-label-font-weight: 600; --p-progressbar-value-background: var(--p-primary-color); --p-progressbar-background: var(--p-content-border-color); --p-progressbar-border-radius: var(--p-content-border-radius); --p-progressbar-height: 1.25rem; }
:root { --p-progressspinner-color-one: var(--p-red-500); --p-progressspinner-color-two: var(--p-blue-500); --p-progressspinner-color-three: var(--p-green-500); --p-progressspinner-color-four: var(--p-yellow-500); }
:root { --p-radiobutton-icon-size: 0.75rem; --p-radiobutton-icon-checked-color: var(--p-primary-contrast-color); --p-radiobutton-icon-checked-hover-color: var(--p-primary-contrast-color); --p-radiobutton-icon-disabled-color: var(--p-form-field-disabled-color); --p-radiobutton-icon-lg-size: 1rem; --p-radiobutton-icon-sm-size: 0.5rem; --p-radiobutton-width: 1.25rem; --p-radiobutton-height: 1.25rem; --p-radiobutton-background: var(--p-form-field-background); --p-radiobutton-checked-background: var(--p-primary-color); --p-radiobutton-checked-hover-background: var(--p-primary-hover-color); --p-radiobutton-disabled-background: var(--p-form-field-disabled-background); --p-radiobutton-filled-background: var(--p-form-field-filled-background); --p-radiobutton-border-color: var(--p-form-field-border-color); --p-radiobutton-hover-border-color: var(--p-form-field-hover-border-color); --p-radiobutton-focus-border-color: var(--p-form-field-border-color); --p-radiobutton-checked-border-color: var(--p-primary-color); --p-radiobutton-checked-hover-border-color: var(--p-primary-hover-color); --p-radiobutton-checked-focus-border-color: var(--p-primary-color); --p-radiobutton-checked-disabled-border-color: var(--p-form-field-border-color); --p-radiobutton-invalid-border-color: var(--p-form-field-invalid-border-color); --p-radiobutton-shadow: var(--p-form-field-shadow); --p-radiobutton-transition-duration: var(--p-form-field-transition-duration); --p-radiobutton-lg-width: 1.5rem; --p-radiobutton-lg-height: 1.5rem; --p-radiobutton-sm-width: 1rem; --p-radiobutton-sm-height: 1rem; --p-radiobutton-focus-ring-width: var(--p-focus-ring-width); --p-radiobutton-focus-ring-style: var(--p-focus-ring-style); --p-radiobutton-focus-ring-color: var(--p-focus-ring-color); --p-radiobutton-focus-ring-offset: var(--p-focus-ring-offset); --p-radiobutton-focus-ring-shadow: var(--p-focus-ring-shadow); }
:root { --p-skeleton-border-radius: var(--p-content-border-radius); --p-skeleton-background: var(--p-surface-200); --p-skeleton-animation-background: rgba(255,255,255,0.4); }
:root { --p-tag-icon-size: 0.75rem; --p-tag-font-size: 0.875rem; --p-tag-font-weight: 700; --p-tag-padding: 0.25rem 0.5rem; --p-tag-gap: 0.25rem; --p-tag-border-radius: var(--p-content-border-radius); --p-tag-rounded-border-radius: var(--p-border-radius-xl); --p-tag-contrast-background: var(--p-surface-950); --p-tag-contrast-color: var(--p-surface-0); --p-tag-danger-background: var(--p-red-100); --p-tag-danger-color: var(--p-red-700); --p-tag-warn-background: var(--p-orange-100); --p-tag-warn-color: var(--p-orange-700); --p-tag-info-background: var(--p-sky-100); --p-tag-info-color: var(--p-sky-700); --p-tag-success-background: var(--p-green-100); --p-tag-success-color: var(--p-green-700); --p-tag-secondary-background: var(--p-surface-100); --p-tag-secondary-color: var(--p-surface-600); --p-tag-primary-background: var(--p-primary-100); --p-tag-primary-color: var(--p-primary-700); }
:root { --p-textarea-background: var(--p-form-field-background); --p-textarea-disabled-background: var(--p-form-field-disabled-background); --p-textarea-filled-background: var(--p-form-field-filled-background); --p-textarea-filled-hover-background: var(--p-form-field-filled-hover-background); --p-textarea-filled-focus-background: var(--p-form-field-filled-focus-background); --p-textarea-border-color: var(--p-form-field-border-color); --p-textarea-hover-border-color: var(--p-form-field-hover-border-color); --p-textarea-focus-border-color: var(--p-form-field-focus-border-color); --p-textarea-invalid-border-color: var(--p-form-field-invalid-border-color); --p-textarea-color: var(--p-form-field-color); --p-textarea-disabled-color: var(--p-form-field-disabled-color); --p-textarea-placeholder-color: var(--placeholder-color); --p-textarea-invalid-placeholder-color: var(--p-form-field-invalid-placeholder-color); --p-textarea-shadow: var(--p-form-field-shadow); --p-textarea-padding-x: var(--p-form-field-padding-x); --p-textarea-padding-y: var(--p-form-field-padding-y); --p-textarea-border-radius: 10px; --p-textarea-transition-duration: var(--p-form-field-transition-duration); --p-textarea-lg-font-size: var(--p-form-field-lg-font-size); --p-textarea-lg-padding-x: var(--p-form-field-lg-padding-x); --p-textarea-lg-padding-y: var(--p-form-field-lg-padding-y); --p-textarea-sm-font-size: var(--p-form-field-sm-font-size); --p-textarea-sm-padding-x: var(--p-form-field-sm-padding-x); --p-textarea-sm-padding-y: var(--p-form-field-sm-padding-y); --p-textarea-focus-ring-width: var(--p-form-field-focus-ring-width); --p-textarea-focus-ring-style: var(--p-form-field-focus-ring-style); --p-textarea-focus-ring-color: var(--p-form-field-focus-ring-color); --p-textarea-focus-ring-offset: var(--p-form-field-focus-ring-offset); --p-textarea-focus-ring-shadow: var(--p-form-field-focus-ring-shadow); }
:root { --p-togglebutton-content-padding: 0.25rem 0.75rem; --p-togglebutton-content-border-radius: var(--p-content-border-radius); --p-togglebutton-content-checked-shadow: 0px 1px 2px 0px rgba(0,0,0,0.02),0px 1px 2px 0px rgba(0,0,0,0.04); --p-togglebutton-content-lg-padding: 0.25rem 0.75rem; --p-togglebutton-content-sm-padding: 0.25rem 0.75rem; --p-togglebutton-icon-disabled-color: var(--p-form-field-disabled-color); --p-togglebutton-padding: 0.25rem; --p-togglebutton-border-radius: var(--p-content-border-radius); --p-togglebutton-gap: 0.5rem; --p-togglebutton-font-weight: 500; --p-togglebutton-disabled-background: var(--p-form-field-disabled-background); --p-togglebutton-disabled-border-color: var(--p-form-field-disabled-background); --p-togglebutton-disabled-color: var(--p-form-field-disabled-color); --p-togglebutton-invalid-border-color: var(--p-form-field-invalid-border-color); --p-togglebutton-transition-duration: var(--p-form-field-transition-duration); --p-togglebutton-lg-font-size: var(--p-form-field-lg-font-size); --p-togglebutton-lg-padding: 0.25rem; --p-togglebutton-sm-font-size: var(--p-form-field-sm-font-size); --p-togglebutton-sm-padding: 0.25rem; --p-togglebutton-focus-ring-width: var(--p-focus-ring-width); --p-togglebutton-focus-ring-style: var(--p-focus-ring-style); --p-togglebutton-focus-ring-color: var(--p-focus-ring-color); --p-togglebutton-focus-ring-offset: var(--p-focus-ring-offset); --p-togglebutton-focus-ring-shadow: var(--p-focus-ring-shadow); --p-togglebutton-icon-color: var(--p-surface-500); --p-togglebutton-icon-hover-color: var(--p-surface-700); --p-togglebutton-icon-checked-color: var(--p-surface-900); --p-togglebutton-content-checked-background: var(--p-surface-0); --p-togglebutton-background: var(--p-surface-100); --p-togglebutton-checked-background: var(--p-surface-100); --p-togglebutton-hover-background: var(--p-surface-100); --p-togglebutton-border-color: var(--p-surface-100); --p-togglebutton-color: var(--p-surface-500); --p-togglebutton-hover-color: var(--p-surface-700); --p-togglebutton-checked-color: var(--p-surface-900); --p-togglebutton-checked-border-color: var(--p-surface-100); }
.p-togglebutton:not(:disabled):not(.p-togglebutton-checked):hover { background: var(--p-togglebutton-hover-background); color: var(--p-togglebutton-hover-color); }
.p-togglebutton:not(:disabled):not(.p-togglebutton-checked):hover .p-togglebutton-icon { color: var(--p-togglebutton-icon-hover-color); }
:root { --p-toggleswitch-handle-border-radius: 50%; --p-toggleswitch-handle-size: 1rem; --p-toggleswitch-width: 2.5rem; --p-toggleswitch-height: 1.5rem; --p-toggleswitch-border-radius: 30px; --p-toggleswitch-gap: 0.25rem; --p-toggleswitch-shadow: var(--p-form-field-shadow); --p-toggleswitch-border-width: 1px; --p-toggleswitch-border-color: transparent; --p-toggleswitch-hover-border-color: transparent; --p-toggleswitch-checked-border-color: transparent; --p-toggleswitch-checked-hover-border-color: transparent; --p-toggleswitch-invalid-border-color: var(--p-form-field-invalid-border-color); --p-toggleswitch-transition-duration: var(--p-form-field-transition-duration); --p-toggleswitch-slide-duration: 0.2s; --p-toggleswitch-focus-ring-width: var(--p-focus-ring-width); --p-toggleswitch-focus-ring-style: var(--p-focus-ring-style); --p-toggleswitch-focus-ring-color: var(--p-focus-ring-color); --p-toggleswitch-focus-ring-offset: var(--p-focus-ring-offset); --p-toggleswitch-focus-ring-shadow: var(--p-focus-ring-shadow); --p-toggleswitch-handle-background: var(--p-surface-0); --p-toggleswitch-handle-disabled-background: var(--p-form-field-disabled-color); --p-toggleswitch-handle-hover-background: var(--p-surface-0); --p-toggleswitch-handle-checked-background: var(--p-surface-0); --p-toggleswitch-handle-checked-hover-background: var(--p-surface-0); --p-toggleswitch-handle-color: var(--p-text-muted-color); --p-toggleswitch-handle-hover-color: var(--p-text-color); --p-toggleswitch-handle-checked-color: var(--p-primary-color); --p-toggleswitch-handle-checked-hover-color: var(--p-primary-hover-color); --p-toggleswitch-background: var(--p-surface-300); --p-toggleswitch-disabled-background: var(--p-form-field-disabled-background); --p-toggleswitch-hover-background: var(--p-surface-400); --p-toggleswitch-checked-background: var(--p-primary-color); --p-toggleswitch-checked-hover-background: var(--p-primary-hover-color); }
:root { --p-dialog-footer-padding: var(--p-overlay-modal-padding); --p-dialog-footer-gap: 0.5rem; --p-dialog-content-padding: 0 var(--p-overlay-modal-padding) var(--p-overlay-modal-padding) var(--p-overlay-modal-padding); --p-dialog-title-font-size: 1.25rem; --p-dialog-title-font-weight: 600; --p-dialog-header-padding: var(--p-overlay-modal-padding); --p-dialog-header-gap: 0.5rem; --p-dialog-background: var(--p-overlay-modal-background); --p-dialog-border-color: var(--p-overlay-modal-border-color); --p-dialog-color: var(--p-overlay-modal-color); --p-dialog-border-radius: var(--p-overlay-modal-border-radius); --p-dialog-shadow: var(--p-overlay-modal-shadow); }
:root { --p-confirmdialog-content-gap: 1rem; --p-confirmdialog-icon-size: 2rem; --p-confirmdialog-icon-color: var(--p-overlay-modal-color); }
:root { --p-autocomplete-empty-message-padding: var(--p-list-option-padding); --p-autocomplete-chip-border-radius: var(--p-border-radius-sm); --p-autocomplete-dropdown-width: 2.5rem; --p-autocomplete-dropdown-border-color: var(--p-form-field-border-color); --p-autocomplete-dropdown-hover-border-color: var(--p-form-field-border-color); --p-autocomplete-dropdown-active-border-color: var(--p-form-field-border-color); --p-autocomplete-dropdown-border-radius: var(--p-form-field-border-radius); --p-autocomplete-dropdown-focus-ring-width: var(--p-focus-ring-width); --p-autocomplete-dropdown-focus-ring-style: var(--p-focus-ring-style); --p-autocomplete-dropdown-focus-ring-color: var(--p-focus-ring-color); --p-autocomplete-dropdown-focus-ring-offset: var(--p-focus-ring-offset); --p-autocomplete-dropdown-focus-ring-shadow: var(--p-focus-ring-shadow); --p-autocomplete-dropdown-lg-width: 3rem; --p-autocomplete-dropdown-sm-width: 2rem; --p-autocomplete-option-group-background: var(--p-list-option-group-background); --p-autocomplete-option-group-color: var(--p-list-option-group-color); --p-autocomplete-option-group-font-weight: var(--p-list-option-group-font-weight); --p-autocomplete-option-group-padding: var(--p-list-option-group-padding); --p-autocomplete-option-focus-background: var(--p-list-option-focus-background); --p-autocomplete-option-selected-background: var(--p-list-option-selected-background); --p-autocomplete-option-selected-focus-background: var(--p-list-option-selected-focus-background); --p-autocomplete-option-color: var(--p-list-option-color); --p-autocomplete-option-focus-color: var(--p-list-option-focus-color); --p-autocomplete-option-selected-color: var(--p-list-option-selected-color); --p-autocomplete-option-selected-focus-color: var(--p-list-option-selected-focus-color); --p-autocomplete-option-padding: var(--p-list-option-padding); --p-autocomplete-option-border-radius: var(--p-list-option-border-radius); --p-autocomplete-list-padding: var(--p-list-padding); --p-autocomplete-list-gap: var(--p-list-gap); --p-autocomplete-overlay-background: var(--p-overlay-select-background); --p-autocomplete-overlay-border-color: var(--p-overlay-select-border-color); --p-autocomplete-overlay-border-radius: var(--p-overlay-select-border-radius); --p-autocomplete-overlay-color: var(--p-overlay-select-color); --p-autocomplete-overlay-shadow: var(--p-overlay-select-shadow); --p-autocomplete-background: var(--p-form-field-background); --p-autocomplete-disabled-background: var(--p-form-field-disabled-background); --p-autocomplete-filled-background: var(--p-form-field-filled-background); --p-autocomplete-filled-hover-background: var(--p-form-field-filled-hover-background); --p-autocomplete-filled-focus-background: var(--p-form-field-filled-focus-background); --p-autocomplete-border-color: var(--p-form-field-border-color); --p-autocomplete-hover-border-color: var(--p-form-field-hover-border-color); --p-autocomplete-focus-border-color: var(--p-form-field-focus-border-color); --p-autocomplete-invalid-border-color: var(--p-form-field-invalid-border-color); --p-autocomplete-color: var(--p-form-field-color); --p-autocomplete-disabled-color: var(--p-form-field-disabled-color); --p-autocomplete-placeholder-color: var(--p-form-field-placeholder-color); --p-autocomplete-invalid-placeholder-color: var(--p-form-field-invalid-placeholder-color); --p-autocomplete-shadow: var(--p-form-field-shadow); --p-autocomplete-padding-x: var(--p-form-field-padding-x); --p-autocomplete-padding-y: var(--p-form-field-padding-y); --p-autocomplete-border-radius: var(--p-form-field-border-radius); --p-autocomplete-transition-duration: var(--p-form-field-transition-duration); --p-autocomplete-focus-ring-width: var(--p-form-field-focus-ring-width); --p-autocomplete-focus-ring-style: var(--p-form-field-focus-ring-style); --p-autocomplete-focus-ring-color: var(--p-form-field-focus-ring-color); --p-autocomplete-focus-ring-offset: var(--p-form-field-focus-ring-offset); --p-autocomplete-focus-ring-shadow: var(--p-form-field-focus-ring-shadow); --p-autocomplete-dropdown-background: var(--p-surface-100); --p-autocomplete-dropdown-hover-background: var(--p-surface-200); --p-autocomplete-dropdown-active-background: var(--p-surface-300); --p-autocomplete-dropdown-color: var(--p-surface-600); --p-autocomplete-dropdown-hover-color: var(--p-surface-700); --p-autocomplete-dropdown-active-color: var(--p-surface-800); --p-autocomplete-chip-focus-background: var(--p-surface-200); --p-autocomplete-chip-focus-color: var(--p-surface-800); }
.p-autocomplete-dropdown:not(:disabled):hover { background: var(--p-autocomplete-dropdown-hover-background); border-color: var(--p-autocomplete-dropdown-hover-border-color); color: var(--p-autocomplete-dropdown-hover-color); }
.p-autocomplete-dropdown:not(:disabled):active { background: var(--p-autocomplete-dropdown-active-background); border-color: var(--p-autocomplete-dropdown-active-border-color); color: var(--p-autocomplete-dropdown-active-color); }
:root { --p-button-border-radius: var(--p-form-field-border-radius); --p-button-rounded-border-radius: 2rem; --p-button-gap: 0.5rem; --p-button-padding-x: var(--p-form-field-padding-x); --p-button-padding-y: var(--p-form-field-padding-y); --p-button-icon-only-width: 2.5rem; --p-button-raised-shadow: 0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12); --p-button-badge-size: 1rem; --p-button-transition-duration: var(--p-form-field-transition-duration); --p-button-focus-ring-width: var(--p-focus-ring-width); --p-button-focus-ring-style: var(--p-focus-ring-style); --p-button-focus-ring-offset: var(--p-focus-ring-offset); --p-button-label-font-weight: 500; --p-button-lg-font-size: var(--p-form-field-lg-font-size); --p-button-lg-padding-x: var(--p-form-field-lg-padding-x); --p-button-lg-padding-y: var(--p-form-field-lg-padding-y); --p-button-lg-icon-only-width: 3rem; --p-button-sm-font-size: var(--p-form-field-sm-font-size); --p-button-sm-padding-x: var(--p-form-field-sm-padding-x); --p-button-sm-padding-y: var(--p-form-field-sm-padding-y); --p-button-sm-icon-only-width: 2rem; --p-button-link-color: var(--p-primary-color); --p-button-link-hover-color: var(--p-primary-color); --p-button-link-active-color: var(--p-primary-color); --p-button-text-plain-hover-background: var(--p-surface-50); --p-button-text-plain-active-background: var(--p-surface-100); --p-button-text-plain-color: var(--p-surface-700); --p-button-text-contrast-hover-background: var(--p-surface-50); --p-button-text-contrast-active-background: var(--p-surface-100); --p-button-text-contrast-color: var(--p-surface-950); --p-button-text-danger-hover-background: var(--p-red-50); --p-button-text-danger-active-background: var(--p-red-100); --p-button-text-danger-color: var(--p-red-500); --p-button-text-help-hover-background: var(--p-purple-50); --p-button-text-help-active-background: var(--p-purple-100); --p-button-text-help-color: var(--p-purple-500); --p-button-text-warn-hover-background: var(--p-orange-50); --p-button-text-warn-active-background: var(--p-orange-100); --p-button-text-warn-color: var(--p-orange-500); --p-button-text-info-hover-background: var(--p-sky-50); --p-button-text-info-active-background: var(--p-sky-100); --p-button-text-info-color: var(--p-sky-500); --p-button-text-success-hover-background: var(--p-green-50); --p-button-text-success-active-background: var(--p-green-100); --p-button-text-success-color: var(--p-green-500); --p-button-text-secondary-hover-background: var(--p-surface-50); --p-button-text-secondary-active-background: var(--p-surface-100); --p-button-text-secondary-color: var(--p-surface-500); --p-button-text-primary-hover-background: var(--p-primary-50); --p-button-text-primary-active-background: var(--p-primary-100); --p-button-text-primary-color: var(--p-primary-color); --p-button-outlined-plain-hover-background: var(--p-surface-50); --p-button-outlined-plain-active-background: var(--p-surface-100); --p-button-outlined-plain-border-color: var(--p-surface-200); --p-button-outlined-plain-color: var(--p-surface-700); --p-button-outlined-contrast-hover-background: var(--p-surface-50); --p-button-outlined-contrast-active-background: var(--p-surface-100); --p-button-outlined-contrast-border-color: var(--p-surface-700); --p-button-outlined-contrast-color: var(--p-surface-950); --p-button-outlined-danger-hover-background: var(--p-red-50); --p-button-outlined-danger-active-background: var(--p-red-100); --p-button-outlined-danger-border-color: var(--p-red-200); --p-button-outlined-danger-color: var(--p-red-500); --p-button-outlined-help-hover-background: var(--p-purple-50); --p-button-outlined-help-active-background: var(--p-purple-100); --p-button-outlined-help-border-color: var(--p-purple-200); --p-button-outlined-help-color: var(--p-purple-500); --p-button-outlined-warn-hover-background: var(--p-orange-50); --p-button-outlined-warn-active-background: var(--p-orange-100); --p-button-outlined-warn-border-color: var(--p-orange-200); --p-button-outlined-warn-color: var(--p-orange-500); --p-button-outlined-info-hover-background: var(--p-sky-50); --p-button-outlined-info-active-background: var(--p-sky-100); --p-button-outlined-info-border-color: var(--p-sky-200); --p-button-outlined-info-color: var(--p-sky-500); --p-button-outlined-success-hover-background: var(--p-green-50); --p-button-outlined-success-active-background: var(--p-green-100); --p-button-outlined-success-border-color: var(--p-green-200); --p-button-outlined-success-color: var(--p-green-500); --p-button-outlined-secondary-hover-background: var(--p-surface-50); --p-button-outlined-secondary-active-background: var(--p-surface-100); --p-button-outlined-secondary-border-color: var(--p-surface-200); --p-button-outlined-secondary-color: var(--p-surface-500); --p-button-outlined-primary-hover-background: var(--p-primary-50); --p-button-outlined-primary-active-background: var(--p-primary-100); --p-button-outlined-primary-border-color: var(--p-primary-200); --p-button-outlined-primary-color: var(--p-primary-color); --p-button-contrast-background: var(--p-surface-950); --p-button-contrast-hover-background: var(--p-surface-900); --p-button-contrast-active-background: var(--p-surface-800); --p-button-contrast-border-color: var(--p-surface-950); --p-button-contrast-hover-border-color: var(--p-surface-900); --p-button-contrast-active-border-color: var(--p-surface-800); --p-button-contrast-color: var(--p-surface-0); --p-button-contrast-hover-color: var(--p-surface-0); --p-button-contrast-active-color: var(--p-surface-0); --p-button-contrast-focus-ring-color: var(--p-surface-950); --p-button-contrast-focus-ring-shadow: none; --p-button-danger-background: var(--p-red-500); --p-button-danger-hover-background: var(--p-red-600); --p-button-danger-active-background: var(--p-red-700); --p-button-danger-border-color: var(--p-red-500); --p-button-danger-hover-border-color: var(--p-red-600); --p-button-danger-active-border-color: var(--p-red-700); --p-button-danger-color: #ffffff; --p-button-danger-hover-color: #ffffff; --p-button-danger-active-color: #ffffff; --p-button-danger-focus-ring-color: var(--p-red-500); --p-button-danger-focus-ring-shadow: none; --p-button-help-background: var(--p-purple-500); --p-button-help-hover-background: var(--p-purple-600); --p-button-help-active-background: var(--p-purple-700); --p-button-help-border-color: var(--p-purple-500); --p-button-help-hover-border-color: var(--p-purple-600); --p-button-help-active-border-color: var(--p-purple-700); --p-button-help-color: #ffffff; --p-button-help-hover-color: #ffffff; --p-button-help-active-color: #ffffff; --p-button-help-focus-ring-color: var(--p-purple-500); --p-button-help-focus-ring-shadow: none; --p-button-warn-background: var(--p-orange-500); --p-button-warn-hover-background: var(--p-orange-600); --p-button-warn-active-background: var(--p-orange-700); --p-button-warn-border-color: var(--p-orange-500); --p-button-warn-hover-border-color: var(--p-orange-600); --p-button-warn-active-border-color: var(--p-orange-700); --p-button-warn-color: #ffffff; --p-button-warn-hover-color: #ffffff; --p-button-warn-active-color: #ffffff; --p-button-warn-focus-ring-color: var(--p-orange-500); --p-button-warn-focus-ring-shadow: none; --p-button-success-background: var(--p-green-500); --p-button-success-hover-background: var(--p-green-600); --p-button-success-active-background: var(--p-green-700); --p-button-success-border-color: var(--p-green-500); --p-button-success-hover-border-color: var(--p-green-600); --p-button-success-active-border-color: var(--p-green-700); --p-button-success-color: #ffffff; --p-button-success-hover-color: #ffffff; --p-button-success-active-color: #ffffff; --p-button-success-focus-ring-color: var(--p-green-500); --p-button-success-focus-ring-shadow: none; --p-button-info-background: var(--p-sky-500); --p-button-info-hover-background: var(--p-sky-600); --p-button-info-active-background: var(--p-sky-700); --p-button-info-border-color: var(--p-sky-500); --p-button-info-hover-border-color: var(--p-sky-600); --p-button-info-active-border-color: var(--p-sky-700); --p-button-info-color: #ffffff; --p-button-info-hover-color: #ffffff; --p-button-info-active-color: #ffffff; --p-button-info-focus-ring-color: var(--p-sky-500); --p-button-info-focus-ring-shadow: none; --p-button-secondary-background: var(--p-surface-100); --p-button-secondary-hover-background: var(--p-surface-200); --p-button-secondary-active-background: var(--p-surface-300); --p-button-secondary-border-color: var(--p-surface-100); --p-button-secondary-hover-border-color: var(--p-surface-200); --p-button-secondary-active-border-color: var(--p-surface-300); --p-button-secondary-color: var(--p-surface-600); --p-button-secondary-hover-color: var(--p-surface-700); --p-button-secondary-active-color: var(--p-surface-800); --p-button-secondary-focus-ring-color: var(--p-surface-600); --p-button-secondary-focus-ring-shadow: none; --p-button-primary-background: var(--p-primary-color); --p-button-primary-hover-background: var(--p-primary-hover-color); --p-button-primary-active-background: var(--p-primary-active-color); --p-button-primary-border-color: var(--p-primary-color); --p-button-primary-hover-border-color: var(--p-primary-hover-color); --p-button-primary-active-border-color: var(--p-primary-active-color); --p-button-primary-color: var(--p-primary-contrast-color); --p-button-primary-hover-color: var(--p-primary-contrast-color); --p-button-primary-active-color: var(--p-primary-contrast-color); --p-button-primary-focus-ring-color: var(--p-primary-color); --p-button-primary-focus-ring-shadow: none; }
.p-button:not(:disabled):hover { background: var(--p-button-primary-hover-background); border: 1px solid var(--p-button-primary-hover-border-color); color: var(--p-button-primary-hover-color); }
.p-button:not(:disabled):active { background: var(--p-button-primary-active-background); border: 1px solid var(--p-button-primary-active-border-color); color: var(--p-button-primary-active-color); }
.p-button-secondary:not(:disabled):hover { background: var(--p-button-secondary-hover-background); border: 1px solid var(--p-button-secondary-hover-border-color); color: var(--p-button-secondary-hover-color); }
.p-button-secondary:not(:disabled):active { background: var(--p-button-secondary-active-background); border: 1px solid var(--p-button-secondary-active-border-color); color: var(--p-button-secondary-active-color); }
.p-button-success:not(:disabled):hover { background: var(--p-button-success-hover-background); border: 1px solid var(--p-button-success-hover-border-color); color: var(--p-button-success-hover-color); }
.p-button-success:not(:disabled):active { background: var(--p-button-success-active-background); border: 1px solid var(--p-button-success-active-border-color); color: var(--p-button-success-active-color); }
.p-button-info:not(:disabled):hover { background: var(--p-button-info-hover-background); border: 1px solid var(--p-button-info-hover-border-color); color: var(--p-button-info-hover-color); }
.p-button-info:not(:disabled):active { background: var(--p-button-info-active-background); border: 1px solid var(--p-button-info-active-border-color); color: var(--p-button-info-active-color); }
.p-button-warn:not(:disabled):hover { background: var(--p-button-warn-hover-background); border: 1px solid var(--p-button-warn-hover-border-color); color: var(--p-button-warn-hover-color); }
.p-button-warn:not(:disabled):active { background: var(--p-button-warn-active-background); border: 1px solid var(--p-button-warn-active-border-color); color: var(--p-button-warn-active-color); }
.p-button-help:not(:disabled):hover { background: var(--p-button-help-hover-background); border: 1px solid var(--p-button-help-hover-border-color); color: var(--p-button-help-hover-color); }
.p-button-help:not(:disabled):active { background: var(--p-button-help-active-background); border: 1px solid var(--p-button-help-active-border-color); color: var(--p-button-help-active-color); }
.p-button-danger:not(:disabled):hover { background: var(--p-button-danger-hover-background); border: 1px solid var(--p-button-danger-hover-border-color); color: var(--p-button-danger-hover-color); }
.p-button-danger:not(:disabled):active { background: var(--p-button-danger-active-background); border: 1px solid var(--p-button-danger-active-border-color); color: var(--p-button-danger-active-color); }
.p-button-contrast:not(:disabled):hover { background: var(--p-button-contrast-hover-background); border: 1px solid var(--p-button-contrast-hover-border-color); color: var(--p-button-contrast-hover-color); }
.p-button-contrast:not(:disabled):active { background: var(--p-button-contrast-active-background); border: 1px solid var(--p-button-contrast-active-border-color); color: var(--p-button-contrast-active-color); }
.p-button-outlined:not(:disabled):hover { background: var(--p-button-outlined-primary-hover-background); border-color: var(--p-button-outlined-primary-border-color); color: var(--p-button-outlined-primary-color); }
.p-button-outlined:not(:disabled):active { background: var(--p-button-outlined-primary-active-background); border-color: var(--p-button-outlined-primary-border-color); color: var(--p-button-outlined-primary-color); }
.p-button-outlined.p-button-secondary:not(:disabled):hover { background: var(--p-button-outlined-secondary-hover-background); border-color: var(--p-button-outlined-secondary-border-color); color: var(--p-button-outlined-secondary-color); }
.p-button-outlined.p-button-secondary:not(:disabled):active { background: var(--p-button-outlined-secondary-active-background); border-color: var(--p-button-outlined-secondary-border-color); color: var(--p-button-outlined-secondary-color); }
.p-button-outlined.p-button-success:not(:disabled):hover { background: var(--p-button-outlined-success-hover-background); border-color: var(--p-button-outlined-success-border-color); color: var(--p-button-outlined-success-color); }
.p-button-outlined.p-button-success:not(:disabled):active { background: var(--p-button-outlined-success-active-background); border-color: var(--p-button-outlined-success-border-color); color: var(--p-button-outlined-success-color); }
.p-button-outlined.p-button-info:not(:disabled):hover { background: var(--p-button-outlined-info-hover-background); border-color: var(--p-button-outlined-info-border-color); color: var(--p-button-outlined-info-color); }
.p-button-outlined.p-button-info:not(:disabled):active { background: var(--p-button-outlined-info-active-background); border-color: var(--p-button-outlined-info-border-color); color: var(--p-button-outlined-info-color); }
.p-button-outlined.p-button-warn:not(:disabled):hover { background: var(--p-button-outlined-warn-hover-background); border-color: var(--p-button-outlined-warn-border-color); color: var(--p-button-outlined-warn-color); }
.p-button-outlined.p-button-warn:not(:disabled):active { background: var(--p-button-outlined-warn-active-background); border-color: var(--p-button-outlined-warn-border-color); color: var(--p-button-outlined-warn-color); }
.p-button-outlined.p-button-help:not(:disabled):hover { background: var(--p-button-outlined-help-hover-background); border-color: var(--p-button-outlined-help-border-color); color: var(--p-button-outlined-help-color); }
.p-button-outlined.p-button-help:not(:disabled):active { background: var(--p-button-outlined-help-active-background); border-color: var(--p-button-outlined-help-border-color); color: var(--p-button-outlined-help-color); }
.p-button-outlined.p-button-danger:not(:disabled):hover { background: var(--p-button-outlined-danger-hover-background); border-color: var(--p-button-outlined-danger-border-color); color: var(--p-button-outlined-danger-color); }
.p-button-outlined.p-button-danger:not(:disabled):active { background: var(--p-button-outlined-danger-active-background); border-color: var(--p-button-outlined-danger-border-color); color: var(--p-button-outlined-danger-color); }
.p-button-outlined.p-button-contrast:not(:disabled):hover { background: var(--p-button-outlined-contrast-hover-background); border-color: var(--p-button-outlined-contrast-border-color); color: var(--p-button-outlined-contrast-color); }
.p-button-outlined.p-button-contrast:not(:disabled):active { background: var(--p-button-outlined-contrast-active-background); border-color: var(--p-button-outlined-contrast-border-color); color: var(--p-button-outlined-contrast-color); }
.p-button-outlined.p-button-plain:not(:disabled):hover { background: var(--p-button-outlined-plain-hover-background); border-color: var(--p-button-outlined-plain-border-color); color: var(--p-button-outlined-plain-color); }
.p-button-outlined.p-button-plain:not(:disabled):active { background: var(--p-button-outlined-plain-active-background); border-color: var(--p-button-outlined-plain-border-color); color: var(--p-button-outlined-plain-color); }
.p-button-text:not(:disabled):hover { background: var(--p-button-text-primary-hover-background); border-color: transparent; color: var(--p-button-text-primary-color); }
.p-button-text:not(:disabled):active { background: var(--p-button-text-primary-active-background); border-color: transparent; color: var(--p-button-text-primary-color); }
.p-button-text.p-button-secondary:not(:disabled):hover { background: var(--p-button-text-secondary-hover-background); border-color: transparent; color: var(--p-button-text-secondary-color); }
.p-button-text.p-button-secondary:not(:disabled):active { background: var(--p-button-text-secondary-active-background); border-color: transparent; color: var(--p-button-text-secondary-color); }
.p-button-text.p-button-success:not(:disabled):hover { background: var(--p-button-text-success-hover-background); border-color: transparent; color: var(--p-button-text-success-color); }
.p-button-text.p-button-success:not(:disabled):active { background: var(--p-button-text-success-active-background); border-color: transparent; color: var(--p-button-text-success-color); }
.p-button-text.p-button-info:not(:disabled):hover { background: var(--p-button-text-info-hover-background); border-color: transparent; color: var(--p-button-text-info-color); }
.p-button-text.p-button-info:not(:disabled):active { background: var(--p-button-text-info-active-background); border-color: transparent; color: var(--p-button-text-info-color); }
.p-button-text.p-button-warn:not(:disabled):hover { background: var(--p-button-text-warn-hover-background); border-color: transparent; color: var(--p-button-text-warn-color); }
.p-button-text.p-button-warn:not(:disabled):active { background: var(--p-button-text-warn-active-background); border-color: transparent; color: var(--p-button-text-warn-color); }
.p-button-text.p-button-help:not(:disabled):hover { background: var(--p-button-text-help-hover-background); border-color: transparent; color: var(--p-button-text-help-color); }
.p-button-text.p-button-help:not(:disabled):active { background: var(--p-button-text-help-active-background); border-color: transparent; color: var(--p-button-text-help-color); }
.p-button-text.p-button-danger:not(:disabled):hover { background: var(--p-button-text-danger-hover-background); border-color: transparent; color: var(--p-button-text-danger-color); }
.p-button-text.p-button-danger:not(:disabled):active { background: var(--p-button-text-danger-active-background); border-color: transparent; color: var(--p-button-text-danger-color); }
.p-button-text.p-button-contrast:not(:disabled):hover { background: var(--p-button-text-contrast-hover-background); border-color: transparent; color: var(--p-button-text-contrast-color); }
.p-button-text.p-button-contrast:not(:disabled):active { background: var(--p-button-text-contrast-active-background); border-color: transparent; color: var(--p-button-text-contrast-color); }
.p-button-text.p-button-plain:not(:disabled):hover { background: var(--p-button-text-plain-hover-background); border-color: transparent; color: var(--p-button-text-plain-color); }
.p-button-text.p-button-plain:not(:disabled):active { background: var(--p-button-text-plain-active-background); border-color: transparent; color: var(--p-button-text-plain-color); }
.p-button-link:not(:disabled):hover { background: transparent; border-color: transparent; color: var(--p-button-link-hover-color); }
.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; }
.p-button-link:not(:disabled):active { background: transparent; border-color: transparent; color: var(--p-button-link-active-color); }
:root { --p-checkbox-icon-size: 0.875rem; --p-checkbox-icon-color: var(--p-form-field-color); --p-checkbox-icon-checked-color: var(--p-primary-contrast-color); --p-checkbox-icon-checked-hover-color: var(--p-primary-contrast-color); --p-checkbox-icon-disabled-color: var(--p-form-field-disabled-color); --p-checkbox-icon-lg-size: 1rem; --p-checkbox-icon-sm-size: 0.75rem; --p-checkbox-border-radius: var(--p-border-radius-sm); --p-checkbox-width: 1.25rem; --p-checkbox-height: 1.25rem; --p-checkbox-background: var(--p-form-field-background); --p-checkbox-checked-background: var(--p-primary-color); --p-checkbox-checked-hover-background: var(--p-primary-hover-color); --p-checkbox-disabled-background: var(--p-form-field-disabled-background); --p-checkbox-filled-background: var(--p-form-field-filled-background); --p-checkbox-border-color: var(--p-form-field-border-color); --p-checkbox-hover-border-color: var(--p-form-field-hover-border-color); --p-checkbox-focus-border-color: var(--p-form-field-border-color); --p-checkbox-checked-border-color: var(--p-primary-color); --p-checkbox-checked-hover-border-color: var(--p-primary-hover-color); --p-checkbox-checked-focus-border-color: var(--p-primary-color); --p-checkbox-checked-disabled-border-color: var(--p-form-field-border-color); --p-checkbox-invalid-border-color: var(--p-form-field-invalid-border-color); --p-checkbox-shadow: var(--p-form-field-shadow); --p-checkbox-transition-duration: var(--p-form-field-transition-duration); --p-checkbox-lg-width: 1.5rem; --p-checkbox-lg-height: 1.5rem; --p-checkbox-sm-width: 1rem; --p-checkbox-sm-height: 1rem; --p-checkbox-focus-ring-width: var(--p-focus-ring-width); --p-checkbox-focus-ring-style: var(--p-focus-ring-style); --p-checkbox-focus-ring-color: var(--p-focus-ring-color); --p-checkbox-focus-ring-offset: var(--p-focus-ring-offset); --p-checkbox-focus-ring-shadow: var(--p-focus-ring-shadow); }
:root { --p-chip-remove-icon-size: 1rem; --p-chip-remove-icon-focus-ring-width: var(--p-focus-ring-width); --p-chip-remove-icon-focus-ring-style: var(--p-focus-ring-style); --p-chip-remove-icon-focus-ring-color: var(--p-focus-ring-color); --p-chip-remove-icon-focus-ring-offset: var(--p-focus-ring-offset); --p-chip-remove-icon-focus-ring-shadow: var(--p-form-field-focus-ring-shadow); --p-chip-icon-size: 1rem; --p-chip-image-width: 2rem; --p-chip-image-height: 2rem; --p-chip-border-radius: 16px; --p-chip-padding-x: 0.75rem; --p-chip-padding-y: 0.5rem; --p-chip-gap: 0.5rem; --p-chip-transition-duration: var(--p-transition-duration); --p-chip-remove-icon-color: var(--p-surface-800); --p-chip-icon-color: var(--p-surface-800); --p-chip-background: var(--p-surface-100); --p-chip-color: var(--p-surface-800); }
:root { --p-colorpicker-panel-shadow: var(--p-overlay-popover-shadow); --p-colorpicker-panel-border-radius: var(--p-overlay-popover-border-radius); --p-colorpicker-preview-width: 1.5rem; --p-colorpicker-preview-height: 1.5rem; --p-colorpicker-preview-border-radius: var(--p-form-field-border-radius); --p-colorpicker-preview-focus-ring-width: var(--p-focus-ring-width); --p-colorpicker-preview-focus-ring-style: var(--p-focus-ring-style); --p-colorpicker-preview-focus-ring-color: var(--p-focus-ring-color); --p-colorpicker-preview-focus-ring-offset: var(--p-focus-ring-offset); --p-colorpicker-preview-focus-ring-shadow: var(--p-focus-ring-shadow); --p-colorpicker-transition-duration: var(--p-transition-duration); --p-colorpicker-handle-color: var(--p-surface-0); --p-colorpicker-panel-background: var(--p-surface-800); --p-colorpicker-panel-border-color: var(--p-surface-900); }
:root { --p-datepicker-time-picker-padding: 0.5rem 0 0 0; --p-datepicker-time-picker-border-color: var(--p-content-border-color); --p-datepicker-time-picker-gap: 0.5rem; --p-datepicker-time-picker-button-gap: 0.25rem; --p-datepicker-buttonbar-padding: 0.5rem 0 0 0; --p-datepicker-buttonbar-border-color: var(--p-content-border-color); --p-datepicker-year-padding: 0.375rem; --p-datepicker-year-border-radius: var(--p-content-border-radius); --p-datepicker-year-view-margin: 0.5rem 0 0 0; --p-datepicker-month-padding: 0.375rem; --p-datepicker-month-border-radius: var(--p-content-border-radius); --p-datepicker-month-view-margin: 0.5rem 0 0 0; --p-datepicker-date-hover-background: var(--p-content-hover-background); --p-datepicker-date-selected-background: var(--p-primary-color); --p-datepicker-date-range-selected-background: var(--p-highlight-background); --p-datepicker-date-color: var(--p-content-color); --p-datepicker-date-hover-color: var(--p-content-hover-color); --p-datepicker-date-selected-color: var(--p-primary-contrast-color); --p-datepicker-date-range-selected-color: var(--p-highlight-color); --p-datepicker-date-width: 2rem; --p-datepicker-date-height: 2rem; --p-datepicker-date-border-radius: 50%; --p-datepicker-date-padding: 0.25rem; --p-datepicker-date-focus-ring-width: var(--p-focus-ring-width); --p-datepicker-date-focus-ring-style: var(--p-focus-ring-style); --p-datepicker-date-focus-ring-color: var(--p-focus-ring-color); --p-datepicker-date-focus-ring-offset: var(--p-focus-ring-offset); --p-datepicker-date-focus-ring-shadow: var(--p-focus-ring-shadow); --p-datepicker-week-day-padding: 0.25rem; --p-datepicker-week-day-font-weight: 500; --p-datepicker-week-day-color: var(--p-content-color); --p-datepicker-day-view-margin: 0.5rem 0 0 0; --p-datepicker-group-border-color: var(--p-content-border-color); --p-datepicker-group-gap: var(--p-overlay-popover-padding); --p-datepicker-select-year-hover-background: var(--p-content-hover-background); --p-datepicker-select-year-color: var(--p-content-color); --p-datepicker-select-year-hover-color: var(--p-content-hover-color); --p-datepicker-select-year-padding: 0.25rem 0.5rem; --p-datepicker-select-year-border-radius: var(--p-content-border-radius); --p-datepicker-select-month-hover-background: var(--p-content-hover-background); --p-datepicker-select-month-color: var(--p-content-color); --p-datepicker-select-month-hover-color: var(--p-content-hover-color); --p-datepicker-select-month-padding: 0.25rem 0.5rem; --p-datepicker-select-month-border-radius: var(--p-content-border-radius); --p-datepicker-input-icon-color: var(--p-form-field-icon-color); --p-datepicker-dropdown-width: 2.5rem; --p-datepicker-dropdown-border-color: var(--p-form-field-border-color); --p-datepicker-dropdown-hover-border-color: var(--p-form-field-border-color); --p-datepicker-dropdown-active-border-color: var(--p-form-field-border-color); --p-datepicker-dropdown-border-radius: var(--p-form-field-border-radius); --p-datepicker-dropdown-focus-ring-width: var(--p-focus-ring-width); --p-datepicker-dropdown-focus-ring-style: var(--p-focus-ring-style); --p-datepicker-dropdown-focus-ring-color: var(--p-focus-ring-color); --p-datepicker-dropdown-focus-ring-offset: var(--p-focus-ring-offset); --p-datepicker-dropdown-focus-ring-shadow: var(--p-focus-ring-shadow); --p-datepicker-dropdown-lg-width: 3rem; --p-datepicker-dropdown-sm-width: 2rem; --p-datepicker-title-gap: 0.5rem; --p-datepicker-title-font-weight: 500; --p-datepicker-header-background: var(--p-content-background); --p-datepicker-header-border-color: var(--p-content-border-color); --p-datepicker-header-color: var(--p-content-color); --p-datepicker-header-padding: 0 0 0.5rem 0; --p-datepicker-panel-background: var(--p-content-background); --p-datepicker-panel-border-color: var(--p-content-border-color); --p-datepicker-panel-color: var(--p-content-color); --p-datepicker-panel-border-radius: var(--p-content-border-radius); --p-datepicker-panel-shadow: var(--p-overlay-popover-shadow); --p-datepicker-panel-padding: var(--p-overlay-popover-padding); --p-datepicker-transition-duration: var(--p-transition-duration); --p-datepicker-today-background: var(--p-surface-200); --p-datepicker-today-color: var(--p-surface-900); --p-datepicker-dropdown-background: var(--p-surface-100); --p-datepicker-dropdown-hover-background: var(--p-surface-200); --p-datepicker-dropdown-active-background: var(--p-surface-300); --p-datepicker-dropdown-color: var(--p-surface-600); --p-datepicker-dropdown-hover-color: var(--p-surface-700); --p-datepicker-dropdown-active-color: var(--p-surface-800); }
.p-datepicker-dropdown:not(:disabled):hover { background: var(--p-datepicker-dropdown-hover-background); border-color: var(--p-datepicker-dropdown-hover-border-color); color: var(--p-datepicker-dropdown-hover-color); }
.p-datepicker-dropdown:not(:disabled):active { background: var(--p-datepicker-dropdown-active-background); border-color: var(--p-datepicker-dropdown-active-border-color); color: var(--p-datepicker-dropdown-active-color); }
.p-datepicker-month:not(.p-disabled):focus-visible { box-shadow: var(--p-datepicker-date-focus-ring-shadow); outline: var(--p-datepicker-date-focus-ring-width) var(--p-datepicker-date-focus-ring-style) var(--p-datepicker-date-focus-ring-color); outline-offset: var(--p-datepicker-date-focus-ring-offset); }
.p-datepicker-year:not(.p-disabled):focus-visible { box-shadow: var(--p-datepicker-date-focus-ring-shadow); outline: var(--p-datepicker-date-focus-ring-width) var(--p-datepicker-date-focus-ring-style) var(--p-datepicker-date-focus-ring-color); outline-offset: var(--p-datepicker-date-focus-ring-offset); }
:root { --p-inputnumber-button-width: 2.5rem; --p-inputnumber-button-border-radius: var(--p-form-field-border-radius); --p-inputnumber-button-vertical-padding: var(--p-form-field-padding-y); --p-inputnumber-transition-duration: var(--p-transition-duration); --p-inputnumber-button-background: transparent; --p-inputnumber-button-hover-background: var(--p-surface-100); --p-inputnumber-button-active-background: var(--p-surface-200); --p-inputnumber-button-border-color: var(--p-form-field-border-color); --p-inputnumber-button-hover-border-color: var(--p-form-field-border-color); --p-inputnumber-button-active-border-color: var(--p-form-field-border-color); --p-inputnumber-button-color: var(--p-surface-400); --p-inputnumber-button-hover-color: var(--p-surface-500); --p-inputnumber-button-active-color: var(--p-surface-600); }
.p-inputnumber-button:not(:disabled):hover { background: var(--p-inputnumber-button-hover-background); color: var(--p-inputnumber-button-hover-color); }
.p-inputnumber-button:not(:disabled):active { background: var(--p-inputnumber-button-active-background); color: var(--p-inputnumber-button-active-color); }
:root { --p-inputotp-input-width: 2.5rem; --p-inputotp-input-lg-width: 3rem; --p-inputotp-input-sm-width: 2rem; --p-inputotp-gap: 0.5rem; }
:root { --p-virtualscroller-loader-icon-size: 2rem; --p-virtualscroller-loader-mask-background: var(--p-content-background); --p-virtualscroller-loader-mask-color: var(--p-text-muted-color); }
:root { --p-listbox-empty-message-padding: var(--p-list-option-padding); --p-listbox-checkmark-color: var(--p-list-option-color); --p-listbox-checkmark-gutter-start: -0.375rem; --p-listbox-checkmark-gutter-end: 0.375rem; --p-listbox-option-group-background: var(--p-list-option-group-background); --p-listbox-option-group-color: var(--p-list-option-group-color); --p-listbox-option-group-font-weight: var(--p-list-option-group-font-weight); --p-listbox-option-group-padding: var(--p-list-option-group-padding); --p-listbox-option-focus-background: var(--p-list-option-focus-background); --p-listbox-option-selected-background: var(--p-list-option-selected-background); --p-listbox-option-selected-focus-background: var(--p-list-option-selected-focus-background); --p-listbox-option-color: var(--p-list-option-color); --p-listbox-option-focus-color: var(--p-list-option-focus-color); --p-listbox-option-selected-color: var(--p-list-option-selected-color); --p-listbox-option-selected-focus-color: var(--p-list-option-selected-focus-color); --p-listbox-option-padding: var(--p-list-option-padding); --p-listbox-option-border-radius: var(--p-list-option-border-radius); --p-listbox-list-padding: var(--p-list-padding); --p-listbox-list-gap: var(--p-list-gap); --p-listbox-list-header-padding: var(--p-list-header-padding); --p-listbox-background: var(--p-form-field-background); --p-listbox-disabled-background: var(--p-form-field-disabled-background); --p-listbox-border-color: var(--p-form-field-border-color); --p-listbox-invalid-border-color: var(--p-form-field-invalid-border-color); --p-listbox-color: var(--p-form-field-color); --p-listbox-disabled-color: var(--p-form-field-disabled-color); --p-listbox-shadow: var(--p-form-field-shadow); --p-listbox-border-radius: var(--p-form-field-border-radius); --p-listbox-transition-duration: var(--p-form-field-transition-duration); --p-listbox-option-striped-background: var(--p-surface-50); }
:root { --p-message-simple-content-padding: 0; --p-message-outlined-border-width: 1px; --p-message-close-icon-size: 1rem; --p-message-close-icon-lg-size: 1.125rem; --p-message-close-icon-sm-size: 0.875rem; --p-message-close-button-width: 1.75rem; --p-message-close-button-height: 1.75rem; --p-message-close-button-border-radius: 50%; --p-message-close-button-focus-ring-width: var(--p-focus-ring-width); --p-message-close-button-focus-ring-style: var(--p-focus-ring-style); --p-message-close-button-focus-ring-offset: var(--p-focus-ring-offset); --p-message-icon-size: 1.125rem; --p-message-icon-lg-size: 1.25rem; --p-message-icon-sm-size: 1rem; --p-message-text-font-size: 1rem; --p-message-text-font-weight: 500; --p-message-text-lg-font-size: 1.125rem; --p-message-text-sm-font-size: 0.875rem; --p-message-content-padding: 0.5rem 0.75rem; --p-message-content-gap: 0.5rem; --p-message-content-lg-padding: 0.625rem 0.875rem; --p-message-content-sm-padding: 0.375rem 0.625rem; --p-message-border-radius: var(--p-content-border-radius); --p-message-border-width: 1px; --p-message-transition-duration: var(--p-transition-duration); --p-message-contrast-background: var(--p-surface-900); --p-message-contrast-border-color: var(--p-surface-950); --p-message-contrast-color: var(--p-surface-50); --p-message-contrast-shadow: 0px 4px 8px 0px color-mix(in srgb,var(--p-surface-950),transparent 96%); --p-message-contrast-simple-color: var(--p-surface-950); --p-message-contrast-outlined-color: var(--p-surface-950); --p-message-contrast-outlined-border-color: var(--p-surface-950); --p-message-contrast-close-button-hover-background: var(--p-surface-800); --p-message-contrast-close-button-focus-ring-color: var(--p-surface-50); --p-message-contrast-close-button-focus-ring-shadow: none; --p-message-secondary-background: var(--p-surface-100); --p-message-secondary-border-color: var(--p-surface-200); --p-message-secondary-color: var(--p-surface-600); --p-message-secondary-shadow: 0px 4px 8px 0px color-mix(in srgb,var(--p-surface-500),transparent 96%); --p-message-secondary-simple-color: var(--p-surface-500); --p-message-secondary-outlined-color: var(--p-surface-500); --p-message-secondary-outlined-border-color: var(--p-surface-500); --p-message-secondary-close-button-hover-background: var(--p-surface-200); --p-message-secondary-close-button-focus-ring-color: var(--p-surface-600); --p-message-secondary-close-button-focus-ring-shadow: none; --p-message-error-background: color-mix(in srgb,var(--p-red-50),transparent 5%); --p-message-error-border-color: var(--p-red-200); --p-message-error-color: var(--p-red-600); --p-message-error-shadow: 0px 4px 8px 0px color-mix(in srgb,var(--p-red-500),transparent 96%); --p-message-error-simple-color: var(--p-red-600); --p-message-error-outlined-color: var(--p-red-600); --p-message-error-outlined-border-color: var(--p-red-600); --p-message-error-close-button-hover-background: var(--p-red-100); --p-message-error-close-button-focus-ring-color: var(--p-red-600); --p-message-error-close-button-focus-ring-shadow: none; --p-message-warn-background: color-mix(in srgb,var(--p-yellow-50),transparent 5%); --p-message-warn-border-color: var(--p-yellow-200); --p-message-warn-color: var(--p-yellow-600); --p-message-warn-shadow: 0px 4px 8px 0px color-mix(in srgb,var(--p-yellow-500),transparent 96%); --p-message-warn-simple-color: var(--p-yellow-600); --p-message-warn-outlined-color: var(--p-yellow-600); --p-message-warn-outlined-border-color: var(--p-yellow-600); --p-message-warn-close-button-hover-background: var(--p-yellow-100); --p-message-warn-close-button-focus-ring-color: var(--p-yellow-600); --p-message-warn-close-button-focus-ring-shadow: none; --p-message-success-background: color-mix(in srgb,var(--p-green-50),transparent 5%); --p-message-success-border-color: var(--p-green-200); --p-message-success-color: var(--p-green-600); --p-message-success-shadow: 0px 4px 8px 0px color-mix(in srgb,var(--p-green-500),transparent 96%); --p-message-success-simple-color: var(--p-green-600); --p-message-success-outlined-color: var(--p-green-600); --p-message-success-outlined-border-color: var(--p-green-600); --p-message-success-close-button-hover-background: var(--p-green-100); --p-message-success-close-button-focus-ring-color: var(--p-green-600); --p-message-success-close-button-focus-ring-shadow: none; --p-message-info-background: color-mix(in srgb,var(--p-blue-50),transparent 5%); --p-message-info-border-color: var(--p-blue-200); --p-message-info-color: var(--p-blue-600); --p-message-info-shadow: 0px 4px 8px 0px color-mix(in srgb,var(--p-blue-500),transparent 96%); --p-message-info-simple-color: var(--p-blue-600); --p-message-info-outlined-color: var(--p-blue-600); --p-message-info-outlined-border-color: var(--p-blue-600); --p-message-info-close-button-hover-background: var(--p-blue-100); --p-message-info-close-button-focus-ring-color: var(--p-blue-600); --p-message-info-close-button-focus-ring-shadow: none; }
:root { --p-multiselect-empty-message-padding: var(--p-list-option-padding); --p-multiselect-clear-icon-color: var(--p-form-field-icon-color); --p-multiselect-chip-border-radius: var(--p-border-radius-sm); --p-multiselect-option-group-background: var(--p-list-option-group-background); --p-multiselect-option-group-color: var(--p-list-option-group-color); --p-multiselect-option-group-font-weight: var(--p-list-option-group-font-weight); --p-multiselect-option-group-padding: var(--p-list-option-group-padding); --p-multiselect-option-focus-background: var(--p-list-option-focus-background); --p-multiselect-option-selected-background: var(--p-list-option-selected-background); --p-multiselect-option-selected-focus-background: var(--p-list-option-selected-focus-background); --p-multiselect-option-color: var(--p-list-option-color); --p-multiselect-option-focus-color: var(--p-list-option-focus-color); --p-multiselect-option-selected-color: var(--p-list-option-selected-color); --p-multiselect-option-selected-focus-color: var(--p-list-option-selected-focus-color); --p-multiselect-option-padding: var(--p-list-option-padding); --p-multiselect-option-border-radius: var(--p-list-option-border-radius); --p-multiselect-option-gap: 0.5rem; --p-multiselect-list-padding: var(--p-list-padding); --p-multiselect-list-gap: var(--p-list-gap); --p-multiselect-list-header-padding: var(--p-list-header-padding); --p-multiselect-overlay-background: var(--p-overlay-select-background); --p-multiselect-overlay-border-color: var(--p-overlay-select-border-color); --p-multiselect-overlay-border-radius: var(--p-overlay-select-border-radius); --p-multiselect-overlay-color: var(--p-overlay-select-color); --p-multiselect-overlay-shadow: var(--p-overlay-select-shadow); --p-multiselect-dropdown-width: 2.5rem; --p-multiselect-dropdown-color: var(--p-form-field-icon-color); --p-multiselect-background: var(--p-form-field-background); --p-multiselect-disabled-background: var(--p-form-field-disabled-background); --p-multiselect-filled-background: var(--p-form-field-filled-background); --p-multiselect-filled-hover-background: var(--p-form-field-filled-hover-background); --p-multiselect-filled-focus-background: var(--p-form-field-filled-focus-background); --p-multiselect-border-color: var(--p-form-field-border-color); --p-multiselect-hover-border-color: var(--p-form-field-hover-border-color); --p-multiselect-focus-border-color: var(--p-form-field-focus-border-color); --p-multiselect-invalid-border-color: var(--p-form-field-invalid-border-color); --p-multiselect-color: var(--p-form-field-color); --p-multiselect-disabled-color: var(--p-form-field-disabled-color); --p-multiselect-placeholder-color: var(--p-form-field-placeholder-color); --p-multiselect-invalid-placeholder-color: var(--p-form-field-invalid-placeholder-color); --p-multiselect-shadow: var(--p-form-field-shadow); --p-multiselect-padding-x: var(--p-form-field-padding-x); --p-multiselect-padding-y: var(--p-form-field-padding-y); --p-multiselect-border-radius: 10px; --p-multiselect-transition-duration: var(--p-form-field-transition-duration); --p-multiselect-lg-font-size: var(--p-form-field-lg-font-size); --p-multiselect-lg-padding-x: var(--p-form-field-lg-padding-x); --p-multiselect-lg-padding-y: var(--p-form-field-lg-padding-y); --p-multiselect-sm-font-size: var(--p-form-field-sm-font-size); --p-multiselect-sm-padding-x: var(--p-form-field-sm-padding-x); --p-multiselect-sm-padding-y: var(--p-form-field-sm-padding-y); --p-multiselect-focus-ring-width: var(--p-form-field-focus-ring-width); --p-multiselect-focus-ring-style: var(--p-form-field-focus-ring-style); --p-multiselect-focus-ring-color: var(--p-form-field-focus-ring-color); --p-multiselect-focus-ring-offset: var(--p-form-field-focus-ring-offset); --p-multiselect-focus-ring-shadow: var(--p-form-field-focus-ring-shadow); }
:root { --p-paginator-jump-to-page-input-max-width: 2.5rem; --p-paginator-current-page-report-color: var(--p-text-muted-color); --p-paginator-nav-button-background: transparent; --p-paginator-nav-button-hover-background: var(--p-content-hover-background); --p-paginator-nav-button-selected-background: var(--p-highlight-background); --p-paginator-nav-button-color: var(--p-text-muted-color); --p-paginator-nav-button-hover-color: var(--p-text-hover-muted-color); --p-paginator-nav-button-selected-color: var(--p-highlight-color); --p-paginator-nav-button-width: 2.5rem; --p-paginator-nav-button-height: 2.5rem; --p-paginator-nav-button-border-radius: 50%; --p-paginator-nav-button-focus-ring-width: var(--p-focus-ring-width); --p-paginator-nav-button-focus-ring-style: var(--p-focus-ring-style); --p-paginator-nav-button-focus-ring-color: var(--p-focus-ring-color); --p-paginator-nav-button-focus-ring-offset: var(--p-focus-ring-offset); --p-paginator-nav-button-focus-ring-shadow: var(--p-focus-ring-shadow); --p-paginator-padding: 0.5rem 1rem; --p-paginator-gap: 0.25rem; --p-paginator-border-radius: var(--p-content-border-radius); --p-paginator-background: var(--p-content-background); --p-paginator-color: var(--p-content-color); --p-paginator-transition-duration: var(--p-transition-duration); }
:root { --p-password-content-gap: 0.5rem; --p-password-overlay-background: var(--p-overlay-popover-background); --p-password-overlay-border-color: var(--p-overlay-popover-border-color); --p-password-overlay-border-radius: var(--p-overlay-popover-border-radius); --p-password-overlay-color: var(--p-overlay-popover-color); --p-password-overlay-padding: var(--p-overlay-popover-padding); --p-password-overlay-shadow: var(--p-overlay-popover-shadow); --p-password-icon-color: var(--p-form-field-icon-color); --p-password-meter-background: var(--p-content-border-color); --p-password-meter-border-radius: var(--p-content-border-radius); --p-password-meter-height: .75rem; --p-password-strength-weak-background: var(--p-red-500); --p-password-strength-medium-background: var(--p-amber-500); --p-password-strength-strong-background: var(--p-green-500); }
:root { --p-popover-content-padding: var(--p-overlay-popover-padding); --p-popover-background: var(--p-overlay-popover-background); --p-popover-border-color: var(--p-overlay-popover-border-color); --p-popover-color: var(--p-overlay-popover-color); --p-popover-border-radius: var(--p-overlay-popover-border-radius); --p-popover-shadow: var(--p-overlay-popover-shadow); --p-popover-gutter: 10px; --p-popover-arrow-offset: 1.25rem; }
:root { --p-select-empty-message-padding: var(--p-list-option-padding); --p-select-checkmark-color: var(--p-list-option-color); --p-select-checkmark-gutter-start: -0.375rem; --p-select-checkmark-gutter-end: 0.375rem; --p-select-clear-icon-color: var(--p-form-field-icon-color); --p-select-option-group-background: var(--p-list-option-group-background); --p-select-option-group-color: var(--p-list-option-group-color); --p-select-option-group-font-weight: var(--p-list-option-group-font-weight); --p-select-option-group-padding: var(--p-list-option-group-padding); --p-select-option-focus-background: var(--p-list-option-focus-background); --p-select-option-selected-background: var(--p-list-option-selected-background); --p-select-option-selected-focus-background: var(--p-list-option-selected-focus-background); --p-select-option-color: var(--p-list-option-color); --p-select-option-focus-color: var(--p-list-option-focus-color); --p-select-option-selected-color: var(--p-list-option-selected-color); --p-select-option-selected-focus-color: var(--p-list-option-selected-focus-color); --p-select-option-padding: var(--p-list-option-padding); --p-select-option-border-radius: var(--p-list-option-border-radius); --p-select-list-padding: var(--p-list-padding); --p-select-list-gap: var(--p-list-gap); --p-select-list-header-padding: var(--p-list-header-padding); --p-select-overlay-background: var(--p-overlay-select-background); --p-select-overlay-border-color: var(--p-overlay-select-border-color); --p-select-overlay-border-radius: var(--p-overlay-select-border-radius); --p-select-overlay-color: var(--p-overlay-select-color); --p-select-overlay-shadow: var(--p-overlay-select-shadow); --p-select-dropdown-width: 2.5rem; --p-select-dropdown-color: var(--p-form-field-icon-color); --p-select-background: var(--p-form-field-background); --p-select-disabled-background: var(--p-form-field-disabled-background); --p-select-filled-background: var(--p-form-field-filled-background); --p-select-filled-hover-background: var(--p-form-field-filled-hover-background); --p-select-filled-focus-background: var(--p-form-field-filled-focus-background); --p-select-border-color: var(--p-form-field-border-color); --p-select-hover-border-color: var(--p-form-field-hover-border-color); --p-select-focus-border-color: var(--p-form-field-focus-border-color); --p-select-invalid-border-color: var(--p-form-field-invalid-border-color); --p-select-color: var(--p-form-field-color); --p-select-disabled-color: var(--p-form-field-disabled-color); --p-select-placeholder-color: var(--p-form-field-placeholder-color); --p-select-invalid-placeholder-color: var(--p-form-field-invalid-placeholder-color); --p-select-shadow: var(--p-form-field-shadow); --p-select-padding-x: var(--p-form-field-padding-x); --p-select-padding-y: var(--p-form-field-padding-y); --p-select-border-radius: 10px; --p-select-transition-duration: var(--p-form-field-transition-duration); --p-select-lg-font-size: var(--p-form-field-lg-font-size); --p-select-lg-padding-x: var(--p-form-field-lg-padding-x); --p-select-lg-padding-y: var(--p-form-field-lg-padding-y); --p-select-sm-font-size: var(--p-form-field-sm-font-size); --p-select-sm-padding-x: var(--p-form-field-sm-padding-x); --p-select-sm-padding-y: var(--p-form-field-sm-padding-y); --p-select-focus-ring-width: var(--p-form-field-focus-ring-width); --p-select-focus-ring-style: var(--p-form-field-focus-ring-style); --p-select-focus-ring-color: var(--p-form-field-focus-ring-color); --p-select-focus-ring-offset: var(--p-form-field-focus-ring-offset); --p-select-focus-ring-shadow: var(--p-form-field-focus-ring-shadow); }
:root { --p-tieredmenu-separator-border-color: var(--p-content-border-color); --p-tieredmenu-submenu-icon-size: var(--p-navigation-submenu-icon-size); --p-tieredmenu-submenu-icon-color: var(--p-navigation-submenu-icon-color); --p-tieredmenu-submenu-icon-focus-color: var(--p-navigation-submenu-icon-focus-color); --p-tieredmenu-submenu-icon-active-color: var(--p-navigation-submenu-icon-active-color); --p-tieredmenu-submenu-mobile-indent: 1rem; --p-tieredmenu-item-focus-background: var(--p-navigation-item-focus-background); --p-tieredmenu-item-active-background: var(--p-navigation-item-active-background); --p-tieredmenu-item-color: var(--p-navigation-item-color); --p-tieredmenu-item-focus-color: var(--p-navigation-item-focus-color); --p-tieredmenu-item-active-color: var(--p-navigation-item-active-color); --p-tieredmenu-item-padding: var(--p-navigation-item-padding); --p-tieredmenu-item-border-radius: var(--p-navigation-item-border-radius); --p-tieredmenu-item-gap: var(--p-navigation-item-gap); --p-tieredmenu-item-icon-color: var(--p-navigation-item-icon-color); --p-tieredmenu-item-icon-focus-color: var(--p-navigation-item-icon-focus-color); --p-tieredmenu-item-icon-active-color: var(--p-navigation-item-icon-active-color); --p-tieredmenu-list-padding: var(--p-navigation-list-padding); --p-tieredmenu-list-gap: var(--p-navigation-list-gap); --p-tieredmenu-background: var(--p-content-background); --p-tieredmenu-border-color: var(--p-content-border-color); --p-tieredmenu-color: var(--p-content-color); --p-tieredmenu-border-radius: var(--p-content-border-radius); --p-tieredmenu-shadow: var(--p-overlay-navigation-shadow); --p-tieredmenu-transition-duration: var(--p-transition-duration); }
:root { --p-splitbutton-border-radius: var(--p-form-field-border-radius); --p-splitbutton-rounded-border-radius: 2rem; --p-splitbutton-raised-shadow: 0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12); }
.p-splitbutton-button.p-button:not(:disabled):hover, .p-splitbutton-button.p-button:not(:disabled):active { border-inline-end: 0px; }
:root { --p-drawer-footer-padding: var(--p-overlay-modal-padding); --p-drawer-content-padding: 0 var(--p-overlay-modal-padding) var(--p-overlay-modal-padding) var(--p-overlay-modal-padding); --p-drawer-title-font-size: 1.5rem; --p-drawer-title-font-weight: 600; --p-drawer-header-padding: var(--p-overlay-modal-padding); --p-drawer-background: var(--p-overlay-modal-background); --p-drawer-border-color: var(--p-overlay-modal-border-color); --p-drawer-color: var(--p-overlay-modal-color); --p-drawer-shadow: var(--p-overlay-modal-shadow); }
:root { --p-tooltip-max-width: 12.5rem; --p-tooltip-gutter: 0.25rem; --p-tooltip-shadow: var(--p-overlay-popover-shadow); --p-tooltip-padding: 0.5rem 0.75rem; --p-tooltip-border-radius: var(--p-overlay-popover-border-radius); --p-tooltip-background: var(--p-surface-700); --p-tooltip-color: var(--p-surface-0); }
.wb-pager-btn[data-v-168be7af]:not(:disabled):hover { background-color: var(--p-surface-100, #f3f4f6) !important; }
.wb-dark .wb-pager-btn[data-v-168be7af]:not(:disabled):hover { background-color: var(--p-surface-800, #27272a) !important; }
@media (max-width: 767px) {
.wb-navbar-desktop { display: none !important; }
.wb-navbar-hamburger { display: flex !important; }
.wb-navbar-logo { max-width: 75vw !important; }
}
.wb-dropdown-item:hover { background-color: var(--p-surface-100, #f3f4f6) !important; }
.wb-btn { transition: background-color 0.18s, color 0.18s, border-color 0.18s, box-shadow 0.18s, transform 0.18s !important; }
.wb-btn:hover { background-color: var(--wb-btn-hover-bg) !important; color: var(--wb-btn-hover-color) !important; border-color: var(--wb-btn-hover-border) !important; box-shadow: rgba(0, 0, 0, 0.35) 0px 6px 16px -6px; transform: translateY(-1px); }
.wb-btn:active { transform: translateY(0px); box-shadow: none; }
@media (prefers-reduced-motion: reduce) {
.wb-btn, .wb-btn:hover { transform: none; }
}

.wb-public-page { background-color: var(--p-surface-0); color: var(--p-surface-900); }
.wb-dark-mode { color-scheme: dark;  }
#el-vp8g63vy { background-color: var(--p-surface-0, #ffffff); width: 100%; position: fixed; top: 0; left: 0; right: 0; z-index: 1000; padding: 20px 20px 20px 20px } .wb-dark-mode #el-vp8g63vy { background-color: var(--p-surface-900); color: var(--p-surface-50); color: var(--p-surface-300); --el-background_color: var(--p-surface-900); --el-text_color: var(--p-surface-50); --el-link_color: var(--p-surface-300); }
#el-2ietmju2 { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: stretch; justify-content: flex-start; gap: 0px; background-color: var(--school-primary-900); padding: 60px 60px 60px 60px; border-radius: 0px 0px 0px 0px; width: 100%; position: relative } @media (max-width: 1024px) { #el-2ietmju2 { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: stretch; justify-content: flex-start; gap: 0px; background-color: var(--school-primary-900); padding: 40px 40px 40px 40px; border-radius: 0px 0px 0px 0px; width: 100%; position: relative } } @media (max-width: 767px) { #el-2ietmju2 { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: stretch; justify-content: flex-start; gap: 0px; background-color: var(--school-primary-900); padding: 24px 24px 24px 24px; border-radius: 0px 0px 0px 0px; width: 100%; position: relative } } .wb-dark-mode #el-2ietmju2 { background-color: transparent; border-color: var(--p-surface-700); --el-background_color: transparent; --el-border_color: var(--p-surface-700); }#el-5ui0fabw { display: grid; grid-template-columns: repeat(3, 1fr); align-items: stretch; justify-items: stretch; gap: 48px; background-color: transparent; padding: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; width: 100%; max-width: 1300px; margin-left: auto; margin-right: auto; position: relative } @media (max-width: 1024px) { #el-5ui0fabw { display: grid; grid-template-columns: repeat(2, 1fr); align-items: stretch; justify-items: stretch; gap: 48px; background-color: transparent; padding: 48px 32px 48px 32px; border-radius: 0px 0px 0px 0px; width: 100%; max-width: 1300px; margin-left: auto; margin-right: auto; position: relative } } @media (max-width: 767px) { #el-5ui0fabw { display: grid; grid-template-columns: repeat(1, 1fr); align-items: stretch; justify-items: stretch; gap: 48px; background-color: transparent; padding: 32px 20px 32px 20px; border-radius: 0px 0px 0px 0px; width: 100%; max-width: 1300px; margin-left: auto; margin-right: auto; position: relative } } .wb-dark-mode #el-5ui0fabw { background-color: transparent; border-color: var(--p-surface-700); --el-background_color: transparent; --el-border_color: var(--p-surface-700); }#el-fkz1ldpu { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; justify-content: flex-start; gap: 12px; background-color: transparent; padding: 32px 32px 32px 32px; border-radius: 0px 0px 0px 0px; position: relative } @media (max-width: 1024px) { #el-fkz1ldpu { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; justify-content: flex-start; gap: 12px; background-color: transparent; padding: 24px 24px 24px 24px; border-radius: 0px 0px 0px 0px; position: relative } } @media (max-width: 767px) { #el-fkz1ldpu { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; justify-content: flex-start; gap: 12px; background-color: transparent; padding: 16px 16px 16px 16px; border-radius: 0px 0px 0px 0px; position: relative } } .wb-dark-mode #el-fkz1ldpu { background-color: transparent; --el-background_color: transparent; }#el-qqetjqic { width: 100%; color: #ffffff; font-size: 20px; font-weight: 700; line-height: 1.2; text-align: left; text-transform: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px } @media (max-width: 1024px) { #el-qqetjqic { width: 100%; color: #ffffff; font-size: 16px; font-weight: 700; line-height: 1.2; text-align: left; text-transform: none; padding: 24px 24px 24px 24px; margin: 0px 0px 0px 0px } } @media (max-width: 767px) { #el-qqetjqic { width: 100%; color: #ffffff; font-size: 13px; font-weight: 700; line-height: 1.2; text-align: left; text-transform: none; padding: 16px 16px 16px 16px; margin: 0px 0px 0px 0px } } .wb-dark-mode #el-qqetjqic { color: var(--p-surface-50); --el-text_color: var(--p-surface-50); }#el-ar150zgk { width: 100%; white-space: pre-wrap; color: var(--school-primary-50); font-size: 14px; font-weight: 400; line-height: 1.75; text-align: left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px } @media (max-width: 1024px) { #el-ar150zgk { width: 100%; white-space: pre-wrap; color: var(--school-primary-50); font-size: 14px; font-weight: 400; line-height: 1.75; text-align: left; padding: 24px 24px 24px 24px; margin: 0px 0px 0px 0px } } @media (max-width: 767px) { #el-ar150zgk { width: 100%; white-space: pre-wrap; color: var(--school-primary-50); font-size: 13px; font-weight: 400; line-height: 1.75; text-align: left; padding: 16px 16px 16px 16px; margin: 0px 0px 0px 0px } } .wb-dark-mode #el-ar150zgk { color: var(--p-surface-300); --el-text_color: var(--p-surface-300); }#el-my0cngng { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; justify-content: flex-start; gap: 12px; background-color: transparent; padding: 32px 32px 32px 32px; border-radius: 0px 0px 0px 0px; position: relative } @media (max-width: 1024px) { #el-my0cngng { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; justify-content: flex-start; gap: 12px; background-color: transparent; padding: 24px 24px 24px 24px; border-radius: 0px 0px 0px 0px; position: relative } } @media (max-width: 767px) { #el-my0cngng { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; justify-content: flex-start; gap: 12px; background-color: transparent; padding: 16px 16px 16px 16px; border-radius: 0px 0px 0px 0px; position: relative } } .wb-dark-mode #el-my0cngng { background-color: transparent; --el-background_color: transparent; }#el-bsu9bio3 { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; justify-content: flex-start; gap: 12px; background-color: transparent; padding: 32px 32px 32px 32px; border-radius: 0px 0px 0px 0px; position: relative } @media (max-width: 1024px) { #el-bsu9bio3 { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; justify-content: flex-start; gap: 12px; background-color: transparent; padding: 24px 24px 24px 24px; border-radius: 0px 0px 0px 0px; position: relative } } @media (max-width: 767px) { #el-bsu9bio3 { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; justify-content: flex-start; gap: 12px; background-color: transparent; padding: 16px 16px 16px 16px; border-radius: 0px 0px 0px 0px; position: relative } } .wb-dark-mode #el-bsu9bio3 { background-color: transparent; --el-background_color: transparent; }#el-3tx9rv05 { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; justify-content: center; gap: 0px; background-color: transparent; padding: 32px 0px 0px 0px; border-radius: 0px 0px 0px 0px; width: 100%; max-width: 1300px; margin-left: auto; margin-right: auto; position: relative } @media (max-width: 1024px) { #el-3tx9rv05 { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; justify-content: center; gap: 0px; background-color: transparent; padding: 48px 32px 48px 32px; border-radius: 0px 0px 0px 0px; width: 100%; max-width: 1300px; margin-left: auto; margin-right: auto; position: relative } } @media (max-width: 767px) { #el-3tx9rv05 { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; justify-content: center; gap: 0px; background-color: transparent; padding: 32px 20px 32px 20px; border-radius: 0px 0px 0px 0px; width: 100%; max-width: 1300px; margin-left: auto; margin-right: auto; position: relative } } .wb-dark-mode #el-3tx9rv05 { background-color: transparent; border-color: var(--p-surface-700); --el-background_color: transparent; --el-border_color: var(--p-surface-700); }#el-3486s6f4 { width: 100%; white-space: pre-wrap; color: var(--school-primary-100); font-size: 13px; font-weight: 400; line-height: 1.75; text-align: center; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px } @media (max-width: 1024px) { #el-3486s6f4 { width: 100%; white-space: pre-wrap; color: var(--school-primary-100); font-size: 14px; font-weight: 400; line-height: 1.75; text-align: center; padding: 24px 24px 24px 24px; margin: 0px 0px 0px 0px } } @media (max-width: 767px) { #el-3486s6f4 { width: 100%; white-space: pre-wrap; color: var(--school-primary-100); font-size: 13px; font-weight: 400; line-height: 1.75; text-align: center; padding: 16px 16px 16px 16px; margin: 0px 0px 0px 0px } } .wb-dark-mode #el-3486s6f4 { color: var(--p-surface-300); --el-text_color: var(--p-surface-300); }

.wb-dark-mode[data-wb-dark="page-scholarships-1"], .wb-dark-mode [data-wb-dark="page-scholarships-1"] { background-color: var(--p-surface-950) !important; color: var(--p-surface-100) !important; }
.wb-dark-mode[data-wb-dark="page-scholarships-2"], .wb-dark-mode [data-wb-dark="page-scholarships-2"] { color: var(--p-surface-50) !important; }
.wb-dark-mode[data-wb-dark="page-scholarships-3"], .wb-dark-mode [data-wb-dark="page-scholarships-3"] { color: var(--p-surface-300) !important; }
.wb-dark-mode[data-wb-dark="page-scholarships-4"], .wb-dark-mode [data-wb-dark="page-scholarships-4"] { color: var(--p-surface-300) !important; }
.wb-dark-mode[data-wb-dark="page-scholarships-5"], .wb-dark-mode [data-wb-dark="page-scholarships-5"] { background: var(--p-surface-900) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; }
.wb-dark-mode[data-wb-dark="page-scholarships-6"], .wb-dark-mode [data-wb-dark="page-scholarships-6"] { color: var(--p-surface-300) !important; }
.wb-dark-mode[data-wb-dark="page-scholarships-7"], .wb-dark-mode [data-wb-dark="page-scholarships-7"] { color: var(--p-surface-300) !important; }
.wb-dark-mode[data-wb-dark="page-scholarships-8"], .wb-dark-mode [data-wb-dark="page-scholarships-8"] { color: var(--p-surface-300) !important; }
.wb-dark-mode[data-wb-dark="page-scholarships-9"], .wb-dark-mode [data-wb-dark="page-scholarships-9"] { color: var(--p-surface-300) !important; }
.wb-dark-mode[data-wb-dark="page-scholarships-10"], .wb-dark-mode [data-wb-dark="page-scholarships-10"] { color: var(--p-surface-300) !important; }
.wb-dark-mode[data-wb-dark="page-scholarships-11"], .wb-dark-mode [data-wb-dark="page-scholarships-11"] { color: var(--p-surface-50) !important; }
.wb-dark-mode[data-wb-dark="page-scholarships-12"], .wb-dark-mode [data-wb-dark="page-scholarships-12"] { background: var(--p-surface-900) !important; }
.wb-dark-mode[data-wb-dark="page-scholarships-13"], .wb-dark-mode [data-wb-dark="page-scholarships-13"] { border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; }
.wb-dark-mode[data-wb-dark="page-scholarships-14"], .wb-dark-mode [data-wb-dark="page-scholarships-14"] { color: var(--p-surface-50) !important; }
.wb-dark-mode[data-wb-dark="page-scholarships-15"], .wb-dark-mode [data-wb-dark="page-scholarships-15"] { color: var(--p-surface-50) !important; }
.wb-dark-mode[data-wb-dark="page-scholarships-16"], .wb-dark-mode [data-wb-dark="page-scholarships-16"] { color: var(--p-surface-300) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; }
.wb-dark-mode[data-wb-dark="page-scholarships-17"], .wb-dark-mode [data-wb-dark="page-scholarships-17"] { color: var(--p-surface-300) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; }
.wb-dark-mode[data-wb-dark="page-scholarships-18"], .wb-dark-mode [data-wb-dark="page-scholarships-18"] { color: var(--p-surface-300) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important; }
.wb-dark-mode[data-wb-dark="page-scholarships-19"], .wb-dark-mode [data-wb-dark="page-scholarships-19"] { color: var(--p-surface-300) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important; }
.wb-dark-mode[data-wb-dark="page-scholarships-20"], .wb-dark-mode [data-wb-dark="page-scholarships-20"] { color: var(--p-surface-300) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important; }
.wb-dark-mode[data-wb-dark="page-scholarships-21"], .wb-dark-mode [data-wb-dark="page-scholarships-21"] { color: var(--p-surface-300) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; }
.wb-dark-mode[data-wb-dark="page-scholarships-22"], .wb-dark-mode [data-wb-dark="page-scholarships-22"] { color: var(--p-surface-300) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; }
.wb-dark-mode[data-wb-dark="page-scholarships-23"], .wb-dark-mode [data-wb-dark="page-scholarships-23"] { color: var(--p-surface-50) !important; }
.wb-dark-mode[data-wb-dark="page-scholarships-24"], .wb-dark-mode [data-wb-dark="page-scholarships-24"] { color: var(--p-surface-400) !important; }
.wb-dark-mode[data-wb-dark="page-scholarships-25"], .wb-dark-mode [data-wb-dark="page-scholarships-25"] { color: var(--p-surface-400) !important; }
.wb-dark-mode[data-wb-dark="page-scholarships-26"], .wb-dark-mode [data-wb-dark="page-scholarships-26"] { color: var(--p-surface-400) !important; }
.wb-dark-mode[data-wb-dark="page-scholarships-27"], .wb-dark-mode [data-wb-dark="page-scholarships-27"] { color: var(--p-surface-400) !important; }
.wb-dark-mode[data-wb-dark="page-scholarships-28"], .wb-dark-mode [data-wb-dark="page-scholarships-28"] { color: var(--p-surface-50) !important; }
.wb-dark-mode[data-wb-dark="page-scholarships-29"], .wb-dark-mode [data-wb-dark="page-scholarships-29"] { color: var(--p-surface-400) !important; }
.wb-dark-mode[data-wb-dark="page-scholarships-30"], .wb-dark-mode [data-wb-dark="page-scholarships-30"] { color: var(--p-surface-400) !important; }
.wb-dark-mode[data-wb-dark="page-scholarships-31"], .wb-dark-mode [data-wb-dark="page-scholarships-31"] { color: var(--p-surface-400) !important; }
.wb-dark-mode[data-wb-dark="page-scholarships-32"], .wb-dark-mode [data-wb-dark="page-scholarships-32"] { color: var(--p-surface-400) !important; }