:root {
  --surface-0: #ffffff;
  --surface-50: #f5f7fb;
  --surface-100: #eceff5;
  --surface-200: #dee4ed;
  --surface-300: #c8d1e1;
  --surface-400: #b0bacd;
  --surface-500: #8e98ac;
  --surface-600: #707a8b;
  --surface-700: #59606e;
  --surface-800: #434b53;
  --surface-900: #333940;
  --slate-0: #000000;
  --slate-50: #edf4f6;
  --slate-100: #cbe4f5;
  --slate-200: #a8ceea;
  --slate-300: #84b7dd;
  --slate-400: #5e95be;
  --slate-500: #48799d;
  --slate-600: #376281;
  --slate-700: #2c4d62;
  --slate-800: #243947;
  --slate-900: #1d272f;
  --pink: #df49b8;
  --yellow: #ffd800;

  --success-light: #e1faeb;
  --success: #028537;
  --success-dark: #09411e;
  --danger-light: #fbf0ef;
  --danger: #de1a1b;
  --danger-dark: #451817;
  --warning-light: #fbf2e5;
  --warning: #ad5f00;
  --warning-dark: #4e2f0c;

  --white: var(--surface-0);
  --black: var(--slate-0);
  --text-color: var(--surface-900);
  --text-color-secondary: var(--surface-500);
  --primary-color: var(--slate-500);
  --component-font-family: var(--lexend-regular);

  --reset: 0;
  --none: none;
  --reset-none: var(--reset) var(--none);
  --transparent: transparent;
  --auto: auto;
  --inline: inline;
  --block: block;
  --hidden: hidden;

  --alpha-0: var(--reset);
  --alpha-10: 0.1;
  --alpha-20: 0.2;
  --alpha-30: 0.3;
  --alpha-40: 0.4;
  --alpha-50: 0.5;
  --alpha-60: 0.6;
  --alpha-70: 0.7;
  --alpha-80: 0.8;
  --alpha-90: 0.9;
  --alpha-100: 1;

  --font-size-8xl: 3.625rem;
  --font-size-7xl: 3rem;
  --font-size-6xl: 2.625rem;
  --font-size-5xl: 2.125rem;
  --font-size-4xl: 1.75rem;
  --font-size-3xl: 1.5rem;
  --font-size-2xl: 1.313rem;
  --font-size-xl: 1.25rem;
  --font-size-lg: 1.125rem;
  --font-size-body: 0.875rem;
  --font-size-sm: 0.75rem;
  --font-size-xs: 0.625rem;
  --font-weight-300: 300;
  --font-weight-400: 400;
  --font-weight-500: 500;
  --font-weight-600: 600;
  --font-weight-700: 700;
  --h1-line-height: 4.5rem;
  --h2-line-height: 3.75rem;
  --h3-line-height: 3.25rem;
  --h4-line-height: 2.625rem;
  --h5-line-height: 2.188rem;
  --h6-line-height: 1.875rem;

  --rem: 1rem;
  --quarter-rem: 0.25rem;
  --one-eighth-rem: 0.125rem;
  --main-menu-top-padding: 0.35rem;
  --slider-dimension: 0.286rem;
  --two-fifth-rem: 0.4rem;
  --small-padding: 0.4375rem;
  --half-rem: 0.5rem;
  --slider-handle-margin: 0.5715rem;
  --large-padding: 0.625rem;
  --three-fourth-rem: 0.75rem;
  --one-quarter-rem: 1.25rem;
  --slider-handle-dimension: 1.143rem;
  --one-half-rem: 1.5rem;
  --input-switch-height: 1.75rem;
  --two-rem: 2rem;
  --two-quarter-rem: 2.25rem;
  --trigger-icon-rem: 2.357rem;
  --two-half-rem: 2.5rem;
  --clear-icon-rem: 2.857rem;
  --three-rem: 3rem;
  --three-half-rem: 3.5rem;
  --four-rem: 4rem;
  --mobile-nav-top-pos: 4.7rem;
  --page-content-top-margin: 4.875rem;

  --fifth-em: 0.2em;

  --check-radio-dimension: 24px;
  --radio-icon-dimension: 12px;

  --pct-50: 50%;
  --pct-100: 100%;

  --rotate-90: rotate(90deg);

  --border-radius: var(--quarter-rem);
  --border-radius-circle: var(--pct-50);
  --slider-border-radius: 30px;
  --border-1px: 1px solid;
  --border-2px: 2px solid;
  --border-3px: 3px solid;
  --border-4px: 4px solid;
  --toast-border-width: 6px;

  --overlay-box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12);
  --focus-box-shadow: inset 0 0 0 0.15rem;
  --raised-button-box-shadow:
    0 4px 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);
  --focused-button-box-shadow: 0 0 0 0.2rem;
  --header-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);

  --maskbg: rgba(0, 0, 0, 0.4);
  --focus-ring: var(--focused-button-box-shadow) var(--slate-100);
}

* {
  box-sizing: border-box;
}

body,
.text-base {
  font-family: var(--lexend-regular);
  font-size: var(--font-size-body);
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin: var(--reset);
  padding: var(--reset);
}

.h1,
.text-8xl {
  font-family: var(--lexend-medium);
  font-size: var(--font-size-8xl);
}

.h1 {
  line-height: var(--h1-line-height);
}

.h2,
.text-7xl {
  font-family: var(--lexend-medium);
  font-size: var(--font-size-7xl);
}

.h2 {
  line-height: var(--h2-line-height);
}

.h3,
.text-6xl {
  font-family: var(--lexend-medium);
  font-size: var(--font-size-6xl);
}

.h3 {
  line-height: var(--h3-line-height);
}

.h4,
.text-5xl {
  font-family: var(--lexend-light);
  font-size: var(--font-size-5xl);
}

.h4 {
  line-height: var(--h4-line-height);
}

.h5,
.text-4xl {
  font-family: var(--lexend-medium);
  font-size: var(--font-size-4xl);
}

.h5 {
  line-height: var(--h5-line-height);
}

.h6,
.text-3xl {
  font-family: var(--lexend-semi-bold);
  font-size: var(--font-size-3xl);
}

.h6 {
  line-height: var(--h6-line-height);
}

.text-2xl {
  font-family: var(--lexend-light);
  font-size: var(--font-size-2xl) !important;
}

.text-xl {
  font-family: var(--lexend-regular);
  font-size: var(--font-size-xl) !important;
}

.text-lg {
  font-family: var(--lexend-regular);
  font-size: var(--font-size-lg) !important;
}

.text-l {
  color: var(--primary-color);
  font-size: var(--font-size-body) !important;
  font-family: var(--lexend-regular);
}

.text-sm {
  font-family: var(--lexend-regular);
  font-size: var(--font-size-sm) !important;
}

.text-xs {
  font-family: var(--lexend-semi-bold);
  font-size: var(--font-size-xs) !important;
}

.font-size-5xl {
  font-size: var(--font-size-5xl) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
th,
a,
span,
div,
label,
button {
  font-weight: var(--font-weight-500);
}

a {
  color: var(--primary-color);
  text-decoration: var(--none);
}

a:hover,
a:active,
a:focus {
  color: var(--primary-color);
}

a:active,
a:focus,
:focus-visible {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
}

.field > label,
label,
.label {
  font-size: var(--font-size-sm);
  font-family: var(--lexend-bold);
  margin-bottom: var(--quarter-rem) !important;
}

.field > label.disabled,
label.disabled,
.label.disabled {
  color: var(--surface-500);
}

.bg-surface-50 {
  background: var(--surface-50) !important;
}

.bg-surface-100 {
  background: var(--surface-100) !important;
}

.bg-surface-200 {
  background: var(--surface-200) !important;
}

.bg-surface-300 {
  background: var(--surface-300) !important;
}

.bg-surface-400 {
  background: var(--surface-400) !important;
}

.bg-surface-500 {
  background: var(--surface-500) !important;
}

.bg-slate-50 {
  background: var(--slate-50) !important;
}

.bg-slate-100 {
  background: var(--slate-100) !important;
}

.bg-slate-400 {
  background: var(--slate-400) !important;
}

.bg-slate-700 {
  background: var(--slate-700) !important;
}

.bg-slate-500 {
  background: var(--slate-500) !important;
}

.bg-warning {
  background: var(--warning) !important;
}

.bg-warning-light {
  background: var(--warning-light) !important;
}

.bg-success {
  background: var(--success) !important;
}

.bg-success-light {
  background: var(--success-light) !important;
}

.bg-success-dark {
  background: var(--success-dark) !important;
}

.bg-danger {
  background: var(--danger) !important;
}

.bg-danger-light {
  background: var(--danger-light) !important;
}

.bg-white {
  background: var(--white) !important;
}

.bg-black {
  background: var(--black) !important;
}

.color-white {
  color: var(--white) !important;
}

.color-danger-dark {
  color: var(--danger-dark) !important;
}

.color-danger {
  color: var(--danger) !important;
}

.color-danger-light {
  color: var(--danger-light) !important;
}

.color-warning {
  color: var(--warning) !important;
}

.color-warning-dark {
  color: var(--warning-dark) !important;
}

.color-warning {
  color: var(--warning) !important;
}

.color-success {
  color: var(--success) !important;
}

.color-success-dark {
  color: var(--success-dark) !important;
}

.color-success-light {
  color: var(--success-light) !important;
}

.color-slate-0 {
  color: var(--slate-0) !important;
}

.color-slate-100 {
  color: var(--slate-100) !important;
}

.color-slate-200 {
  color: var(--slate-200) !important;
}

.color-slate-300 {
  color: var(--slate-300) !important;
}

.color-slate-400 {
  color: var(--slate-400) !important;
}

.color-slate-600 {
  color: var(--slate-600) !important;
}

.color-slate-700 {
  color: var(--slate-700) !important;
}

.color-slate-900 {
  color: var(--slate-900) !important;
}

.color-surface-200 {
  color: var(--surface-200) !important;
}

.color-surface-300 {
  color: var(--surface-300) !important;
}

.color-surface-400 {
  color: var(--surface-400) !important;
}

.color-surface-500 {
  color: var(--surface-500) !important;
}

.color-surface-600 {
  color: var(--surface-600) !important;
}

.color-surface-700 {
  color: var(--surface-700) !important;
}

.color-surface-900 {
  color: var(--surface-900) !important;
}

.color-pink {
  color: var(--pink) !important;
}

.border-radius-circle {
  border-radius: var(--border-radius-circle);
}

.border-danger {
  border-color: var(--danger) !important;
}

.border-success-light {
  border-color: var(--success-light) !important;
}

.border-success {
  border-color: var(--success) !important;
}

.border-slate-400 {
  border-color: var(--slate-400) !important;
}

.border-surface-400 {
  border-color: var(--surface-400) !important;
}

.p-component {
  font-family: var(--component-font-family);
  font-size: var(--font-size-body);
}

.p-component-overlay {
  background-color: var(--maskbg);
  transition-duration: 0.2s;
}

.disabled-area {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}

.p-error {
  color: var(--danger);
}

.p-success {
  color: var(--success);
}

.p-warn {
  color: var(--warning);
}

.p-text-secondary {
  color: var(--text-color-secondary);
}

.pi {
  font-size: var(--font-size-body);
}

.p-link {
  font-size: var(--font-size-body);
  font-family: var(--component-font-family);
  border-radius: var(--border-radius);
}

.p-link:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
}

.p-component-overlay-enter {
  animation: p-component-overlay-enter-animation 150ms forwards;
}

.p-component-overlay-leave {
  animation: p-component-overlay-leave-animation 150ms forwards;
}

.p-dropdown.p-disabled .p-inputtext {
  color: var(--slate-0);
}

@keyframes p-component-overlay-enter-animation {
  from {
    background-color: var(--transparent);
  }

  to {
    background-color: var(--maskbg);
  }
}

@keyframes p-component-overlay-leave-animation {
  from {
    background-color: var(--maskbg);
  }

  to {
    background-color: var(--transparent);
  }
}

.p-autocomplete .p-autocomplete-loader {
  right: var(--half-rem);
}

.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
  right: var(--clear-icon-rem);
}

.p-autocomplete .p-autocomplete-multiple-container {
  padding: var(--quarter-rem) var(--half-rem);
  gap: var(--half-rem);
}

.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
  border-color: var(--primary-color);
}

.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
  border-color: var(--primary-color);
}

.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
  padding: var(--quarter-rem) var(--reset);
}

.p-autocomplete
  .p-autocomplete-multiple-container
  .p-autocomplete-input-token
  input {
  font-family: var(--component-font-family);
  font-size: var(--font-size-body);
  color: var(--text-color);
  padding: var(--reset);
  margin: var(--reset);
}

.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
  padding: var(--quarter-rem) var(--half-rem);
  background: var(--slate-100);
  color: var(--text-color);
  border-radius: var(--border-radius);
}

.p-autocomplete
  .p-autocomplete-multiple-container
  .p-autocomplete-token
  .p-autocomplete-token-icon {
  margin-left: var(--half-rem);
}

p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
  border-color: var(--danger);
}

.p-autocomplete-panel {
  background: var(--white);
  color: var(--text-color);
  border: var(--reset-none);
  border-radius: var(--border-radius);
  box-shadow: var(--overlay-box-shadow);
}

.p-autocomplete-panel .p-autocomplete-items {
  padding: var(--half-rem) var(--reset);
}

.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
  margin: var(--reset);
  padding: var(--half-rem) var(--rem);
  border: var(--reset-none);
  color: var(--text-color);
  background: var(--transparent);
  transition: box-shadow 0.2s;
  border-radius: var(--reset);
}

.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
  color: var(--text-color);
  background: var(--slate-600);
}

.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
  color: var(--text-color);
  background: var(--slate-100);
}

.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message {
  padding: var(--half-rem) var(--rem);
  color: var(--text-color);
  background: var(--transparent);
}

.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
  margin: var(--reset);
  padding: var(--three-fourth-rem) var(--rem);
  color: var(--text-color);
  background: var(--white);
}

p-autocomplete.p-autocomplete-clearable .p-inputtext {
  padding-right: var(--two-rem);
}

p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon {
  color: var(--text-color-secondary);
  right: var(--half-rem);
}

p-autocomplete.p-autocomplete-clearable
  .p-autocomplete-dd
  .p-autocomplete-clear-icon {
  color: var(--text-color-secondary);
  right: var(--clear-icon-rem);
}

p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext,
p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-button {
  border-color: var(--danger);
}

.p-datepicker {
  padding: var(--half-rem);
  background: var(--white);
  color: var(--text-color);
  border: var(--border-1px) var(--text-color-secondary);
  border-radius: var(--border-radius);
  transform: scale(0.7);
}

.p-datepicker:not(.p-datepicker-inline) {
  background: var(--white);
  border: var(--reset-none);
  box-shadow: var(--overlay-box-shadow);
}

.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
  background: var(--white);
}

.p-datepicker .p-datepicker-header {
  padding: var(--half-rem);
  color: var(--text-color);
  background: var(--white);
  margin: var(--reset);
  border-bottom: var(--border-1px) var(--text-color-secondary);
  border-top-right-radius: var(--border-radius);
  border-top-left-radius: var(--border-radius);
}

.p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next {
  width: var(--two-rem);
  height: var(--two-rem);
  color: var(--text-color-secondary);
  border: var(--reset-none);
  background: var(--transparent);
  border-radius: var(--pct-50);
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}

.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
  color: var(--text-color);
  border-color: var(--transparent);
  background: var(--surface-100);
}

.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
}

.p-datepicker .p-datepicker-header .p-datepicker-title {
  line-height: var(--two-rem);
}

.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
  color: var(--text-color);
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
  padding: var(--half-rem);
}

.p-datepicker
  .p-datepicker-header
  .p-datepicker-title
  .p-datepicker-year:enabled:hover,
.p-datepicker
  .p-datepicker-header
  .p-datepicker-title
  .p-datepicker-month:enabled:hover {
  color: var(--primary-color);
}

.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
  margin-right: var(--half-rem);
}

.p-datepicker table {
  font-size: var(--font-size-body);
  margin: var(--half-rem) var(--reset);
}

.p-datepicker table th {
  padding: var(--half-rem);
}

.p-datepicker table th > span {
  width: var(--two-half-rem);
  height: var(--two-half-rem);
}

.p-datepicker table td {
  padding: var(--half-rem);
}

.p-datepicker table td > span {
  width: var(--two-half-rem);
  height: var(--two-half-rem);
  border-radius: var(--pct-50);
  transition: box-shadow 0.2s;
  border: var(--border-1px) var(--transparent);
}

.p-datepicker table td > span.p-disabled {
  color: var(--surface-300);
}

.p-datepicker table td > span.p-highlight {
  color: var(--text-color);
  background: var(--slate-100);
}

.p-datepicker table td > span:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
}

.p-datepicker table td.p-datepicker-today > span {
  background: var(--text-color-secondary);
  color: var(--text-color);
  border-color: var(--transparent);
}

.p-datepicker table td.p-datepicker-today > span.p-highlight {
  color: var(--text-color);
  background: var(--slate-100);
}

.p-datepicker .p-datepicker-buttonbar {
  padding: var(--rem) var(--reset);
  border-top: var(--border-1px) var(--text-color-secondary);
}

.p-datepicker .p-datepicker-buttonbar .p-button {
  width: var(--auto);
}

.p-datepicker .p-timepicker {
  border-top: var(--border-1px) var(--text-color-secondary);
  padding: var(--half-rem);
}

.p-datepicker .p-timepicker button {
  width: var(--two-rem);
  height: var(--two-rem);
  color: var(--text-color-secondary);
  border: var(--reset-none);
  background: var(--transparent);
  border-radius: var(--pct-50);
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}

.p-datepicker .p-timepicker button:enabled:hover {
  color: var(--text-color);
  border-color: var(--transparent);
  background: var(--surface-100);
}

.p-datepicker .p-timepicker button:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
}

.p-datepicker .p-timepicker button:last-child {
  margin-top: var(--fifth-em);
}

.p-datepicker .p-timepicker span {
  font-size: var(--font-size-body);
}

.p-datepicker .p-timepicker > div {
  padding: var(--reset) var(--half-rem);
}

.p-datepicker.p-datepicker-timeonly .p-timepicker {
  border-top: var(--reset-none);
}

.p-datepicker .p-monthpicker {
  margin: var(--half-rem) var(--reset);
}

.p-datepicker .p-monthpicker .p-monthpicker-month {
  padding: var(--half-rem);
  transition: box-shadow 0.2s;
  border-radius: var(--border-radius);
}

.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
  color: var(--text-color);
  background: var(--slate-100);
}

.p-datepicker .p-yearpicker {
  margin: var(--half-rem) var(--reset);
}

.p-datepicker .p-yearpicker .p-yearpicker-year {
  padding: var(--half-rem);
  transition: box-shadow 0.2s;
  border-radius: var(--border-radius);
}

.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
  color: var(--text-color);
  background: var(--slate-100);
}

.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
  border-left: var(--border-1px) var(--text-color-secondary);
  padding-right: var(--half-rem);
  padding-left: var(--half-rem);
  padding-top: var(--reset);
  padding-bottom: var(--reset);
}

.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
  padding-left: var(--reset);
  border-left: var(--reset-none);
}

.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
  padding-right: var(--reset);
}

.p-datepicker:not(.p-disabled)
  table
  td
  span:not(.p-highlight):not(.p-disabled):hover {
  background: var(--surface-100);
}

.p-datepicker:not(.p-disabled)
  table
  td
  span:not(.p-highlight):not(.p-disabled):focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
}

.p-datepicker:not(.p-disabled)
  .p-monthpicker
  .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
  background: var(--surface-100);
}

.p-datepicker:not(.p-disabled)
  .p-monthpicker
  .p-monthpicker-month:not(.p-disabled):focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
}

.p-datepicker:not(.p-disabled)
  .p-yearpicker
  .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
  background: var(--surface-100);
}

.p-datepicker:not(.p-disabled)
  .p-yearpicker
  .p-yearpicker-year:not(.p-disabled):focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
}

p-calendar.p-calendar-clearable .p-inputtext {
  padding-right: var(--two-rem);
}

p-calendar.p-calendar-clearable .p-calendar-clear-icon {
  color: var(--text-color-secondary);
  right: var(--half-rem);
}

p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon {
  color: var(--text-color-secondary);
  right: var(--clear-icon-rem);
}

p-calendar .p-inputtext {
  padding-left: var(--quarter-rem);
  padding-right: var(--reset);
}

p-calendar .p-datepicker-trigger {
  width: var(--one-quarter-rem) !important;
}

.p-calendar-w-btn .p-datepicker-trigger {
  padding: var(--reset) var(--reset) !important;
}

@media screen and (max-width: 769px) {
  .p-datepicker table th,
  .p-datepicker table td {
    padding: var(--reset);
  }
}

.p-cascadeselect {
  background: var(--white);
  border: var(--border-1px) var(--text-color-secondary);
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
  border-radius: var(--border-radius);
}

.p-cascadeselect:not(.p-disabled):hover {
  border-color: var(--primary-color);
}

.p-cascadeselect:not(.p-disabled).p-focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
  border-color: var(--primary-color);
}

.p-cascadeselect .p-cascadeselect-label {
  background: var(--transparent);
  border: var(--reset-none);
  padding: var(--half-rem) var(--half-rem);
}

.p-cascadeselect .p-cascadeselect-label.p-placeholder {
  color: var(--surface-300);
}

.p-cascadeselect .p-cascadeselect-label:enabled:focus {
  outline: var(--reset-none);
  box-shadow: var(--reset-none);
}

.p-cascadeselect .p-cascadeselect-trigger {
  background: var(--transparent);
  color: var(--text-color-secondary);
  width: var(--trigger-icon-rem);
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}

.p-cascadeselect-panel {
  background: var(--white);
  color: var(--text-color);
  border: var(--reset-none);
  border-radius: var(--border-radius);
  box-shadow: var(--overlay-box-shadow);
}

.p-cascadeselect-panel .p-cascadeselect-items {
  padding: var(--half-rem) var(--reset);
}

.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
  margin: var(--reset);
  border: var(--reset-none);
  color: var(--text-color);
  background: var(--transparent);
  transition: box-shadow 0.2s;
  border-radius: var(--reset);
}

.p-cascadeselect-panel
  .p-cascadeselect-items
  .p-cascadeselect-item
  .p-cascadeselect-item-content {
  padding: var(--half-rem) var(--rem);
}

.p-cascadeselect-panel
  .p-cascadeselect-items
  .p-cascadeselect-item
  .p-cascadeselect-item-content:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-box-shadow) var(--primary-color);
}

.p-cascadeselect-panel
  .p-cascadeselect-items
  .p-cascadeselect-item.p-highlight {
  color: var(--text-color);
  background: var(--slate-100);
}

.p-cascadeselect-panel
  .p-cascadeselect-items
  .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
  color: var(--text-color);
  background: var(--slate-600);
}

.p-cascadeselect-panel
  .p-cascadeselect-items
  .p-cascadeselect-item
  .p-cascadeselect-group-icon {
  font-size: var(--font-size-body);
}

p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
  border-color: var(--danger);
}

/* Spin animate the loading icon in buttons */
.p-icon-spin {
  animation: p-icon-spin 2s infinite linear;
}

@keyframes p-icon-spin {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(359deg);
  }
}

.p-input-filled .p-cascadeselect {
  background: var(--surface-100);
}

.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
  background-color: var(--surface-100);
}

.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
  background-color: var(--white);
}

p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label {
  padding-right: var(--half-rem);
}

p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon {
  color: var(--text-color-secondary);
  right: var(--trigger-icon-rem);
}

.p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel {
  box-shadow: var(--reset-none);
  border-radius: var(--reset);
  padding: var(--quarter-rem) var(--reset) var(--quarter-rem) var(--half-rem);
}

.p-overlay-modal
  .p-cascadeselect-item-active
  > .p-cascadeselect-item-content
  .p-cascadeselect-group-icon {
  transform: var(--rotate-90);
}

.p-checkbox {
  width: var(--check-radio-dimension);
  height: var(--check-radio-dimension);
}

.p-checkbox .p-checkbox-box {
  border: var(--border-1px) var(--text-color-secondary);
  background: var(--transparent);
  width: var(--check-radio-dimension);
  height: var(--check-radio-dimension);
  border-radius: var(--border-radius);
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
}

.p-checkbox .p-checkbox-box .p-checkbox-icon {
  transition-duration: 0.2s;
  color: var(--white);
  font-size: var(--font-size-sm);
}

.p-checkbox .p-checkbox-box.p-highlight {
  border-color: var(--primary-color);
  background: var(--primary-color);
}

.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
  border-color: var(--primary-color);
}

.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
  border-color: var(--primary-color);
}

.p-checkbox.p-checkbox-disabled .p-checkbox-box {
  background: var(--surface-100);
  border-color: var(--surface-300);
}

.p-checkbox.p-checkbox-disabled .p-checkbox-box.p-highlight {
  background: var(--surface-500);
  border-color: var(--surface-500);
}

p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
  border-color: var(--danger);
}

.p-input-filled .p-checkbox .p-checkbox-box {
  background-color: var(--surface-100);
}

.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
  background: var(--primary-color);
}

.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
  background-color: var(--surface-100);
}

.p-input-filled
  .p-checkbox:not(.p-checkbox-disabled)
  .p-checkbox-box.p-highlight:hover {
  background: var(--primary-color);
}

.p-checkbox-label {
  margin-left: var(--half-rem);
}

.p-chips .p-chips-multiple-container {
  padding: var(--reset) var(--one-eighth-rem);
  gap: var(--half-rem);
}

.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
  border-color: var(--primary-color);
}

.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
  border-color: var(--primary-color);
}

.p-chips .p-chips-multiple-container .p-chips-token {
  padding: var(--one-eighth-rem) var(--half-rem);
  background: var(--slate-100);
  color: var(--text-color);
  border-radius: var(--border-radius);
}

.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
  margin-left: var(--half-rem);
}

.p-chips .p-chips-multiple-container .p-chips-input-token {
  padding: var(--quarter-rem) var(--reset);
}

.p-chips .p-chips-multiple-container .p-chips-input-token input {
  font-family: var(--component-font-family);
  font-size: var(--font-size-body);
  color: var(--text-color);
  padding: var(--reset);
  margin: var(--reset);
}

p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
  border-color: var(--danger);
}

p-chips.p-chips-clearable .p-inputtext {
  padding-right: var(--one-half-rem);
}

p-chips.p-chips-clearable .p-chips-clear-icon {
  color: var(--text-color-secondary);
  right: var(--half-rem);
}

.p-colorpicker-preview,
.p-fluid .p-colorpicker-preview.p-inputtext {
  width: var(--two-rem);
  height: var(--two-rem);
}

.p-colorpicker-panel {
  background: var(--surface-900);
  border: var(--border-1px) var(--surface-700);
}

.p-colorpicker-panel .p-colorpicker-color-handle,
.p-colorpicker-panel .p-colorpicker-hue-handle {
  border-color: var(--white);
}

.p-colorpicker-overlay-panel {
  box-shadow: var(--overlay-box-shadow);
}

.p-dropdown {
  background: var(--white);
  border: var(--border-1px) var(--text-color-secondary);
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
  border-radius: var(--border-radius);
}

.p-dropdown:not(.p-disabled):hover {
  border-color: var(--primary-color);
}

.p-dropdown:not(.p-disabled).p-focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
  border-color: var(--primary-color);
}

.p-dropdown.p-dropdown-clearable .p-dropdown-label {
  padding-right: var(--one-half-rem);
}

.p-dropdown .p-dropdown-label {
  background: var(--transparent);
  border: var(--reset-none);
}

.p-dropdown .p-dropdown-label.p-placeholder {
  color: var(--surface-300);
}

.p-dropdown .p-dropdown-label:enabled:focus {
  outline: var(--reset-none);
  box-shadow: var(--reset-none);
}

.p-dropdown .p-dropdown-trigger {
  background: var(--transparent);
  color: var(--text-color-secondary);
  width: var(--trigger-icon-rem);
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}

.p-dropdown .p-dropdown-clear-icon {
  color: var(--text-color-secondary);
  right: var(--trigger-icon-rem);
}

.p-dropdown:not(.p-disabled):hover .p-dropdown-clear-icon,
.p-dropdown.p-focus .p-dropdown-clear-icon {
  color: var(--danger);
}

.p-dropdown:not(.p-disabled):hover .p-dropdown-trigger,
.p-dropdown.p-focus .p-dropdown-trigger {
  color: var(--primary-color);
}

.p-dropdown.p-disabled {
  background: var(--surface-100) !important;
  border-color: var(--surface-300);
}

.p-dropdown-panel {
  background: var(--white);
  color: var(--text-color);
  border: var(--reset-none);
  border-radius: var(--border-radius);
  box-shadow: var(--overlay-box-shadow);
}

.p-dropdown-panel .p-dropdown-header {
  padding: var(--half-rem) var(--rem);
  border-bottom: var(--reset-none);
  color: var(--text-color);
  background: var(--surface-100);
  margin: var(--reset);
  border-top-right-radius: var(--border-radius);
  border-top-left-radius: var(--border-radius);
}

.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
  padding-right: var(--one-half-rem);
  margin-right: -var(--one-half-rem);
}

.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
  right: var(--half-rem);
  color: var(--text-color-secondary);
}

.p-dropdown-panel .p-dropdown-items {
  padding: var(--reset);
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
  margin: var(--reset);
  padding: var(--half-rem) var(--rem);
  border: var(--reset-none);
  color: var(--text-color);
  background: var(--transparent);
  transition: box-shadow 0.2s;
  border-radius: var(--reset);
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
  color: var(--text-color);
  background: var(--slate-50);
}

.p-dropdown-panel
  .p-dropdown-items
  .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
  background: var(--slate-50);
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
  padding: var(--half-rem) var(--rem);
  color: var(--text-color);
  background: var(--transparent);
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
  margin: var(--reset);
  padding: var(--three-fourth-rem) var(--rem);
  color: var(--text-color);
  background: var(--white);
}

p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
  border-color: var(--danger);
}

[pinputtext]::placeholder {
  color: var(--surface-300);
}

.p-input-filled .p-dropdown {
  background: var(--surface-100);
}

.p-input-filled .p-dropdown:not(.p-disabled):hover {
  background-color: var(--surface-100);
}

.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
  background-color: var(--white);
}

.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
  background-color: var(--white);
}

.p-editor-container .p-editor-toolbar {
  background: var(--surface-100);
  border-top-right-radius: var(--border-radius);
  border-top-left-radius: var(--border-radius);
}

.p-editor-container .p-editor-toolbar.ql-snow {
  border: var(--border-1px) var(--text-color-secondary);
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
  stroke: var(--text-color-secondary);
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
  fill: var(--text-color-secondary);
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
  border: var(--reset-none);
  color: var(--text-color-secondary);
}

.p-editor-container
  .p-editor-toolbar.ql-snow
  .ql-picker
  .ql-picker-label:hover {
  color: var(--text-color);
}

.p-editor-container
  .p-editor-toolbar.ql-snow
  .ql-picker
  .ql-picker-label:hover
  .ql-stroke {
  stroke: var(--text-color);
}

.p-editor-container
  .p-editor-toolbar.ql-snow
  .ql-picker
  .ql-picker-label:hover
  .ql-fill {
  fill: var(--text-color);
}

.p-editor-container
  .p-editor-toolbar.ql-snow
  .ql-picker.ql-expanded
  .ql-picker-label {
  color: var(--text-color);
}

.p-editor-container
  .p-editor-toolbar.ql-snow
  .ql-picker.ql-expanded
  .ql-picker-label
  .ql-stroke {
  stroke: var(--text-color);
}

.p-editor-container
  .p-editor-toolbar.ql-snow
  .ql-picker.ql-expanded
  .ql-picker-label
  .ql-fill {
  fill: var(--text-color);
}

.p-editor-container
  .p-editor-toolbar.ql-snow
  .ql-picker.ql-expanded
  .ql-picker-options {
  background: var(--white);
  border: var(--reset-none);
  box-shadow: var(--overlay-box-shadow);
  border-radius: var(--border-radius);
  padding: var(--half-rem) var(--reset);
}

.p-editor-container
  .p-editor-toolbar.ql-snow
  .ql-picker.ql-expanded
  .ql-picker-options
  .ql-picker-item {
  color: var(--text-color);
}

.p-editor-container
  .p-editor-toolbar.ql-snow
  .ql-picker.ql-expanded
  .ql-picker-options
  .ql-picker-item:hover {
  color: var(--text-color);
  background: var(--slate-600);
}

.p-editor-container
  .p-editor-toolbar.ql-snow
  .ql-picker.ql-expanded:not(.ql-icon-picker)
  .ql-picker-item {
  padding: var(--half-rem) var(--rem);
}

.p-editor-container .p-editor-content {
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

.p-editor-container .p-editor-content.ql-snow {
  border: var(--border-1px) var(--text-color-secondary);
}

.p-editor-container .p-editor-content .ql-editor {
  background: var(--white);
  color: var(--text-color);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
  color: var(--text-color);
}

.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
  stroke: var(--text-color);
}

.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
  fill: var(--text-color);
}

.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
  color: var(--primary-color);
}

.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
  stroke: var(--primary-color);
}

.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
  fill: var(--primary-color);
}

.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
.p-editor-container
  .ql-snow.ql-toolbar
  .ql-picker-label.ql-active
  .ql-picker-label,
.p-editor-container
  .ql-snow.ql-toolbar
  .ql-picker-item.ql-selected
  .ql-picker-label {
  color: var(--primary-color);
}

.p-inputgroup-addon {
  background: var(--slate-600);
  color: var(--text-color-secondary);
  border-top: var(--border-1px) var(--text-color-secondary);
  border-left: var(--border-1px) var(--text-color-secondary);
  border-bottom: var(--border-1px) var(--text-color-secondary);
  padding: var(--half-rem) var(--half-rem);
  min-width: var(--trigger-icon-rem);
}

.p-inputgroup-addon:last-child {
  border-right: var(--border-1px) var(--text-color-secondary);
}

.p-inputgroup > .p-component,
.p-inputgroup > .p-element,
.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
.p-inputgroup > .p-float-label > .p-component {
  border-radius: var(--reset);
  margin: var(--reset);
}

.p-inputgroup > .p-component + .p-inputgroup-addon,
.p-inputgroup > .p-element + .p-inputgroup-addon,
.p-inputgroup
  > .p-inputwrapper
  > .p-component
  > .p-inputtext
  + .p-inputgroup-addon,
.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
  border-left: var(--reset-none);
}

.p-inputgroup > .p-component:focus,
.p-inputgroup > .p-element:focus,
.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
.p-inputgroup > .p-float-label > .p-component:focus {
  z-index: 1;
}

.p-inputgroup > .p-component:focus ~ label,
.p-inputgroup > .p-element:focus ~ label,
.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
.p-inputgroup > .p-float-label > .p-component:focus ~ label {
  z-index: 1;
}

.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
.p-inputgroup input:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-component,
.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext {
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

.p-inputgroup .p-float-label:first-child input {
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
.p-inputgroup input:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-component,
.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext {
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}

.p-inputgroup .p-float-label:last-child input {
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}

.p-fluid .p-inputgroup .p-button {
  width: var(--auto);
}

.p-fluid .p-inputgroup .p-button.p-button-icon-only {
  width: var(--trigger-icon-rem);
}

p-inputmask.ng-dirty.ng-invalid > .p-inputtext {
  border-color: var(--danger);
}

p-inputmask.p-inputmask-clearable .p-inputtext {
  padding-right: var(--two-rem);
}

p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon {
  color: var(--text-color-secondary);
  right: var(--half-rem);
}

p-inputmask .p-inputtext.p-inputmask {
  width: var(--pct-100);
}

p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
  border-color: var(--danger);
}

p-inputnumber.p-inputnumber-clearable .p-inputnumber-input {
  padding-right: var(--two-rem);
}

p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon {
  color: var(--text-color-secondary);
  right: var(--half-rem);
}

p-inputnumber .p-inputnumber {
  width: var(--pct-100);
}

p-inputnumber.p-inputnumber-clearable
  .p-inputnumber-buttons-stacked
  .p-inputnumber-clear-icon {
  right: var(--clear-icon-rem);
}

p-inputnumber.p-inputnumber-clearable
  .p-inputnumber-buttons-horizontal
  .p-inputnumber-clear-icon {
  right: var(--clear-icon-rem);
}

p-inputnumber .p-inputnumber-button {
  height: var(--reset);
}

.p-inputswitch {
  width: var(--three-rem);
  height: var(--input-switch-height);
}

.p-inputswitch .p-inputswitch-slider {
  background: var(--transparent);
  border: var(--border-1px) var(--surface-500);
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
  border-radius: var(--slider-border-radius);
}

.p-inputswitch .p-inputswitch-slider:before {
  background: var(--surface-500);
  width: var(--one-quarter-rem);
  height: var(--one-quarter-rem);
  left: var(--quarter-rem);
  margin-top: -0.625rem;
  border-radius: 50%;
  transition-duration: 0.2s;
}

.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
  transform: translateX(var(--one-quarter-rem));
}

.p-inputswitch.p-focus .p-inputswitch-slider {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
}

.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
  background: var(--primary-color);
}

.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
  background: var(--slate-50);
  margin-left: -0.05rem;
}

.p-inputswitch.p-disabled .p-inputswitch-slider {
  background: var(--surface-100);
}

.p-inputswitch.p-disabled .p-inputswitch-slider:before {
  background: var(--surface-300);
}

.p-inputswitch.p-inputswitch-checked.p-disabled .p-inputswitch-slider {
  background: var(--surface-500);
}

.p-inputswitch.p-inputswitch-checked.p-disabled .p-inputswitch-slider:before {
  background: var(--surface-300);
}

p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
  border-color: var(--danger);
}

.p-inputtext {
  font-family: var(--component-font-family);
  font-size: var(--font-size-body);
  color: var(--text-color);
  background: var(--white);
  padding: var(--quarter-rem) var(--quarter-rem);
  border: var(--border-1px) var(--text-color-secondary);
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
  appearance: none;
  border-radius: var(--border-radius);
}

.p-inputtext:enabled:hover,
.p-inputtext:enabled:active,
.p-inputtext:enabled:focus {
  border-color: var(--primary-color);
}

.p-inputtext:enabled:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
}

.p-inputtext:disabled {
  color: var(--slate-0);
  background-color: var(--surface-100) !important;
  border-color: var(--surface-300);
  cursor: not-allowed;
}

.p-inputtext.disabled {
  color: var(--slate-0);
  background-color: var(--surface-100) !important;
  border-color: var(--surface-300);
  cursor: not-allowed;
  pointer-events: none;
}

.p-inputtext.ng-dirty.ng-invalid {
  border-color: var(--danger);
}

.p-inputtext.p-inputtext-sm {
  font-size: var(--font-size-body);
  padding: var(--small-padding) var(--small-padding);
}

.p-inputtext.p-inputtext-lg {
  font-size: var(--one-quarter-rem);
  padding: var(--large-padding) var(--large-padding);
}

.p-float-label > label {
  left: var(--half-rem);
  color: var(--text-color-secondary);
  transition-duration: 0.2s;
}

.p-float-label > .ng-invalid.ng-dirty + label {
  color: var(--danger);
}

.p-input-icon-left > i:first-of-type {
  left: var(--half-rem);
  color: var(--text-color-secondary);
}

.p-input-icon-left > .p-inputtext {
  padding-left: var(--two-rem);
}

.p-input-icon-left.p-float-label > label {
  left: var(--two-rem);
}

.p-input-icon-right > i:last-of-type {
  right: var(--half-rem);
  color: var(--text-color-secondary);
  line-height: normal;
}

.p-input-icon-right > .p-inputtext {
  padding-right: var(--two-rem);
}

::-webkit-input-placeholder {
  color: var(--surface-300);
}

:-moz-placeholder {
  color: var(--surface-300);
}

::-moz-placeholder {
  color: var(--surface-300);
}

:-ms-input-placeholder {
  color: var(--surface-300);
}

.p-input-filled .p-inputtext,
.p-input-filled .p-inputtext:enabled:hover,
.p-input-filled .p-inputtext:enabled:active,
.p-input-filled .p-inputtext:enabled:focus {
  background-color: var(--transparent);
}

.p-inputtext-sm .p-inputtext {
  font-size: var(--font-size-body);
  padding: var(--small-padding) var(--small-padding);
}

.p-inputtext-lg .p-inputtext {
  font-size: var(--one-quarter-rem);
  padding: var(--large-padding) var(--large-padding);
}

.p-listbox {
  background: var(--white);
  color: var(--text-color);
  border: var(--border-1px) var(--text-color-secondary);
  border-radius: var(--border-radius);
}

.p-listbox .p-listbox-header {
  padding: var(--half-rem) var(--rem);
  border-bottom: var(--reset-none);
  color: var(--text-color);
  background: var(--surface-100);
  margin: var(--reset);
  border-top-right-radius: var(--border-radius);
  border-top-left-radius: var(--border-radius);
}

.p-listbox .p-listbox-header .p-listbox-filter {
  padding-right: var(--one-half-rem);
}

.p-listbox .p-listbox-header .p-listbox-filter-icon {
  right: var(--half-rem);
  color: var(--text-color-secondary);
}

.p-listbox .p-listbox-header .p-checkbox {
  margin-right: var(--half-rem);
}

.p-listbox .p-listbox-list {
  padding: var(--half-rem) var(--reset);
}

.p-listbox .p-listbox-list .p-listbox-item {
  margin: var(--reset);
  padding: var(--half-rem) var(--rem);
  border: var(--reset-none);
  color: var(--text-color);
  transition: box-shadow 0.2s;
  border-radius: var(--reset);
}

.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
  color: var(--text-color);
  background: var(--slate-100);
}

.p-listbox .p-listbox-list .p-listbox-item:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-box-shadow) var(--primary-color);
}

.p-listbox .p-listbox-list .p-listbox-item .p-checkbox {
  margin-right: var(--half-rem);
}

.p-listbox .p-listbox-list .p-listbox-item-group {
  margin: var(--reset);
  padding: var(--three-fourth-rem) var(--rem);
  color: var(--text-color);
  background: var(--white);
}

.p-listbox .p-listbox-list .p-listbox-empty-message {
  padding: var(--half-rem) var(--rem);
  color: var(--text-color);
  background: var(--transparent);
}

.p-listbox:not(.p-disabled)
  .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
  color: var(--text-color);
  background: var(--slate-600);
}

p-listbox.ng-dirty.ng-invalid > .p-listbox {
  border-color: var(--danger);
}

.p-multiselect {
  background: var(--white);
  border: var(--border-1px) var(--text-color-secondary);
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
  border-radius: var(--border-radius);
}

.p-multiselect:not(.p-disabled):hover {
  border-color: var(--primary-color);
}

.p-multiselect:not(.p-disabled).p-focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
  border-color: var(--primary-color);
}

.p-multiselect .p-multiselect-label {
  padding: var(--quarter-rem) var(--quarter-rem);
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
}

.p-multiselect .p-multiselect-label.p-placeholder {
  color: var(--surface-300);
}

.p-multiselect.p-multiselect-chip .p-multiselect-label {
  gap: var(--half-rem);
}

.p-multiselect.p-multiselect-chip .p-multiselect-token {
  padding: var(--one-eighth-rem) var(--half-rem);
  background: var(--slate-100);
  color: var(--text-color);
  border-radius: var(--border-radius);
  margin-right: var(--quarter-rem);
}

.p-multiselect.p-multiselect-chip
  .p-multiselect-token
  .p-multiselect-token-icon {
  margin-left: var(--half-rem);
  margin-top: var(--reset);
}

.p-multiselect .p-multiselect-trigger {
  background: var(--transparent);
  color: var(--text-color-secondary);
  width: var(--trigger-icon-rem);
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}

.p-multiselect:not(.p-disabled):hover .p-multiselect-trigger,
.p-multiselect:not(.p-disabled).p-focus .p-multiselect-trigger {
  color: var(--primary-color);
}

.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
  padding: var(--one-eighth-rem) var(--quarter-rem);
}

.p-multiselect-panel {
  background: var(--white);
  color: var(--text-color);
  border: var(--reset-none);
  border-radius: var(--border-radius);
  box-shadow: var(--overlay-box-shadow);
}

.p-multiselect-panel .p-multiselect-header {
  padding: var(--half-rem) var(--rem);
  border-bottom: var(--reset-none);
  color: var(--text-color);
  background: var(--surface-100);
  margin: var(--reset);
  border-top-right-radius: var(--border-radius);
  border-top-left-radius: var(--border-radius);
}

.p-multiselect-panel
  .p-multiselect-header
  .p-multiselect-filter-container
  .p-inputtext {
  padding-right: var(--one-half-rem);
}

.p-multiselect-panel
  .p-multiselect-header
  .p-multiselect-filter-container
  .p-multiselect-filter-icon {
  right: var(--half-rem);
  color: var(--text-color-secondary);
}

.p-multiselect-panel .p-multiselect-header .p-checkbox {
  margin-right: var(--half-rem);
}

.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
  margin-left: var(--half-rem);
  width: var(--two-rem);
  height: var(--two-rem);
  color: var(--text-color-secondary);
  border: var(--reset-none);
  background: var(--transparent);
  border-radius: var(--pct-50);
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}

.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover,
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus,
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:active {
  color: var(--danger);
  border-color: var(--transparent);
  background: var(--slate-50);
}

.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
}

.p-multiselect-panel .p-multiselect-items {
  padding: var(--reset);
}

.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
  margin: var(--reset);
  padding: var(--half-rem) var(--rem);
  border: var(--reset-none);
  color: var(--text-color);
  background: var(--transparent);
  transition: box-shadow 0.2s;
  border-radius: var(--reset);
}

.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
  color: var(--text-color);
  background: var(--slate-50);
  border-bottom: var(--border-1px) var(--white);
}

.p-multiselect-panel
  .p-multiselect-items
  .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
  background: var(--slate-50);
}

.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-box-shadow) var(--slate-100);
}

.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
  margin-right: var(--half-rem);
}

.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
  margin: var(--reset);
  padding: var(--three-fourth-rem) var(--rem);
  color: var(--text-color);
  background: var(--white);
}

.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
  padding: var(--half-rem) var(--rem);
  color: var(--text-color);
  background: var(--transparent);
}

p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
  border-color: var(--danger);
}

.p-input-filled .p-multiselect {
  background: var(--surface-100);
}

.p-input-filled .p-multiselect:not(.p-disabled):hover {
  background-color: var(--surface-100);
}

.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
  background-color: var(--white);
}

p-multiselect.p-multiselect-clearable .p-multiselect-label-container {
  display: flex;
  padding-right: var(--one-half-rem);
}

p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon {
  color: var(--text-color-secondary);
  right: var(--trigger-icon-rem);
}

p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext {
  border-color: var(--danger);
}

.p-password-panel {
  padding: var(--rem);
  background: var(--white);
  color: var(--text-color);
  border: var(--reset-none);
  box-shadow: var(--overlay-box-shadow);
  border-radius: var(--border-radius);
}

.p-password-panel .p-password-meter {
  margin-bottom: var(--half-rem);
  background: var(--text-color-secondary);
}

.p-password-panel .p-password-meter .p-password-strength.weak {
  background: var(--danger);
}

.p-password-panel .p-password-meter .p-password-strength.medium {
  background: var(--warning);
}

.p-password-panel .p-password-meter .p-password-strength.strong {
  background: var(--success);
}

p-password.p-password-clearable .p-password-input {
  padding-right: var(--two-rem);
}

p-password.p-password-clearable .p-password-clear-icon {
  color: var(--text-color-secondary);
  right: var(--half-rem);
}

p-password.p-password-clearable.p-password-mask .p-password-input {
  padding-right: var(--three-half-rem);
}

p-password.p-password-clearable.p-password-mask .p-password-clear-icon {
  color: var(--text-color-secondary);
  right: var(--two-rem);
}

.p-radiobutton {
  width: var(--check-radio-dimension);
  height: var(--check-radio-dimension);
}

.p-radiobutton .p-radiobutton-box {
  border: var(--border-2px) var(--text-color-secondary);
  background: var(--white);
  width: var(--check-radio-dimension);
  height: var(--check-radio-dimension);
  color: var(--text-color);
  border-radius: var(--pct-50);
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
}

.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
  border-color: var(--primary-color);
}

.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
  border-color: var(--primary-color);
}

.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
  width: var(--half-rem);
  height: var(--half-rem);
  transition-duration: 0.2s;
  background-color: var(--primary-color);
}

.p-radiobutton .p-radiobutton-box.p-highlight {
  background: var(--white);
  border: var(--border-4px) var(--primary-color);
}

.p-radiobutton .p-radiobutton-box.p-disabled.p-highlight {
  background: var(--white);
  border: var(--border-4px) var(--surface-500);
}

.p-radiobutton .p-radiobutton-box.p-disabled {
  background: var(--surface-300);
  border: var(--surface-100);
}

.p-radiobutton .p-radiobutton-box.p-disabled .p-radiobutton-icon {
  background: var(--surface-500);
}

p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
  border-color: var(--danger);
}

.p-input-filled .p-radiobutton .p-radiobutton-box {
  background-color: var(--surface-100);
}

.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
  background-color: var(--surface-100);
}

.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
  background: var(--primary-color);
}

.p-input-filled
  .p-radiobutton
  .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
  background: var(--primary-color);
}

.p-radiobutton-label {
  margin-left: var(--half-rem);
}

.p-rating .p-rating-icon {
  color: var(--text-color);
  margin-left: var(--half-rem);
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
  font-size: var(--font-size-lg);
}

.p-rating .p-rating-icon.p-rating-cancel {
  color: var(--danger);
}

.p-rating .p-rating-icon:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
}

.p-rating .p-rating-icon:first-child {
  margin-left: var(--reset);
}

.p-rating .p-rating-icon.pi-star-fill {
  color: var(--primary-color);
}

.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
  color: var(--primary-color);
}

.p-rating:not(.p-disabled):not(.p-readonly)
  .p-rating-icon.p-rating-cancel:hover {
  color: var(--danger-dark);
}

.p-selectbutton .p-button {
  background: var(--white);
  border: var(--border-3px) var(--text-color-secondary);
  color: var(--text-color);
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
}

.p-selectbutton .p-button .p-button-icon-left,
.p-selectbutton .p-button .p-button-icon-right {
  color: var(--text-color-secondary);
}

.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
  background: var(--slate-600);
  border-color: var(--text-color-secondary);
  color: var(--text-color);
}

.p-selectbutton
  .p-button:not(.p-disabled):not(.p-highlight):hover
  .p-button-icon-left,
.p-selectbutton
  .p-button:not(.p-disabled):not(.p-highlight):hover
  .p-button-icon-right {
  color: var(--text-color-secondary);
}

.p-selectbutton .p-button.p-highlight {
  background: var(--primary-color);
  border-color: var(--primary-color);
  color: var(--white);
}

.p-selectbutton .p-button.p-highlight .p-button-icon-left,
.p-selectbutton .p-button.p-highlight .p-button-icon-right {
  color: var(--white);
}

.p-selectbutton .p-button.p-highlight:hover {
  background: var(--slate-600);
  border-color: var(--slate-600);
  color: var(--white);
}

.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
  color: var(--white);
}

p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
  border-color: var(--danger);
}

.p-slider {
  background: var(--text-color-secondary);
  border: var(--reset-none);
  border-radius: var(--border-radius);
}

.p-slider.p-slider-horizontal {
  height: var(--slider-dimension);
}

.p-slider.p-slider-horizontal .p-slider-handle {
  margin-top: -var(--slider-handle-margin);
  margin-left: -var(--slider-handle-margin);
}

.p-slider.p-slider-vertical {
  width: var(--slider-dimension);
}

.p-slider.p-slider-vertical .p-slider-handle {
  margin-left: -var(--slider-handle-margin);
  margin-bottom: -var(--slider-handle-margin);
}

.p-slider .p-slider-handle {
  height: var(--slider-handle-dimension);
  width: var(--slider-handle-dimension);
  background: var(--white);
  border: var(--border-2px) var(--primary-color);
  border-radius: var(--pct-50);
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
}

.p-slider .p-slider-handle:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
}

.p-slider .p-slider-range {
  background: var(--primary-color);
}

.p-slider:not(.p-disabled) .p-slider-handle:hover {
  background: var(--primary-color);
  border-color: var(--primary-color);
}

.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle {
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s,
    left 0.2s;
}

.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range {
  transition: width 0.2s;
}

.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle {
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s,
    bottom 0.2s;
}

.p-slider.p-slider-animate.p-slider-vertical .p-slider-range {
  transition: height 0.2s;
}

.p-togglebutton.p-button {
  background: var(--white);
  border: var(--border-3px) var(--text-color-secondary);
  color: var(--text-color);
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
}

.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
  color: var(--text-color-secondary);
}

.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
  background: var(--slate-600);
  border-color: var(--text-color-secondary);
  color: var(--text-color);
}

.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover
  .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover
  .p-button-icon-right {
  color: var(--text-color-secondary);
}

.p-togglebutton.p-button.p-highlight {
  background: var(--primary-color);
  border-color: var(--primary-color);
  color: var(--white);
}

.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
  color: var(--white);
}

.p-togglebutton.p-button.p-highlight:hover {
  background: var(--slate-600);
  border-color: var(--slate-600);
  color: var(--white);
}

.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
  color: var(--white);
}

p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
  border-color: var(--danger);
}

.p-treeselect {
  background: var(--white);
  border: var(--border-1px) var(--text-color-secondary);
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
  border-radius: var(--border-radius);
}

.p-treeselect:not(.p-disabled):hover {
  border-color: var(--primary-color);
}

.p-treeselect:not(.p-disabled).p-focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
  border-color: var(--primary-color);
}

.p-treeselect .p-treeselect-label {
  padding: var(--half-rem) var(--half-rem);
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
}

.p-treeselect .p-treeselect-label.p-placeholder {
  color: var(--surface-300);
}

.p-treeselect.p-treeselect-chip .p-treeselect-token {
  padding: var(--quarter-rem) var(--half-rem);
  margin-right: var(--half-rem);
  background: var(--text-color-secondary);
  color: var(--text-color);
  border-radius: var(--rem);
}

.p-treeselect .p-treeselect-trigger {
  background: var(--transparent);
  color: var(--text-color-secondary);
  width: var(--trigger-icon-rem);
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}

p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
  border-color: var(--danger);
}

.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label {
  padding: var(--quarter-rem) var(--half-rem);
}

.p-treeselect-panel {
  background: var(--white);
  color: var(--text-color);
  border: var(--reset-none);
  border-radius: var(--border-radius);
  box-shadow: var(--overlay-box-shadow);
}

.p-treeselect-panel .p-treeselect-header {
  padding: var(--half-rem) var(--rem);
  border-bottom: var(--reset-none);
  color: var(--text-color);
  background: var(--surface-100);
  margin: var(--reset);
  border-top-right-radius: var(--border-radius);
  border-top-left-radius: var(--border-radius);
}

.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
  margin-right: var(--half-rem);
}

.p-treeselect-panel
  .p-treeselect-header
  .p-treeselect-filter-container
  .p-treeselect-filter {
  padding-right: var(--one-half-rem);
}

.p-treeselect-panel
  .p-treeselect-header
  .p-treeselect-filter-container
  .p-treeselect-filter-icon {
  right: var(--half-rem);
  color: var(--text-color-secondary);
}

.p-treeselect-panel
  .p-treeselect-header
  .p-treeselect-filter-container.p-treeselect-clearable-filter
  .p-treeselect-filter {
  padding-right: var(--three-rem);
}

.p-treeselect-panel
  .p-treeselect-header
  .p-treeselect-filter-container.p-treeselect-clearable-filter
  .p-treeselect-filter-clear-icon {
  right: var(--two-rem);
}

.p-treeselect-panel .p-treeselect-header .p-treeselect-close {
  width: var(--two-rem);
  height: var(--two-rem);
  color: var(--text-color-secondary);
  border: var(--reset-none);
  background: var(--transparent);
  border-radius: var(--pct-50);
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}

.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover {
  color: var(--text-color);
  border-color: var(--transparent);
  background: var(--slate-600);
}

.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
}

.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
  border: var(--reset-none);
}

.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
  padding: var(--half-rem) var(--rem);
  color: var(--text-color);
  background: var(--transparent);
}

.p-input-filled .p-treeselect {
  background: var(--surface-100);
}

.p-input-filled .p-treeselect:not(.p-disabled):hover {
  background-color: var(--surface-100);
}

.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
  background-color: var(--white);
}

p-treeselect.p-treeselect-clearable .p-treeselect-label-container {
  padding-right: var(--one-half-rem);
}

p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
  color: var(--text-color-secondary);
  right: var(--trigger-icon-rem);
}

.p-button {
  color: var(--white);
  background: var(--primary-color);
  border: var(--border-3px) var(--primary-color);
  padding: var(--large-padding) var(--rem);
  font-size: var(--rem);
  font-family: var(--lexend-semi-bold);
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
  border-radius: var(--border-radius);
}

.p-button:disabled {
  opacity: var(--alpha-100);
  background: var(--slate-200);
  border-color: var(--slate-200);
}

.p-button.p-button-success:disabled {
  opacity: var(--alpha-100);
  background: var(--success-light);
  border-color: var(--success-light);
}

.p-button:enabled:hover,
.p-button:enabled:active,
.p-button:enabled:focus {
  background: var(--slate-600);
  border-color: var(--slate-600);
}

.p-button.p-button-outlined {
  background: var(--transparent);
  color: var(--primary-color);
  border: var(--border-3px);
}

.p-button.p-button-outlined:disabled {
  background: var(--transparent);
  border-color: var(--slate-200);
  color: var(--slate-200);
}

.p-button.p-button-outlined:enabled:hover,
.p-button.p-button-outlined:enabled:active,
.p-button.p-button-outlined:enabled:focus {
  background: var(--slate-600);
  border-color: var(--slate-600);
  color: var(--white);
}

.p-button.p-button-outlined.p-button-plain,
.p-button.p-button-text,
.p-button.p-button-text.p-button-plain {
  color: var(--primary-color);
  border: var(--reset-none);
  padding: var(--reset);
}

.p-button.p-button-outlined.p-button-plain:disabled,
.p-button.p-button-text:disabled,
.p-button.p-button-text.p-button-plain:disabled {
  color: var(--slate-200);
}

.p-button.p-button-outlined.p-button-plain:enabled:hover,
.p-button.p-button-outlined.p-button-plain:enabled:active,
.p-button.p-button-outlined.p-button-plain:enabled:focus {
  background: var(--transparent);
  border: var(--reset-none);
  color: var(--slate-600);
  text-decoration: underline;
}

.p-button.p-button-text {
  background: var(--transparent);
  color: var(--primary-color);
  border: var(--reset-none);
  padding: var(--reset);
}

.p-button.p-button-text:disabled {
  color: var(--slate-200);
}

.p-button.p-button-text:enabled:hover,
.p-button.p-button-text:enabled:active,
.p-button.p-button-text:enabled:focus {
  background: var(--transparent);
  border: var(--reset-none);
  color: var(--slate-600);
  text-decoration: underline;
}

button.p-button-trash {
  color: var(--primary-color);
}

button.p-button-trash:enabled:hover,
button.p-button-trash:enabled:active,
button.p-button-trash:enabled:focus,
.p-button.p-button-text.p-button-trash:enabled:hover,
.p-button.p-button-text.p-button-trash:enabled:active,
.p-button.p-button-text.p-button-trash:enabled:focus {
  color: var(--danger);
}

.p-button:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
}

.p-button .p-button-label {
  transition-duration: 0.2s;
}

.p-button .p-button-icon-left {
  margin-right: var(--half-rem);
}

.p-button .p-button-icon-right {
  margin-left: var(--half-rem);
}

.p-button .p-button-icon-bottom {
  margin-top: var(--half-rem);
}

.p-button .p-button-icon-top {
  margin-bottom: var(--half-rem);
}

.p-button .p-badge {
  margin-left: var(--half-rem);
  min-width: var(--rem);
  height: var(--rem);
  line-height: var(--rem);
  color: var(--white);
  background: var(--danger);
}

.p-button.p-button-raised {
  box-shadow: var(--raised-button-box-shadow);
}

.p-button.p-button-rounded {
  border-radius: var(--two-rem);
}

.p-button.p-button-icon-only {
  width: var(--trigger-icon-rem);
  padding: var(--half-rem) var(--reset);
  text-decoration: var(--none);
}

.p-button.p-button-icon-only:hover,
.p-button.p-button-icon-only:active,
.p-button.p-button-icon-only:focus {
  text-decoration: var(--none) !important;
}

.p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right {
  margin: var(--reset);
}

.p-button.p-button-icon-only.p-button-rounded {
  border-radius: var(--pct-50);
  height: var(--trigger-icon-rem);
}

.p-button.p-button-sm {
  font-size: var(--font-size-body);
  padding: var(--half-rem) var(--half-rem);
}

.p-button.p-button-sm .p-button-icon {
  font-size: var(--font-size-body);
}

.p-button.p-button-lg {
  font-size: var(--font-size-lg);
  padding: var(--half-rem) var(--half-rem);
}

.p-button.p-button-lg .p-button-icon {
  font-size: var(--font-size-lg);
}

.p-button.p-button-loading-label-only .p-button-label {
  margin-left: var(--half-rem);
}

.p-button.p-button-loading-label-only .p-button-loading-icon {
  margin-right: var(--reset);
}

.p-fluid .p-button {
  width: var(--pct-100);
}

.p-fluid .p-button-icon-only {
  width: var(--trigger-icon-rem);
}

.p-fluid .p-buttonset {
  display: flex;
}

.p-fluid .p-buttonset .p-button {
  flex: 1;
}

.p-button.p-button-secondary,
.p-buttonset.p-button-secondary > .p-button,
.p-splitbutton.p-button-secondary > .p-button {
  background: var(--black);
  color: var(--white);
  border: var(--border-3px) var(--black);
}

.p-button.p-button-secondary:enabled:hover,
.p-buttonset.p-button-secondary > .p-button:enabled:hover,
.p-splitbutton.p-button-secondary > .p-button:enabled:hover,
.p-button.p-button-secondary:enabled:focus,
.p-buttonset.p-button-secondary > .p-button:enabled:focus,
.p-splitbutton.p-button-secondary > .p-button:enabled:focus,
.p-button.p-button-secondary:enabled:active,
.p-buttonset.p-button-secondary > .p-button:enabled:active,
.p-splitbutton.p-button-secondary > .p-button:enabled:active {
  background: var(--surface-600);
  color: var(--white);
  border-color: var(--surface-600);
}

.p-button.p-button-secondary.p-button-outlined,
.p-buttonset.p-button-secondary > .p-button.p-button-outlined,
.p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
  background-color: var(--transparent);
  color: var(--black);
  border: var(--border-3px);
}

.p-button.p-button-secondary.p-button-outlined:enabled:hover,
.p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover,
.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover,
.p-button.p-button-secondary.p-button-outlined:enabled:active,
.p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active,
.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active,
.p-button.p-button-secondary.p-button-outlined:enabled:focus,
.p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus,
.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus {
  background: var(--black);
  color: var(--white);
  border-color: var(--black);
}

.p-button.p-button-secondary.p-button-text,
.p-buttonset.p-button-secondary > .p-button.p-button-text,
.p-splitbutton.p-button-secondary > .p-button.p-button-text {
  background: var(--transparent);
  color: var(--surface-500);
  border: var(--border-3px) var(--transparent);
}

.p-button.p-button-secondary.p-button-text:enabled:hover,
.p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover,
.p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover,
.p-button.p-button-secondary.p-button-text:enabled:active,
.p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active,
.p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active,
.p-button.p-button-secondary.p-button-text:enabled:focus,
.p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus,
.p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus {
  background: var(--transparent);
  color: var(--surface-500);
  border: var(--border-3px) var(--transparent);
}

/*.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
  color: var(--white);
  background: var(--slate-500);
  border: var(--border-1px) var(--slate-500);
}
.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
  background: var(--slate-100);
  color: var(--white);
  border-color: var(--slate-100);
}
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
  box-shadow: var(--focused-button-box-shadow) var(--slate-100);
}
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
  background: var(--slate-100);
  color: var(--white);
  border-color: var(--slate-100);
}
.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
  background-color: var(--transparent);
  color: var(--slate-500);
  border: var(--border-1px);
}
.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
  background: rgba(2, 136, 209, 0.04);
  color: var(--slate-500);
  border: var(--border-1px);
}
.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
  background: rgba(2, 136, 209, 0.16);
  color: var(--slate-500);
  border: var(--border-1px);
}
.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
  background-color: var(--transparent);
  color: var(--slate-500);
  border-color: var(--transparent);
}
.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
  background: rgba(2, 136, 209, 0.04);
  border-color: var(--transparent);
  color: var(--slate-500);
}
.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
  background: rgba(2, 136, 209, 0.16);
  border-color: var(--transparent);
  color: var(--slate-500);
}*/

.p-button.p-button-success,
.p-buttonset.p-button-success > .p-button,
.p-splitbutton.p-button-success > .p-button {
  background: var(--success);
  color: var(--white);
  border: var(--border-3px) var(--success);
}

.p-button.p-button-success:enabled:hover,
.p-buttonset.p-button-success > .p-button:enabled:hover,
.p-splitbutton.p-button-success > .p-button:enabled:hover,
.p-button.p-button-success:enabled:focus,
.p-buttonset.p-button-success > .p-button:enabled:focus,
.p-splitbutton.p-button-success > .p-button:enabled:focus,
.p-button.p-button-success:enabled:active,
.p-buttonset.p-button-success > .p-button:enabled:active,
.p-splitbutton.p-button-success > .p-button:enabled:active {
  background: var(--slate-600);
  color: var(--white);
  border-color: var(--slate-600);
}

.p-button.p-button-success.p-button-outlined,
.p-buttonset.p-button-success > .p-button.p-button-outlined,
.p-splitbutton.p-button-success > .p-button.p-button-outlined {
  background: var(--transparent);
  color: var(--success);
  border-color: var(--success);
}

.p-button.p-button-success.p-button-outlined:enabled:hover,
.p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover,
.p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover,
.p-button.p-button-success.p-button-outlined:enabled:active,
.p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active,
.p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active,
.p-button.p-button-success.p-button-outlined:enabled:focus,
.p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus,
.p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus {
  background: var(--success);
  color: var(--white);
  border-color: var(--success);
}

.p-button.p-button-success.p-button-text,
.p-buttonset.p-button-success > .p-button.p-button-text,
.p-splitbutton.p-button-success > .p-button.p-button-text {
  background: var(--transparent);
  color: var(--success);
  border: var(--reset-none);
}

.p-button.p-button-success.p-button-text:enabled:hover,
.p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover,
.p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover,
.p-button.p-button-success.p-button-text:enabled:active,
.p-buttonset.p-button-success > .p-button.p-button-text:enabled:active,
.p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active,
.p-button.p-button-success.p-button-text:enabled:focus,
.p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus,
.p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus {
  background: var(--transparent);
  color: var(--success-dark);
  text-decoration: underline;
}

.p-button.p-button-success.p-button-text:disabled {
  background: var(--transparent);
  color: var(--surface-300);
}

.p-button.p-button-warning,
.p-buttonset.p-button-warning > .p-button,
.p-splitbutton.p-button-warning > .p-button {
  background: var(--warning);
  color: var(--white);
  border: var(--border-3px) var(--warning);
}

.p-button.p-button-warning:enabled:hover,
.p-buttonset.p-button-warning > .p-button:enabled:hover,
.p-splitbutton.p-button-warning > .p-button:enabled:hover,
.p-button.p-button-warning:enabled:focus,
.p-buttonset.p-button-warning > .p-button:enabled:focus,
.p-splitbutton.p-button-warning > .p-button:enabled:focus,
.p-button.p-button-warning:enabled:active,
.p-buttonset.p-button-warning > .p-button:enabled:active,
.p-splitbutton.p-button-warning > .p-button:enabled:active {
  background: var(--slate-600);
  color: var(--white);
  border-color: var(--slate-600);
}

.p-button.p-button-warning.p-button-outlined,
.p-buttonset.p-button-warning > .p-button.p-button-outlined,
.p-splitbutton.p-button-warning > .p-button.p-button-outlined {
  background: var(--transparent);
  color: var(--warning);
  border-color: var(--warning);
}

.p-button.p-button-warning.p-button-outlined:enabled:hover,
.p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover,
.p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover,
.p-button.p-button-warning.p-button-outlined:enabled:active,
.p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active,
.p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active,
.p-button.p-button-warning.p-button-outlined:enabled:focus,
.p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus,
.p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus {
  background: var(--warning);
  color: var(--white);
  border-color: var(--warning);
}

.p-button.p-button-warning.p-button-text,
.p-buttonset.p-button-warning > .p-button.p-button-text,
.p-splitbutton.p-button-warning > .p-button.p-button-text {
  background: var(--transparent);
  color: var(--warning);
  border: var(--reset-none);
}

.p-button.p-button-warning.p-button-text:enabled:hover,
.p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover,
.p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover,
.p-button.p-button-warning.p-button-text:enabled:active,
.p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active,
.p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active,
.p-button.p-button-warning.p-button-text:enabled:focus,
.p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus,
.p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus {
  background: var(--transparent);
  color: var(--warning-dark);
  text-decoration: underline;
}

.p-button.p-button-warning.p-button-text:disabled {
  background: var(--transparent);
  color: var(--warning-light);
}

.p-button.p-button-help,
.p-buttonset.p-button-help > .p-button,
.p-splitbutton.p-button-help > .p-button {
  background: var(--slate-100);
  color: var(--slate-800);
  border: var(--border-3px) var(--slate-100);
}

.p-button.p-button-help:enabled:hover,
.p-buttonset.p-button-help > .p-button:enabled:hover,
.p-splitbutton.p-button-help > .p-button:enabled:hover,
.p-button.p-button-help:enabled:focus,
.p-buttonset.p-button-help > .p-button:enabled:focus,
.p-splitbutton.p-button-help > .p-button:enabled:focus,
.p-button.p-button-help:enabled:active,
.p-buttonset.p-button-help > .p-button:enabled:active,
.p-splitbutton.p-button-help > .p-button:enabled:active {
  background: var(--slate-800);
  color: var(--slate-100);
  border-color: var(--slate-800);
  box-shadow: var(--none);
}

.p-button.p-button-help.p-button-outlined,
.p-buttonset.p-button-help > .p-button.p-button-outlined,
.p-splitbutton.p-button-help > .p-button.p-button-outlined {
  background: var(--transparent);
  color: var(--slate-800);
  border-color: var(--slate-100);
}

.p-button.p-button-help.p-button-outlined:enabled:hover,
.p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover,
.p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover,
.p-button.p-button-help.p-button-outlined:enabled:active,
.p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active,
.p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active,
.p-button.p-button-help.p-button-outlined:enabled:focus,
.p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus,
.p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus {
  background: var(--slate-800);
  color: var(--slate-100);
  border-color: var(--slate-800);
}

.p-button.p-button-help.p-button-text,
.p-buttonset.p-button-help > .p-button.p-button-text,
.p-splitbutton.p-button-help > .p-button.p-button-text {
  background: var(--transparent);
  color: var(--slate-800);
  border: var(--reset-none);
}

.p-button.p-button-help.p-button-text:enabled:hover,
.p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover,
.p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover,
.p-button.p-button-help.p-button-text:enabled:active,
.p-buttonset.p-button-help > .p-button.p-button-text:enabled:active,
.p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active,
.p-button.p-button-help.p-button-text:enabled:focus,
.p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus,
.p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus {
  background: var(--transparent);
  color: var(--slate-100);
  text-decoration: underline;
}

.p-button.p-button-danger,
.p-buttonset.p-button-danger > .p-button,
.p-splitbutton.p-button-danger > .p-button {
  background: var(--danger);
  color: var(--white);
  border: var(--border-3px) var(--danger);
}

.p-button.p-button-danger:enabled:hover,
.p-buttonset.p-button-danger > .p-button:enabled:hover,
.p-splitbutton.p-button-danger > .p-button:enabled:hover,
.p-button.p-button-danger:enabled:focus,
.p-buttonset.p-button-danger > .p-button:enabled:focus,
.p-splitbutton.p-button-danger > .p-button:enabled:focus,
.p-button.p-button-danger:enabled:active,
.p-buttonset.p-button-danger > .p-button:enabled:active,
.p-splitbutton.p-button-danger > .p-button:enabled:active {
  background: var(--danger);
  color: var(--white);
  border-color: var(--danger);
}

.p-button.p-button-danger.p-button-outlined,
.p-buttonset.p-button-danger > .p-button.p-button-outlined,
.p-splitbutton.p-button-danger > .p-button.p-button-outlined {
  background: var(--transparent);
  color: var(--danger);
  border-color: var(--danger);
}

.p-button.p-button-danger.p-button-outlined:enabled:hover,
.p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover,
.p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover,
.p-button.p-button-danger.p-button-outlined:enabled:active,
.p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active,
.p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active,
.p-button.p-button-danger.p-button-outlined:enabled:focus,
.p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus,
.p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus {
  background: var(--danger);
  color: var(--white);
  border-color: var(--danger);
}

.p-button.p-button-danger.p-button-text,
.p-buttonset.p-button-danger > .p-button.p-button-text,
.p-splitbutton.p-button-danger > .p-button.p-button-text {
  background: var(--transparent);
  color: var(--danger);
  border: var(--reset-none);
}

.p-button.p-button-danger.p-button-text:enabled:hover,
.p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover,
.p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover,
.p-button.p-button-danger.p-button-text:enabled:active,
.p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active,
.p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active,
.p-button.p-button-danger.p-button-text:enabled:focus,
.p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus,
.p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus {
  background: var(--transparent);
  color: var(--danger-dark);
  text-decoration: underline;
}

.p-button.p-button-danger.p-button-text:disabled {
  background: var(--transparent);
  color: var(--danger-light);
}

.p-button.p-button-link,
.p-button.p-button-link:enabled:hover,
.p-button.p-button-link:enabled:active,
.p-button.p-button-link:enabled:focus {
  background: var(--transparent);
  color: var(--primary-color);
  border: var(--transparent);
}

.p-button.p-button-link:enabled:hover .p-button-label,
.p-button.p-button-link:enabled:active .p-button-label,
.p-button.p-button-link:enabled:focus .p-button-label {
  text-decoration: underline;
}

.p-button.p-button-link.p-disabled {
  color: var(--slate-200);
}

.p-speeddial-button.p-button.p-button-icon-only {
  width: var(--four-rem);
  height: var(--four-rem);
}

.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
  font-size: var(--font-size-2xl);
}

.p-speeddial-action {
  width: var(--three-rem);
  height: var(--three-rem);
  background: var(--text-color);
  color: var(--white);
}

.p-speeddial-action:hover,
.p-speeddial-action:active,
.p-speeddial-action:focus {
  background: var(--slate-500);
  color: var(--white);
}

.p-speeddial-direction-up .p-speeddial-item,
.p-speeddial-direction-down .p-speeddial-item {
  margin: var(--quarter-rem) var(--reset);
}

.p-speeddial-direction-up .p-speeddial-item:first-child {
  margin-bottom: var(--half-rem);
}

.p-speeddial-direction-down .p-speeddial-item:first-child {
  margin-top: var(--half-rem);
}

.p-speeddial-direction-left .p-speeddial-item,
.p-speeddial-direction-right .p-speeddial-item {
  margin: var(--reset) var(--quarter-rem);
}

.p-speeddial-direction-left .p-speeddial-item:first-child {
  margin-right: var(--half-rem);
}

.p-speeddial-direction-right .p-speeddial-item:first-child {
  margin-left: var(--half-rem);
}

.p-speeddial-circle .p-speeddial-item,
.p-speeddial-semi-circle .p-speeddial-item,
.p-speeddial-quarter-circle .p-speeddial-item {
  margin: var(--reset);
}

.p-speeddial-circle .p-speeddial-item:first-child,
.p-speeddial-circle .p-speeddial-item:last-child,
.p-speeddial-semi-circle .p-speeddial-item:first-child,
.p-speeddial-semi-circle .p-speeddial-item:last-child,
.p-speeddial-quarter-circle .p-speeddial-item:first-child,
.p-speeddial-quarter-circle .p-speeddial-item:last-child {
  margin: var(--reset);
}

.p-speeddial-mask {
  background: var(--black);
  opacity: var(--alpha-40);
}

.p-splitbutton {
  border-radius: var(--border-radius);
}

.p-splitbutton.p-button-outlined > .p-button {
  background-color: var(--transparent);
  color: var(--primary-color);
  border: var(--border-3px);
}

.p-splitbutton.p-button-outlined > .p-button:enabled:hover,
.p-splitbutton.p-button-outlined
  > .p-button:not(button):not(a):not(.p-disabled):hover,
.p-splitbutton.p-button-outlined > .p-button:enabled:active,
.p-splitbutton.p-button-outlined
  > .p-button:not(button):not(a):not(.p-disabled):active,
.p-splitbutton.p-button-outlined > .p-button:enabled:focus,
.p-splitbutton.p-button-outlined
  > .p-button:not(button):not(a):not(.p-disabled):focus {
  background: var(--slate-600);
  border-color: var(--slate-600);
  color: var(--white);
}

.p-splitbutton.p-button-raised {
  box-shadow: var(--raised-button-box-shadow);
}

.p-splitbutton.p-button-rounded {
  border-radius: var(--two-rem);
}

.p-splitbutton.p-button-rounded > .p-button {
  border-radius: var(--two-rem);
}

.p-splitbutton.p-button-sm > .p-button {
  font-size: var(--font-size-body);
  padding: var(--half-rem) var(--half-rem);
}

.p-splitbutton.p-button-sm > .p-button .p-button-icon {
  font-size: var(--font-size-body);
}

.p-splitbutton.p-button-lg > .p-button {
  font-size: var(--font-size-lg);
  padding: var(--half-rem) var(--half-rem);
}

.p-splitbutton.p-button-lg > .p-button .p-button-icon {
  font-size: var(--font-size-lg);
}

.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
  background-color: var(--transparent);
  color: var(--black);
  border: var(--border-3px);
}

.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover,
.p-splitbutton.p-button-secondary.p-button-outlined
  > .p-button:not(button):not(a):not(.p-disabled):hover,
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active,
.p-splitbutton.p-button-secondary.p-button-outlined
  > .p-button:not(button):not(a):not(.p-disabled):active,
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:focus,
.p-splitbutton.p-button-secondary.p-button-outlined
  > .p-button:not(button):not(a):not(.p-disabled):focus {
  background: var(--black);
  color: var(--white);
  border-color: var(--black);
}

/*.p-splitbutton.p-button-info.p-button-outlined > .p-button {
  background-color: var(--transparent);
  color: var(--slate-500);
  border: var(--border-1px);
}
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: rgba(2, 136, 209, 0.04);
  color: var(--slate-500);
}
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
  background: rgba(2, 136, 209, 0.16);
  color: var(--slate-500);
}*/

.p-splitbutton.p-button-success.p-button-outlined > .p-button {
  background: var(--transparent);
  color: var(--success);
  border-color: var(--success);
}

.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover,
.p-splitbutton.p-button-success.p-button-outlined
  > .p-button:not(button):not(a):not(.p-disabled):hover,
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active,
.p-splitbutton.p-button-success.p-button-outlined
  > .p-button:not(button):not(a):not(.p-disabled):active,
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:focus,
.p-splitbutton.p-button-success.p-button-outlined
  > .p-button:not(button):not(a):not(.p-disabled):focus {
  background: var(--success);
  color: var(--white);
  border-color: var(--success);
}

.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
  background: var(--transparent);
  color: var(--warning);
  border-color: var(--warning);
}

.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover,
.p-splitbutton.p-button-warning.p-button-outlined
  > .p-button:not(button):not(a):not(.p-disabled):hover,
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active,
.p-splitbutton.p-button-warning.p-button-outlined
  > .p-button:not(button):not(a):not(.p-disabled):active,
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:focus,
.p-splitbutton.p-button-warning.p-button-outlined
  > .p-button:not(button):not(a):not(.p-disabled):focus {
  background: var(--warning);
  color: var(--white);
  border-color: var(--warning);
}

.p-splitbutton.p-button-help.p-button-outlined > .p-button {
  background: var(--transparent);
  color: var(--slate-800);
  border-color: var(--slate-100);
}

.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover,
.p-splitbutton.p-button-help.p-button-outlined
  > .p-button:not(button):not(a):not(.p-disabled):hover,
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active,
.p-splitbutton.p-button-help.p-button-outlined
  > .p-button:not(button):not(a):not(.p-disabled):active,
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:focus,
.p-splitbutton.p-button-help.p-button-outlined
  > .p-button:not(button):not(a):not(.p-disabled):focus {
  background: var(--slate-800);
  color: var(--slate-100);
  border-color: var(--slate-800);
}

.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
  background: var(--transparent);
  color: var(--danger);
  border-color: var(--danger);
}

.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover,
.p-splitbutton.p-button-danger.p-button-outlined
  > .p-button:not(button):not(a):not(.p-disabled):hover,
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active,
.p-splitbutton.p-button-danger.p-button-outlined
  > .p-button:not(button):not(a):not(.p-disabled):active,
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:focus,
.p-splitbutton.p-button-danger.p-button-outlined
  > .p-button:not(button):not(a):not(.p-disabled):focus {
  background: var(--danger);
  color: var(--white);
  border-color: var(--danger);
}

.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
  width: var(--two-rem);
  height: var(--two-rem);
  color: var(--text-color-secondary);
  border: var(--reset-none);
  background: var(--transparent);
  border-radius: var(--pct-50);
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
  margin: var(--half-rem);
}

.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
  color: var(--text-color);
  border-color: var(--transparent);
  background: var(--slate-600);
}

.p-carousel .p-carousel-content .p-carousel-prev:focus,
.p-carousel .p-carousel-content .p-carousel-next:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
}

.p-carousel .p-carousel-indicators {
  padding: var(--rem);
}

.p-carousel .p-carousel-indicators .p-carousel-indicator {
  margin-right: var(--half-rem);
  margin-bottom: var(--half-rem);
}

.p-carousel .p-carousel-indicators .p-carousel-indicator button {
  background-color: var(--slate-600);
  width: var(--two-rem);
  height: var(--half-rem);
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
  border-radius: var(--reset);
}

.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
  background: var(--text-color-secondary);
}

.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
  background: var(--slate-100);
  color: var(--text-color);
}

.p-datatable .p-paginator-top {
  border-width: 0 0 1px var(--reset);
  border-radius: var(--reset);
}

.p-datatable .p-paginator-bottom {
  border-width: 0 0 1px var(--reset);
  border-radius: var(--reset);
}

.p-datatable .p-datatable-header {
  background: var(--surface-100);
  color: var(--text-color);
  border: none;
  border-width: 1px 0 1px var(--reset);
  padding: var(--rem) var(--rem);
}

#securityReports .p-datatable .p-datatable-header {
  padding: 0;
}

#dtReports .p-datatable .p-datatable-header {
  padding: 0;
}

.p-datatable .p-datatable-footer {
  background: var(--surface-100);
  color: var(--text-color);
  border: var(--border-1px) var(--surface-200);
  border-width: 0 0 1px var(--reset);
  padding: var(--rem) var(--rem);
}

.p-datatable .p-datatable-thead > tr > th {
  text-align: left;
  padding: var(--three-fourth-rem);
  border: var(--border-1px) var(--surface-500);
  border-width: 0 0 1px var(--reset);
  color: var(--text-color);
  background: var(--surface-100);
  transition: box-shadow 0.2s;
  text-wrap: nowrap;
}

.p-datatable .p-datatable-thead > tr > th:hover {
  cursor: default;
}

.p-datatable .p-datatable-tfoot > tr > td {
  text-align: left;
  padding: var(--rem) var(--rem);
  border: var(--border-1px) var(--surface-200);
  border-width: 1px 0 0 var(--reset);
  color: var(--text-color);
  background: var(--surface-100);
}

.p-datatable .p-sortable-column .p-sortable-column-icon {
  color: var(--text-color-secondary);
  margin: 0 var(--half-rem);
}

.p-datatable .p-sortable-column .p-sortable-column-badge {
  border-radius: var(--pct-50);
  height: var(--slider-handle-dimension);
  min-width: var(--slider-handle-dimension);
  line-height: var(--slider-handle-dimension);
  color: var(--text-color);
  background: var(--slate-100);
  margin-left: var(--half-rem);
}

.p-datatable .p-sortable-column:not(.p-highlight):hover {
  background: var(--surface-200);
  color: var(--text-color);
  cursor: pointer;
}

.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon,
.p-datatable .p-sortable-column:focus .p-sortable-column-icon {
  color: var(--primary-color);
}

.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
  color: var(--primary-color);
}

.p-datatable .p-sortable-column.p-highlight:hover {
  background: var(--surface-200);
  cursor: pointer;
}

.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
  color: var(--primary-color);
}

.p-datatable .p-sortable-column:focus {
  background: var(--surface-200);
  box-shadow: var(--focus-box-shadow) var(--slate-100);
  outline: var(--reset-none);
}

.p-datatable .p-datatable-tbody > tr {
  background: var(--white);
  color: var(--text-color);
  transition: box-shadow 0.2s;
}

.p-datatable .p-datatable-tbody > tr > td {
  text-align: left;
  border: var(--border-1px) var(--surface-200);
  border-width: 1px 0 0 var(--reset);
  padding: var(--quarter-rem) var(--quarter-rem);
}

.p-datatable .p-datatable-tbody > tr.expanded-row > td {
  text-align: left;
  border: var(--reset-none);
  padding: var(--half-rem) var(--half-rem);
}

.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
  width: var(--two-rem);
  height: var(--two-rem);
  color: var(--text-color-secondary);
  border: var(--reset-none);
  background: var(--transparent);
  border-radius: var(--pct-50);
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}

.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
  color: var(--text-color);
  border-color: var(--transparent);
  background: var(--slate-600);
}

.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
}

.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
  margin-right: var(--half-rem);
}

.p-datatable .p-datatable-tbody > tr.p-highlight {
  background: var(--slate-50);
  color: var(--text-color);
}

.p-datatable .p-datatable-tbody > tr:not(.p-highlight):hover {
  background: var(--slate-50);
  color: var(--text-color);
}

.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
  box-shadow: inset 0 2px 0 0 var(--slate-100);
}

.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
  box-shadow: inset 0 -2px 0 0 var(--slate-100);
}

.p-datatable.p-datatable-hoverable-rows
  .p-datatable-tbody
  > tr:not(.p-highlight):hover {
  background: var(--slate-50);
  cursor: default;
}

.p-datatable .p-column-resizer-helper {
  background: var(--primary-color);
}

.p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
  background: var(--surface-100);
}

.p-datatable.p-datatable-scrollable
  > .p-datatable-wrapper
  > .p-datatable-table
  > .p-datatable-thead,
.p-datatable.p-datatable-scrollable
  > .p-datatable-wrapper
  > .p-datatable-table
  > .p-datatable-tfoot,
.p-datatable.p-datatable-scrollable
  > .p-datatable-wrapper
  > .p-scroller-viewport
  > .p-scroller
  > .p-datatable-table
  > .p-datatable-thead,
.p-datatable.p-datatable-scrollable
  > .p-datatable-wrapper
  > .p-scroller-viewport
  > .p-scroller
  > .p-datatable-table
  > .p-datatable-tfoot {
  background-color: var(--surface-100);
}

.p-datatable-table {
  border: var(--border-1px) var(--surface-200);
  border-width: 0 0 1px var(--reset);
}

.p-datatable .p-datatable-loading-icon {
  font-size: var(--two-rem);
}

.p-datatable.p-datatable-gridlines .p-datatable-header {
  border-width: 1px 1px 0 1px;
}

.p-datatable.p-datatable-gridlines .p-datatable-footer {
  border-width: 0 1px 1px 1px;
}

.p-datatable.p-datatable-gridlines .p-paginator-top {
  border-width: 0 1px 0 1px;
}

.p-datatable.p-datatable-gridlines .p-paginator-bottom {
  border-width: 0 1px 1px 1px;
}

.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
  border-width: 1px 0 1px 1px;
}

.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
  border-width: 1px;
}

.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
  border-width: 1px 0 0 1px;
}

.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
  border-width: 1px 1px 0 1px;
}

.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
  border-width: 1px 0 1px 1px;
}

.p-datatable.p-datatable-gridlines
  .p-datatable-tbody
  > tr:last-child
  > td:last-child {
  border-width: 1px;
}

.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
  border-width: 1px 0 1px 1px;
}

.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
  border-width: 1px 1px 1px 1px;
}

.p-datatable.p-datatable-gridlines
  .p-datatable-thead
  + .p-datatable-tfoot
  > tr
  > td {
  border-width: 0 0 1px 1px;
}

.p-datatable.p-datatable-gridlines
  .p-datatable-thead
  + .p-datatable-tfoot
  > tr
  > td:last-child {
  border-width: 0 1px 1px 1px;
}

.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(
    .p-datatable-tbody
  )
  .p-datatable-tbody
  > tr
  > td {
  border-width: 0 0 1px 1px;
}

.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(
    .p-datatable-tbody
  )
  .p-datatable-tbody
  > tr
  > td:last-child {
  border-width: 0 1px 1px 1px;
}

.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(
    .p-datatable-tfoot
  )
  .p-datatable-tbody
  > tr:last-child
  > td {
  border-width: 0 0 0 1px;
}

.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(
    .p-datatable-tfoot
  )
  .p-datatable-tbody
  > tr:last-child
  > td:last-child {
  border-width: 0 1px 0 1px;
}

.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
  background: var(--slate-50);
}

.p-datatable.p-datatable-striped
  .p-datatable-tbody
  > tr:nth-child(even).p-highlight {
  background: var(--slate-100);
  color: var(--text-color);
}

.p-datatable.p-datatable-striped
  .p-datatable-tbody
  > tr:nth-child(even).p-highlight
  .p-row-toggler {
  color: var(--text-color);
}

.p-datatable.p-datatable-striped
  .p-datatable-tbody
  > tr:nth-child(even).p-highlight
  .p-row-toggler:hover {
  color: var(--text-color);
}

.p-datatable.p-datatable-sm .p-datatable-header {
  padding: var(--half-rem) var(--half-rem);
}

.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
  padding: var(--half-rem) var(--half-rem);
}

.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
  padding: var(--half-rem) var(--half-rem);
}

.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
  padding: var(--half-rem) var(--half-rem);
}

.p-datatable.p-datatable-sm .p-datatable-footer {
  padding: var(--half-rem) var(--half-rem);
}

.p-datatable.p-datatable-lg .p-datatable-header {
  padding: var(--one-quarter-rem) var(--one-quarter-rem);
}

.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
  padding: var(--one-quarter-rem) var(--one-quarter-rem);
}

.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
  padding: var(--one-quarter-rem) var(--one-quarter-rem);
}

.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
  padding: var(--one-quarter-rem) var(--one-quarter-rem);
}

.p-datatable.p-datatable-lg .p-datatable-footer {
  padding: var(--one-quarter-rem) var(--one-quarter-rem);
}

.p-dataview .p-paginator-top {
  border-width: 0 0 1px var(--reset);
  border-radius: var(--reset);
}

.p-dataview .p-paginator-bottom {
  border-width: 0 0 1px var(--reset);
  border-radius: var(--reset);
}

.p-dataview .p-dataview-header {
  background: var(--surface-100);
  color: var(--text-color);
  border: var(--border-1px) var(--slate-600);
  border-width: 1px 0 1px var(--reset);
  padding: var(--rem) var(--rem);
}

.p-dataview .p-dataview-content {
  background: var(--white);
  color: var(--text-color);
  border: var(--reset-none);
  padding: var(--reset);
}

.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
  border: solid var(--slate-600);
  border-width: 0 0 1px var(--reset);
}

.p-dataview .p-dataview-footer {
  background: var(--surface-100);
  color: var(--text-color);
  border: var(--border-1px) var(--slate-600);
  border-width: 0 0 1px var(--reset);
  padding: var(--rem) var(--rem);
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}

.p-dataview .p-dataview-loading-icon {
  font-size: var(--two-rem);
}

.p-dataview .p-dataview-emptymessage {
  padding: var(--rem);
}

.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
  margin-left: var(--half-rem);
}

.p-column-filter-menu-button {
  width: var(--two-rem);
  height: var(--two-rem);
  color: var(--text-color-secondary);
  border: var(--reset-none);
  background: var(--transparent);
  border-radius: var(--pct-50);
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}

.p-column-filter-menu-button:hover {
  color: var(--slate-500);
  border-color: var(--transparent);
  background: var(--surface-100);
}

.p-column-filter-menu-button.p-column-filter-menu-button-open,
.p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
  background: var(--surface-100);
  color: var(--slate-500);
}

.p-column-filter-menu-button.p-column-filter-menu-button-active,
.p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
  background: var(--surface-100);
  color: var(--slate-500);
}

.p-column-filter-menu-button:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
}

.p-column-filter-clear-button {
  width: var(--two-rem);
  height: var(--two-rem);
  color: var(--text-color-secondary);
  border: var(--reset-none);
  background: var(--transparent);
  border-radius: var(--pct-50);
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}

.p-column-filter-clear-button:hover {
  color: var(--text-color);
  border-color: var(--transparent);
  background: var(--slate-600);
}

.p-column-filter-clear-button:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
}

.p-column-filter-overlay {
  background: var(--white);
  color: var(--text-color);
  border: var(--reset-none);
  border-radius: var(--border-radius);
  box-shadow: var(--overlay-box-shadow);
  min-width: 12.5rem;
}

.p-column-filter-overlay .p-column-filter-row-items {
  padding: var(--half-rem) var(--reset);
}

.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
  margin: var(--reset);
  padding: var(--half-rem) var(--rem);
  border: var(--reset-none);
  color: var(--text-color);
  background: var(--transparent);
  transition: box-shadow 0.2s;
  border-radius: var(--reset);
}

.p-column-filter-overlay
  .p-column-filter-row-items
  .p-column-filter-row-item.p-highlight {
  color: var(--text-color);
  background: var(--slate-100);
}

.p-column-filter-overlay
  .p-column-filter-row-items
  .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
  color: var(--text-color);
  background: var(--slate-600);
}

.p-column-filter-overlay
  .p-column-filter-row-items
  .p-column-filter-row-item:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-box-shadow) var(--primary-color);
}

.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
  border-top: var(--border-1px) var(--text-color-secondary);
  margin: var(--quarter-rem) var(--reset);
}

.p-column-filter-overlay-menu .p-column-filter-operator {
  padding: var(--half-rem) var(--rem);
  border-bottom: var(--reset-none);
  color: var(--text-color);
  background: var(--surface-100);
  margin: var(--reset);
  border-top-right-radius: var(--border-radius);
  border-top-left-radius: var(--border-radius);
}

.p-column-filter-overlay-menu .p-column-filter-constraint {
  padding: var(--rem);
  border-bottom: var(--border-1px) var(--text-color-secondary);
}

.p-column-filter-overlay-menu
  .p-column-filter-constraint
  .p-column-filter-matchmode-dropdown {
  margin-bottom: var(--half-rem);
}

.p-column-filter-overlay-menu
  .p-column-filter-constraint
  .p-column-filter-remove-button {
  margin-top: var(--half-rem);
}

.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
  border-bottom: var(--reset-none);
}

.p-column-filter-overlay-menu .p-column-filter-add-rule {
  padding: var(--half-rem) var(--rem);
}

.p-column-filter-overlay-menu .p-column-filter-buttonbar {
  padding: var(--rem);
}

.fc.fc-unthemed .fc-view-container th {
  background: var(--surface-100);
  border: var(--border-1px) var(--text-color-secondary);
  color: var(--text-color);
}

.fc.fc-unthemed .fc-view-container td.fc-widget-content {
  background: var(--white);
  border: var(--border-1px) var(--text-color-secondary);
  color: var(--text-color);
}

.fc.fc-unthemed .fc-view-container td.fc-head-container {
  border: var(--border-1px) var(--text-color-secondary);
}

.fc.fc-unthemed .fc-view-container .fc-row {
  border-right: var(--border-1px) var(--text-color-secondary);
}

.fc.fc-unthemed .fc-view-container .fc-event {
  background: var(--slate-600);
  border: var(--border-1px) var(--slate-600);
  color: var(--white);
}

.fc.fc-unthemed .fc-view-container .fc-divider {
  background: var(--surface-100);
  border: var(--border-1px) var(--text-color-secondary);
}

.fc.fc-unthemed .fc-toolbar .fc-button {
  color: var(--white);
  background: var(--primary-color);
  border: var(--border-1px) var(--primary-color);
  font-size: var(--font-size-body);
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
  border-radius: var(--border-radius);
  display: flex;
  align-items: center;
}

.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover {
  background: var(--slate-600);
  color: var(--white);
  border-color: var(--slate-600);
}

.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active {
  background: var(--primary-color);
  color: var(--white);
  border-color: var(--primary-color);
}

.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
}

.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left {
  font-family: 'PrimeIcons' !important;
  text-indent: var(--reset);
  font-size: var(--font-size-body);
}

.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before {
  content: '\e900';
}

.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right {
  font-family: 'PrimeIcons' !important;
  text-indent: var(--reset);
  font-size: var(--font-size-body);
}

.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before {
  content: '\e901';
}

.fc.fc-unthemed .fc-toolbar .fc-button:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
}

.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button,
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button,
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button {
  background: var(--white);
  border: var(--border-1px) var(--text-color-secondary);
  color: var(--text-color);
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
}

.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover,
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover,
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
  background: var(--slate-600);
  border-color: var(--text-color-secondary);
  color: var(--text-color);
}

.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active,
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active,
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
  background: var(--primary-color);
  border-color: var(--primary-color);
  color: var(--white);
}

.fc.fc-unthemed
  .fc-toolbar
  .fc-button.fc-dayGridMonth-button.fc-button-active:hover,
.fc.fc-unthemed
  .fc-toolbar
  .fc-button.fc-timeGridWeek-button.fc-button-active:hover,
.fc.fc-unthemed
  .fc-toolbar
  .fc-button.fc-timeGridDay-button.fc-button-active:hover {
  background: var(--slate-600);
  border-color: var(--slate-600);
  color: var(--white);
}

.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus,
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus,
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
  z-index: 1;
}

.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button {
  border-radius: var(--reset);
}

.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child {
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child {
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}

.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid {
  border-color: var(--text-color-secondary);
}

.fc.fc-theme-standard .fc-view-harness th {
  background: var(--surface-100);
  border-color: var(--text-color-secondary);
  color: var(--text-color);
}

.fc.fc-theme-standard .fc-view-harness td {
  color: var(--text-color);
  border-color: var(--text-color-secondary);
}

.fc.fc-theme-standard .fc-view-harness .fc-view {
  background: var(--white);
}

.fc.fc-theme-standard .fc-view-harness .fc-popover {
  background: none;
  border: var(--reset-none);
}

.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header {
  border: var(--border-1px) var(--text-color-secondary);
  padding: var(--rem);
  background: var(--surface-100);
  color: var(--text-color);
}

.fc.fc-theme-standard
  .fc-view-harness
  .fc-popover
  .fc-popover-header
  .fc-popover-close {
  opacity: var(--alpha-100);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  font-family: 'PrimeIcons' !important;
  font-size: var(--font-size-body);
  width: var(--two-rem);
  height: var(--two-rem);
  color: var(--text-color-secondary);
  border: var(--reset-none);
  background: var(--transparent);
  border-radius: var(--pct-50);
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}

.fc.fc-theme-standard
  .fc-view-harness
  .fc-popover
  .fc-popover-header
  .fc-popover-close:before {
  content: '\e90b';
}

.fc.fc-theme-standard
  .fc-view-harness
  .fc-popover
  .fc-popover-header
  .fc-popover-close:enabled:hover {
  color: var(--text-color);
  border-color: var(--transparent);
  background: var(--slate-600);
}

.fc.fc-theme-standard
  .fc-view-harness
  .fc-popover
  .fc-popover-header
  .fc-popover-close:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
}

.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body {
  padding: var(--rem);
  border: var(--border-1px) var(--text-color-secondary);
  background: var(--white);
  color: var(--text-color);
  border-top: var(--reset-none);
}

.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event {
  color: var(--white);
  background: var(--slate-600);
  border-color: var(--slate-600);
}

.fc.fc-theme-standard
  .fc-view-harness
  .fc-event.fc-daygrid-block-event
  .fc-event-main {
  color: var(--white);
}

.fc.fc-theme-standard
  .fc-view-harness
  .fc-event.fc-daygrid-dot-event
  .fc-daygrid-event-dot {
  background: var(--slate-600);
  border-color: var(--slate-600);
}

.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover {
  background: var(--slate-600);
  color: var(--text-color);
}

.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded {
  background: var(--surface-100);
}

.fc.fc-theme-standard .fc-toolbar .fc-button {
  color: var(--white);
  background: var(--primary-color);
  border: var(--border-1px) var(--primary-color);
  font-size: var(--font-size-body);
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
  border-radius: var(--border-radius);
}

.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover {
  background: var(--slate-600);
  color: var(--white);
  border-color: var(--slate-600);
}

.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active {
  background: var(--primary-color);
  color: var(--white);
  border-color: var(--primary-color);
}

.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
}

.fc.fc-theme-standard .fc-toolbar .fc-button:disabled {
  opacity: var(--alpha-60);
  color: var(--white);
  background: var(--primary-color);
  border: var(--border-1px) var(--primary-color);
}

.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left {
  font-family: 'PrimeIcons' !important;
  text-indent: var(--reset);
  font-size: var(--font-size-body);
}

.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before {
  content: '\e900';
}

.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right {
  font-family: 'PrimeIcons' !important;
  text-indent: var(--reset);
  font-size: var(--font-size-body);
}

.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before {
  content: '\e901';
}

.fc.fc-theme-standard .fc-toolbar .fc-button:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
}

.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button,
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button,
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button {
  background: var(--white);
  border: var(--border-1px) var(--text-color-secondary);
  color: var(--text-color);
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
}

.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover,
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover,
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
  background: var(--slate-600);
  border-color: var(--text-color-secondary);
  color: var(--text-color);
}

.fc.fc-theme-standard
  .fc-toolbar
  .fc-button.fc-dayGridMonth-button.fc-button-active,
.fc.fc-theme-standard
  .fc-toolbar
  .fc-button.fc-timeGridWeek-button.fc-button-active,
.fc.fc-theme-standard
  .fc-toolbar
  .fc-button.fc-timeGridDay-button.fc-button-active {
  background: var(--primary-color);
  border-color: var(--primary-color);
  color: var(--white);
}

.fc.fc-theme-standard
  .fc-toolbar
  .fc-button.fc-dayGridMonth-button.fc-button-active:hover,
.fc.fc-theme-standard
  .fc-toolbar
  .fc-button.fc-timeGridWeek-button.fc-button-active:hover,
.fc.fc-theme-standard
  .fc-toolbar
  .fc-button.fc-timeGridDay-button.fc-button-active:hover {
  background: var(--slate-600);
  border-color: var(--slate-600);
  color: var(--white);
}

.fc.fc-theme-standard
  .fc-toolbar
  .fc-button.fc-dayGridMonth-button:not(:disabled):focus,
.fc.fc-theme-standard
  .fc-toolbar
  .fc-button.fc-timeGridWeek-button:not(:disabled):focus,
.fc.fc-theme-standard
  .fc-toolbar
  .fc-button.fc-timeGridDay-button:not(:disabled):focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
  z-index: 1;
}

.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button {
  border-radius: var(--reset);
}

.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child {
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child {
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}

.fc.fc-theme-standard a {
  color: var(--text-color);
}

.fc.fc-theme-standard .fc-highlight {
  color: var(--text-color);
  background: var(--slate-100);
}

.p-orderlist .p-orderlist-controls {
  padding: var(--rem);
}

.p-orderlist .p-orderlist-controls .p-button {
  margin-bottom: var(--half-rem);
}

.p-orderlist .p-orderlist-header {
  background: var(--surface-100);
  color: var(--text-color);
  border: var(--border-1px) var(--text-color-secondary);
  padding: var(--rem);
  border-bottom: var(--reset-none);
  border-top-right-radius: var(--border-radius);
  border-top-left-radius: var(--border-radius);
}

.p-orderlist .p-orderlist-filter-container {
  padding: var(--rem);
  background: var(--white);
  border: var(--border-1px) var(--text-color-secondary);
  border-bottom: var(--reset-none);
}

.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
  padding-right: var(--one-half-rem);
}

.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
  right: var(--half-rem);
  color: var(--text-color-secondary);
}

.p-orderlist .p-orderlist-list {
  border: var(--border-1px) var(--text-color-secondary);
  background: var(--white);
  color: var(--text-color);
  padding: var(--half-rem) var(--reset);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

.p-orderlist .p-orderlist-list .p-orderlist-item {
  padding: var(--half-rem) var(--rem);
  margin: var(--reset);
  border: var(--reset-none);
  color: var(--text-color);
  background: var(--transparent);
  transition: box-shadow 0.2s;
}

.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-box-shadow) var(--primary-color);
}

.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
  color: var(--text-color);
  background: var(--slate-100);
}

.p-orderlist .p-orderlist-list .p-orderlist-empty-message {
  padding: var(--half-rem) var(--rem);
  color: var(--text-color);
}

.p-orderlist
  .p-orderlist-list:not(.cdk-drop-list-dragging)
  .p-orderlist-item:not(.p-highlight):hover {
  background: var(--slate-600);
  color: var(--text-color);
}

.p-orderlist.p-orderlist-striped
  .p-orderlist-list
  .p-orderlist-item:nth-child(even) {
  background: var(--slate-600);
}

.p-orderlist.p-orderlist-striped
  .p-orderlist-list
  .p-orderlist-item:nth-child(even):hover {
  background: var(--slate-600);
}

.p-orderlist-item.cdk-drag-preview {
  padding: var(--half-rem) var(--rem);
  box-shadow: var(--overlay-box-shadow);
  border: var(--reset-none);
  color: var(--text-color);
  background: var(--white);
  margin: var(--reset);
}

.p-organizationchart
  .p-organizationchart-node-content.p-organizationchart-selectable-node:not(
    .p-highlight
  ):hover {
  background: var(--slate-600);
  color: var(--text-color);
}

.p-organizationchart .p-organizationchart-node-content.p-highlight {
  background: var(--slate-100);
  color: var(--text-color);
}

.p-organizationchart
  .p-organizationchart-node-content.p-highlight
  .p-node-toggler
  i {
  color: var(--slate-300);
}

.p-organizationchart .p-organizationchart-line-down {
  background: var(--text-color-secondary);
}

.p-organizationchart .p-organizationchart-line-left {
  border-right: var(--border-1px) var(--text-color-secondary);
  border-color: var(--text-color-secondary);
}

.p-organizationchart .p-organizationchart-line-top {
  border-top: var(--border-1px) var(--text-color-secondary);
  border-color: var(--text-color-secondary);
}

.p-organizationchart .p-organizationchart-node-content {
  border: var(--border-1px) var(--text-color-secondary);
  background: var(--white);
  color: var(--text-color);
  padding: var(--rem);
}

.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
  background: inherit;
  color: inherit;
  border-radius: var(--pct-50);
}

.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
}

.p-paginator {
  background: var(--white);
  color: var(--text-color-secondary);
  border: solid var(--slate-600);
  border-width: var(--reset);
  padding: var(--half-rem) var(--rem);
  border-radius: var(--border-radius);
}

.p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev,
.p-paginator .p-paginator-next,
.p-paginator .p-paginator-last {
  background-color: var(--transparent);
  border: var(--reset-none);
  color: var(--text-color-secondary);
  min-width: var(--trigger-icon-rem);
  height: var(--trigger-icon-rem);
  margin: 0.143rem;
  transition: box-shadow 0.2s;
  border-radius: var(--border-radius);
}

.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
  background: var(--slate-600);
  border-color: var(--transparent);
  color: var(--text-color);
}

.p-paginator .p-paginator-first {
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

.p-paginator .p-paginator-last {
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}

.p-paginator .p-dropdown {
  margin-left: var(--half-rem);
  margin-right: var(--half-rem);
  height: var(--trigger-icon-rem);
}

.p-paginator .p-dropdown .p-dropdown-label {
  padding-right: var(--reset);
}

.p-paginator .p-paginator-page-input {
  margin-left: var(--half-rem);
  margin-right: var(--half-rem);
}

.p-paginator .p-paginator-page-input .p-inputtext {
  max-width: var(--trigger-icon-rem);
}

.p-paginator .p-paginator-current {
  background-color: var(--transparent);
  border: var(--reset-none);
  color: var(--text-color-secondary);
  min-width: var(--trigger-icon-rem);
  height: var(--trigger-icon-rem);
  margin: 0.143rem;
  padding: 0 var(--half-rem);
}

.p-paginator .p-paginator-pages .p-paginator-page {
  background-color: var(--transparent);
  border: var(--reset-none);
  color: var(--text-color-secondary);
  min-width: var(--trigger-icon-rem);
  height: var(--trigger-icon-rem);
  margin: 0.143rem;
  transition: box-shadow 0.2s;
  border-radius: var(--border-radius);
}

.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
  background: var(--slate-100);
  border-color: var(--slate-100);
  color: var(--text-color);
}

.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
  background: var(--slate-600);
  border-color: var(--transparent);
  color: var(--text-color);
}

.p-picklist .p-picklist-buttons {
  padding: var(--rem);
}

.p-picklist .p-picklist-buttons .p-button {
  margin-bottom: var(--half-rem);
}

.p-picklist .p-picklist-header {
  background: var(--surface-100);
  color: var(--text-color);
  border: var(--border-1px) var(--surface-300);
  padding: var(--rem);
  border-bottom: var(--reset-none);
  border-top-right-radius: var(--border-radius);
  border-top-left-radius: var(--border-radius);
}

.p-picklist .p-picklist-filter-container {
  padding: var(--quarter-rem) var(--rem);
  background: var(--white);
  border: var(--border-1px) var(--surface-300);
  border-top: var(--reset-none);
  border-bottom: var(--reset-none);
}

.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
  padding-left: var(--one-half-rem);
}

.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
  left: var(--half-rem);
  color: var(--text-color-secondary);
}

.p-picklist .p-picklist-list {
  border: var(--border-1px) var(--surface-300);
  background: var(--white);
  color: var(--text-color);
  padding: var(--reset);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

.p-picklist .p-picklist-list .p-picklist-item {
  padding: var(--half-rem) var(--rem);
  margin: var(--reset);
  border: var(--reset-none);
  border-bottom: var(--border-1px) var(--surface-300);
  color: var(--text-color);
  background: var(--transparent);
  transition: box-shadow 0.2s;
}

.p-picklist .p-picklist-list .p-picklist-item:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-box-shadow) var(--slate-100);
}

.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
  color: var(--text-color);
  background: var(--slate-50);
}

.p-picklist .p-picklist-list .p-picklist-empty-message {
  padding: var(--half-rem) var(--rem);
  color: var(--text-color);
}

.p-picklist
  .p-picklist-list:not(.cdk-drop-list-dragging)
  .p-picklist-item:not(.p-highlight):hover,
.p-picklist
  .p-picklist-list:not(.cdk-drop-list-dragging)
  .p-picklist-item:not(.p-highlight):active,
.p-picklist
  .p-picklist-list:not(.cdk-drop-list-dragging)
  .p-picklist-item:not(.p-highlight):focus {
  background: var(--slate-50);
}

.p-picklist.p-picklist-striped
  .p-picklist-list
  .p-picklist-item:nth-child(even) {
  background: var(--slate-600);
}

.p-picklist.p-picklist-striped
  .p-picklist-list
  .p-picklist-item:nth-child(even):hover {
  background: var(--slate-600);
}

.p-picklist-item.cdk-drag-preview {
  padding: var(--half-rem) var(--rem);
  box-shadow: var(--overlay-box-shadow);
  border: var(--reset-none);
  color: var(--text-color);
  background: var(--white);
  margin: var(--reset);
}

.p-timeline .p-timeline-event-marker {
  border: var(--border-2px) var(--primary-color);
  border-radius: var(--pct-50);
  width: var(--rem);
  height: var(--rem);
  background-color: var(--white);
}

.p-timeline .p-timeline-event-connector {
  background-color: var(--text-color-secondary);
}

.p-timeline-event-opposite {
  display: none;
}

.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
.p-timeline.p-timeline-vertical .p-timeline-event-content {
  padding: 0 var(--rem);
}

.p-timeline.p-timeline-vertical .p-timeline-event-connector {
  width: 2px;
}

.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.p-timeline.p-timeline-horizontal .p-timeline-event-content {
  padding: var(--rem) var(--reset);
}

.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
  height: 2px;
}

.p-tree {
  border: var(--border-1px) var(--text-color-secondary);
  background: var(--white);
  color: var(--text-color);
  padding: var(--rem);
  border-radius: var(--border-radius);
}

.p-tree .p-tree-container .p-treenode {
  padding: 0.143rem;
}

.p-tree .p-tree-container .p-treenode .p-treenode-content {
  border-radius: var(--border-radius);
  transition: box-shadow 0.2s;
  padding: var(--reset);
}

.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
  margin-right: var(--half-rem);
  width: var(--two-rem);
  height: var(--two-rem);
  color: var(--text-color-secondary);
  border: var(--reset-none);
  background: var(--transparent);
  border-radius: var(--pct-50);
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}

.p-tree
  .p-tree-container
  .p-treenode
  .p-treenode-content
  .p-tree-toggler:enabled:hover {
  color: var(--text-color);
  border-color: var(--transparent);
  background: var(--slate-600);
}

.p-tree
  .p-tree-container
  .p-treenode
  .p-treenode-content
  .p-tree-toggler:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
}

.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
  margin-right: var(--half-rem);
  color: var(--text-color-secondary);
}

.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
  margin-right: var(--half-rem);
}

.p-tree
  .p-tree-container
  .p-treenode
  .p-treenode-content
  .p-checkbox
  .p-indeterminate
  .p-checkbox-icon {
  color: var(--text-color);
}

.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-box-shadow) var(--primary-color);
}

.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
  background: var(--slate-100);
  color: var(--text-color);
}

.p-tree
  .p-tree-container
  .p-treenode
  .p-treenode-content.p-highlight
  .p-tree-toggler,
.p-tree
  .p-tree-container
  .p-treenode
  .p-treenode-content.p-highlight
  .p-treenode-icon {
  color: var(--text-color);
}

.p-tree
  .p-tree-container
  .p-treenode
  .p-treenode-content.p-highlight
  .p-tree-toggler:hover,
.p-tree
  .p-tree-container
  .p-treenode
  .p-treenode-content.p-highlight
  .p-treenode-icon:hover {
  color: var(--text-color);
}

.p-tree
  .p-tree-container
  .p-treenode
  .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
  background: var(--slate-600);
  color: var(--text-color);
}

.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
  background: var(--slate-600);
  color: var(--text-color);
}

.p-tree .p-tree-filter-container {
  margin-bottom: var(--half-rem);
}

.p-tree .p-tree-filter-container .p-tree-filter {
  width: var(--pct-100);
  padding-right: var(--one-half-rem);
}

.p-tree .p-tree-filter-container .p-tree-filter-icon {
  right: var(--half-rem);
  color: var(--text-color-secondary);
}

.p-tree .p-treenode-children {
  padding: 0 0 0 var(--rem);
}

.p-tree .p-tree-loading-icon {
  font-size: var(--two-rem);
}

.p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
  background-color: var(--slate-300);
}

.p-tree.p-tree-horizontal .p-treenode .p-treenode-content {
  border-radius: var(--border-radius);
  border: var(--border-1px) var(--text-color-secondary);
  background-color: var(--white);
  color: var(--text-color);
  padding: var(--reset);
  transition: box-shadow 0.2s;
}

.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight {
  background-color: var(--slate-100);
  color: var(--text-color);
}

.p-tree.p-tree-horizontal
  .p-treenode
  .p-treenode-content.p-highlight
  .p-treenode-icon {
  color: var(--text-color);
}

.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler {
  margin-right: var(--half-rem);
}

.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon {
  color: var(--text-color-secondary);
  margin-right: var(--half-rem);
}

.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox {
  margin-right: var(--half-rem);
}

.p-tree.p-tree-horizontal
  .p-treenode
  .p-treenode-content
  .p-treenode-label:not(.p-highlight):hover {
  background-color: inherit;
  color: inherit;
}

.p-tree.p-tree-horizontal
  .p-treenode
  .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
  background: var(--slate-600);
  color: var(--text-color);
}

.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
}

.p-treetable .p-paginator-top {
  border-width: 0 0 1px var(--reset);
  border-radius: var(--reset);
}

.p-treetable .p-paginator-bottom {
  border-width: 0 0 1px var(--reset);
  border-radius: var(--reset);
}

.p-treetable .p-treetable-header {
  background: var(--surface-100);
  color: var(--text-color);
  border: var(--border-1px) var(--slate-600);
  border-width: 1px 0 1px var(--reset);
  padding: var(--rem) var(--rem);
}

.p-treetable .p-treetable-footer {
  background: var(--surface-100);
  color: var(--text-color);
  border: var(--border-1px) var(--slate-600);
  border-width: 0 0 1px var(--reset);
  padding: var(--rem) var(--rem);
}

.p-treetable .p-treetable-thead > tr > th {
  text-align: left;
  padding: var(--rem) var(--half-rem);
  border: var(--border-1px) var(--surface-500);
  border-width: 0 0 1px var(--reset);
  color: var(--text-color);
  background: var(--surface-100);
  transition: box-shadow 0.2s;
}

.p-treetable .p-treetable-tfoot > tr > td {
  text-align: left;
  padding: var(--half-rem) var(--half-rem);
  border: var(--border-1px) var(--slate-600);
  border-width: 0 0 1px var(--reset);
  color: var(--text-color);
  background: var(--surface-100);
}

.p-treetable .p-sortable-column {
  outline-color: var(--primary-color);
}

.p-treetable .p-sortable-column .p-sortable-column-icon {
  color: var(--text-color-secondary);
  margin-left: var(--half-rem);
}

.p-treetable .p-sortable-column .p-sortable-column-badge {
  border-radius: var(--pct-50);
  height: var(--slider-handle-dimension);
  min-width: var(--slider-handle-dimension);
  line-height: var(--slider-handle-dimension);
  color: var(--text-color);
  background: var(--slate-100);
  margin-left: var(--half-rem);
}

.p-treetable .p-sortable-column:not(.p-highlight):hover {
  background: var(--slate-600);
  color: var(--text-color);
}

.p-treetable
  .p-sortable-column:not(.p-highlight):hover
  .p-sortable-column-icon {
  color: var(--text-color-secondary);
}

.p-treetable .p-sortable-column.p-highlight {
  background: var(--surface-100);
  color: var(--primary-color);
}

.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
  color: var(--primary-color);
}

.p-treetable .p-treetable-tbody > tr {
  background: var(--white);
  color: var(--text-color);
  transition: box-shadow 0.2s;
}

.p-treetable .p-treetable-tbody > tr > td {
  text-align: left;
  border: var(--border-1px) var(--surface-200);
  border-width: 0 0 1px var(--reset);
  padding: var(--half-rem) var(--half-rem);
}

.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
  width: var(--two-rem);
  height: var(--two-rem);
  color: var(--text-color-secondary);
  border: var(--reset-none);
  background: var(--transparent);
  border-radius: var(--pct-50);
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
  margin-right: var(--half-rem);
}

.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
  color: var(--text-color);
  border-color: var(--transparent);
  background: var(--slate-600);
}

.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
}

.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox {
  margin-right: var(--half-rem);
}

.p-treetable
  .p-treetable-tbody
  > tr
  > td
  p-treetablecheckbox
  .p-checkbox
  .p-indeterminate
  .p-checkbox-icon {
  color: var(--text-color);
}

.p-treetable .p-treetable-tbody > tr:focus {
  outline: 0.15rem solid var(--primary-color);
  outline-offset: -0.15rem;
}

.p-treetable .p-treetable-tbody > tr.p-highlight {
  background: var(--slate-100);
  color: var(--text-color);
}

.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
  color: var(--text-color);
}

.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
  color: var(--text-color);
}

.p-treetable.p-treetable-hoverable-rows
  .p-treetable-tbody
  > tr:not(.p-highlight):hover {
  background: var(--slate-600);
  color: var(--text-color);
}

.p-treetable.p-treetable-hoverable-rows
  .p-treetable-tbody
  > tr:not(.p-highlight):hover
  .p-treetable-toggler {
  color: var(--text-color);
}

.p-treetable .p-column-resizer-helper {
  background: var(--primary-color);
}

.p-treetable .p-treetable-scrollable-header,
.p-treetable .p-treetable-scrollable-footer {
  background: var(--surface-100);
}

.p-treetable .p-treetable-loading-icon {
  font-size: var(--two-rem);
}

.p-treetable.p-treetable-gridlines .p-datatable-header {
  border-width: 1px 1px 0 1px;
}

.p-treetable.p-treetable-gridlines .p-treetable-footer {
  border-width: 0 1px 1px 1px;
}

.p-treetable.p-treetable-gridlines .p-treetable-top {
  border-width: 0 1px 0 1px;
}

.p-treetable.p-treetable-gridlines .p-treetable-bottom {
  border-width: 0 1px 1px 1px;
}

.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
  border-width: 1px;
}

.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
  border-width: 1px;
}

.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
  border-width: 1px;
}

.p-treetable.p-treetable-sm .p-treetable-header {
  padding: var(--font-size-body) var(--font-size-body);
}

.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
  padding: var(--half-rem) var(--half-rem);
}

.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
  padding: var(--half-rem) var(--half-rem);
}

.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
  padding: var(--half-rem) var(--half-rem);
}

.p-treetable.p-treetable-sm .p-treetable-footer {
  padding: var(--half-rem) var(--half-rem);
}

.p-treetable.p-treetable-lg .p-treetable-header {
  padding: var(--one-quarter-rem) var(--one-quarter-rem);
}

.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
  padding: var(--one-quarter-rem) var(--one-quarter-rem);
}

.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
  padding: var(--one-quarter-rem) var(--one-quarter-rem);
}

.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
  padding: var(--one-quarter-rem) var(--one-quarter-rem);
}

.p-treetable.p-treetable-lg .p-treetable-footer {
  padding: var(--one-quarter-rem) var(--one-quarter-rem);
}

.p-virtualscroller .p-virtualscroller-header {
  background: var(--surface-100);
  color: var(--text-color);
  border: var(--border-1px) var(--slate-600);
  border-width: 1px 0 1px var(--reset);
  padding: var(--rem) var(--rem);
}

.p-virtualscroller .p-virtualscroller-content {
  background: var(--white);
  color: var(--text-color);
  border: var(--reset-none);
  padding: var(--reset);
}

.p-virtualscroller .p-virtualscroller-footer {
  background: var(--surface-100);
  color: var(--text-color);
  border: var(--border-1px) var(--slate-600);
  border-width: 0 0 1px var(--reset);
  padding: var(--rem) var(--rem);
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}

.p-accordion .p-accordion-header .p-accordion-header-link {
  padding: var(--rem);
  color: var(--text-color);
  background: var(--surface-100);
  border-radius: var(--border-radius);
  transition: box-shadow 0.2s;
}

.bg-danger-light .p-accordion-tab .p-accordion-header,
.bg-danger-light .p-accordion-tab .p-accordion-header .p-accordion-header-link {
  background: var(--danger-light) !important;
}

.bg-warning-light .p-accordion-tab .p-accordion-header,
.bg-warning-light
  .p-accordion-tab
  .p-accordion-header
  .p-accordion-header-link {
  background: var(--warning-light) !important;
}

.bg-surface-200 .p-accordion-tab .p-accordion-header,
.bg-surface-200 .p-accordion-tab .p-accordion-header .p-accordion-header-link {
  background: var(--surface-200) !important;
}

.p-accordion
  .p-accordion-header
  .p-accordion-header-link
  .p-accordion-toggle-icon {
  position: absolute;
  top: var(--rem);
  right: var(--reset);
  margin-right: var(--half-rem);
}

.p-accordion
  .p-accordion-header:not(.p-disabled)
  .p-accordion-header-link:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
}

.p-accordion
  .p-accordion-header:not(.p-highlight):not(.p-disabled):hover
  .p-accordion-header-link {
  background: var(--slate-600);
  border-color: var(--text-color-secondary);
  color: var(--text-color);
}

.p-accordion
  .p-accordion-header:not(.p-disabled).p-highlight
  .p-accordion-header-link {
  background: var(--surface-100);
  border-color: var(--text-color-secondary);
  color: var(--text-color);
  border-bottom-right-radius: var(--reset);
  border-bottom-left-radius: var(--reset);
}

.p-accordion
  .p-accordion-header:not(.p-disabled).p-highlight:hover
  .p-accordion-header-link {
  border-color: var(--text-color-secondary);
  background: var(--slate-600);
  color: var(--text-color);
}

.p-accordion .p-accordion-content {
  padding: var(--rem);
  background: var(--white);
  color: var(--text-color);
  border-top: var(--reset);
  border-top-right-radius: var(--reset);
  border-top-left-radius: var(--reset);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

.p-accordion p-accordiontab .p-accordion-tab {
  margin-bottom: var(--reset);
  box-shadow: var(--overlay-box-shadow);
}

.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link {
  border-radius: var(--reset);
}

.p-accordion p-accordiontab .p-accordion-content {
  border-radius: var(--reset);
}

.p-accordion
  p-accordiontab:not(:first-child)
  .p-accordion-header
  .p-accordion-header-link {
  border-top: var(--reset-none);
}

.p-accordion
  p-accordiontab:not(:first-child)
  .p-accordion-header:not(.p-highlight):not(.p-disabled):hover
  .p-accordion-header-link,
.p-accordion
  p-accordiontab:not(:first-child)
  .p-accordion-header:not(.p-disabled).p-highlight:hover
  .p-accordion-header-link {
  border-top: var(--reset-none);
}

.p-accordion
  p-accordiontab:first-child
  .p-accordion-header
  .p-accordion-header-link {
  border-top-right-radius: var(--border-radius);
  border-top-left-radius: var(--border-radius);
}

.p-accordion
  p-accordiontab:last-child
  .p-accordion-header:not(.p-highlight)
  .p-accordion-header-link {
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

.p-accordion p-accordiontab:last-child .p-accordion-content {
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

p-card {
  width: var(--pct-100);
}

p-card .p-card-content {
  width: var(--pct-100);
}

.p-card {
  background: var(--white);
  box-shadow: var(--overlay-box-shadow);
  border-radius: var(--border-radius);
}

.p-card .p-card-body {
  padding-top: var(--three-fourth-rem);
  padding-right: var(--one-half-rem);
  padding-left: var(--one-half-rem);
  padding-bottom: var(--three-fourth-rem);
}

.p-card.p-card-no-padding .p-card-body {
  padding: var(--reset);
}

.p-card .p-card-title {
  font-size: var(--one-half-rem);
  margin-bottom: var(--rem);
}

.p-card .p-card-subtitle {
  font-size: var(--one-half-rem);
  margin-bottom: var(--rem);
}

.p-card .p-card-content,
.p-card .p-card-footer {
  padding: var(--reset);
}

.p-divider .p-divider-content {
  background-color: var(--white);
}

.p-divider.p-divider-horizontal {
  margin: var(--rem) var(--reset);
  padding: 0 var(--rem);
}

.p-divider.p-divider-horizontal:before {
  border-top: 1px var(--surface-300);
}

.p-divider.p-divider-horizontal .p-divider-content {
  padding: 0 var(--half-rem);
}

.p-divider.p-divider-vertical {
  margin: 0 var(--rem);
  padding: var(--rem) var(--reset);
}

.p-divider.p-divider-vertical:before {
  border-left: 1px var(--surface-300);
}

.p-divider.p-divider-vertical .p-divider-content {
  padding: var(--half-rem) var(--reset);
}

.p-fieldset {
  border: var(--border-1px) var(--text-color-secondary);
  background: var(--white);
  color: var(--text-color);
  border-radius: var(--border-radius);
}

.p-fieldset .p-fieldset-legend {
  padding: var(--rem);
  border: var(--border-1px) var(--text-color-secondary);
  color: var(--text-color);
  background: var(--surface-100);
  border-radius: var(--border-radius);
}

.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
  padding: var(--reset);
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}

.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
  padding: var(--rem);
  color: var(--text-color);
  border-radius: var(--border-radius);
  transition: box-shadow 0.2s;
}

.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
  margin-right: var(--half-rem);
}

.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
}

.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
  background: var(--slate-600);
  border-color: var(--text-color-secondary);
  color: var(--text-color);
}

.p-fieldset .p-fieldset-content {
  padding: var(--rem);
}

.p-panel .p-panel-header {
  border: var(--border-1px) var(--text-color-secondary);
  padding: var(--rem);
  background: var(--surface-100);
  color: var(--text-color);
  border-top-right-radius: var(--border-radius);
  border-top-left-radius: var(--border-radius);
}

.p-panel .p-panel-header .p-panel-header-icon {
  width: var(--two-rem);
  height: var(--two-rem);
  color: var(--text-color-secondary);
  border: var(--reset-none);
  background: var(--transparent);
  border-radius: var(--pct-50);
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}

.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
  color: var(--text-color);
  border-color: var(--transparent);
  background: var(--slate-600);
}

.p-panel .p-panel-header .p-panel-header-icon:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
}

.p-panel.p-panel-toggleable .p-panel-header {
  padding: var(--half-rem) var(--rem);
}

.p-panel .p-panel-content {
  padding: var(--rem);
  border: var(--border-1px) var(--text-color-secondary);
  background: var(--white);
  color: var(--text-color);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
  border-top: var(--reset-none);
}

.p-panel .p-panel-footer {
  padding: var(--half-rem) var(--rem);
  border: var(--border-1px) var(--text-color-secondary);
  background: var(--white);
  color: var(--text-color);
  border-top: var(--reset-none);
}

.p-panel .p-panel-icons-end {
  order: 2;
  margin-left: var(--auto);
}

.p-panel .p-panel-icons-start {
  order: var(--reset);
  margin-right: var(--half-rem);
}

.p-panel .p-panel-icons-center {
  order: 2;
  width: var(--pct-100);
  text-align: center;
}

.p-scrollpanel .p-scrollpanel-bar {
  border: var(--reset-none);
}

.p-splitter {
  border: var(--border-1px) var(--text-color-secondary);
  background: var(--white);
  border-radius: var(--border-radius);
  color: var(--text-color);
}

.p-splitter .p-splitter-gutter {
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
  background: var(--surface-100);
}

.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
  background: var(--text-color-secondary);
}

.p-splitter .p-splitter-gutter-resizing {
  background: var(--text-color-secondary);
}

.p-tabview .p-tabview-nav {
  background: var(--transparent);
  border: var(--reset-none);
}

.p-tabview .p-tabview-nav li {
  margin-right: var(--reset);
}

.p-tabview .p-tabview-nav li.p-highlight {
  border-bottom: var(--border-1px) var(--slate-700);
}

.p-tabview .p-tabview-nav li .p-tabview-nav-link {
  color: var(--surface-500);
  padding: var(--small-padding);
  transition: box-shadow 0.2s;
  margin: var(--reset);
}

.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: inset var(--focus-ring);
}

.p-tabview
  .p-tabview-nav
  li:not(.p-highlight):not(.p-disabled)
  .p-tabview-nav-link:hover,
.p-tabview
  .p-tabview-nav
  li:not(.p-highlight):not(.p-disabled)
  .p-tabview-nav-link:active,
.p-tabview
  .p-tabview-nav
  li:not(.p-highlight):not(.p-disabled)
  .p-tabview-nav-link:focus {
  color: var(--primary-color);
}

.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
  color: var(--slate-700);
}

.p-tabview .p-tabview-nav li .p-tabview-nav-link.p-disabled,
.p-tabview .p-tabview-nav li.p-disabled .p-tabview-nav-link {
  color: var(--surface-300);
}

.p-tabview .p-tabview-left-icon {
  margin-right: var(--half-rem);
}

.p-tabview .p-tabview-right-icon {
  margin-left: var(--half-rem);
}

.p-tabview .p-tabview-close {
  margin-left: var(--half-rem);
}

.p-tabview .p-tabview-nav-btn.p-link {
  background: var(--transparent);
  color: var(--primary-color);
  width: var(--trigger-icon-rem);
  box-shadow: var(--raised-button-box-shadow);
  border-radius: var(--reset);
}

.p-tabview .p-tabview-nav-btn.p-link:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: inset var(--focus-ring);
}

.p-tabview .p-tabview-panels {
  background: var(--transparent);
  padding: var(--one-eighth-rem) var(--reset) var(--reset) var(--reset);
  border: var(--reset-none);
  color: var(--text-color);
}

.p-tabview.no-padding .p-tabview-panels {
  padding: var(--reset);
}

.p-toolbar {
  background: var(--surface-100);
  border: var(--border-1px) var(--text-color-secondary);
  padding: var(--rem);
  border-radius: var(--border-radius);
}

.p-toolbar .p-toolbar-separator {
  margin: 0 var(--half-rem);
}

.p-confirm-popup {
  background: var(--white);
  color: var(--text-color);
  border: var(--reset-none);
  border-radius: var(--border-radius);
  box-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px var(--border-radius) rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.p-confirm-popup .p-confirm-popup-content {
  padding: var(--rem);
}

.p-confirm-popup .p-confirm-popup-footer {
  text-align: right;
  padding: var(--half-rem) var(--rem);
}

.p-confirm-popup .p-confirm-popup-footer button {
  margin: 0 var(--half-rem) 0 var(--reset);
  width: var(--auto);
}

.p-confirm-popup .p-confirm-popup-footer button:last-child {
  margin: var(--reset);
}

.p-confirm-popup:after {
  border: solid transparent;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: var(--white);
}

.p-confirm-popup:before {
  border: solid transparent;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: var(--white);
}

.p-confirm-popup.p-confirm-popup-flipped:after {
  border-top-color: var(--white);
}

.p-confirm-popup.p-confirm-popup-flipped:before {
  border-top-color: var(--white);
}

.p-confirm-popup .p-confirm-popup-icon {
  font-size: var(--one-half-rem);
}

.p-confirm-popup .p-confirm-popup-message {
  margin-left: var(--rem);
}

.p-datatable-header {
  background: transparent !important;
  border-top: none !important;
  padding-right: var(--reset) !important;
}

.p-datatable-header .p-input-icon-left {
  padding-right: var(--reset);
}

.p-dialog {
  border-radius: var(--border-radius);
  box-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px var(--border-radius) rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  border: var(--reset-none);
}

.p-dialog .p-dialog-header {
  border-bottom: var(--reset-none);
  background: var(--white);
  color: var(--text-color);
  padding: var(--one-half-rem) var(--one-half-rem) var(--half-rem)
    var(--one-half-rem);
  border-top-right-radius: var(--border-radius);
  border-top-left-radius: var(--border-radius);
}

.p-dialog .p-dialog-header .p-dialog-title {
  font-family: var(--lexend);
  font-size: var(--font-size-4xl);
  line-height: var(--h6-line-height);
}

.p-dialog .p-dialog-header .p-dialog-header-icon {
  width: var(--two-rem);
  height: var(--two-rem);
  color: var(--text-color-secondary);
  border: var(--reset-none);
  background: var(--transparent);
  border-radius: var(--pct-50);
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
  margin-right: var(--half-rem);
}

.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover,
.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:focus,
.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:active {
  color: var(--danger);
  border-color: var(--transparent);
  background: var(--surface-100);
}

.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
}

.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
  margin-right: var(--reset);
}

.p-dialog .p-dialog-content {
  background: var(--white);
  color: var(--text-color);
  padding: var(--quarter-rem) var(--one-half-rem) var(--one-half-rem)
    var(--one-half-rem);
}

.p-dialog .p-dialog-content:last-of-type {
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

.p-dialog .p-dialog-footer {
  border-top: var(--reset-none);
  background: var(--white);
  color: var(--text-color);
  padding: var(--reset) var(--one-half-rem) var(--one-half-rem)
    var(--one-half-rem);
  text-align: right;
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

.p-dialog .p-dialog-footer button {
  margin: 0 var(--three-fourth-rem) 0 var(--reset);
  width: var(--auto);
}

.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
  font-size: var(--two-rem);
}

.p-dialog.p-confirm-dialog .p-dialog-footer {
  display: flex;
  flex-direction: row-reverse;
}

.p-dialog.p-confirm-dialog .p-dialog-footer .p-button-icon {
  display: none;
}

.p-overlaypanel {
  background: var(--white);
  color: var(--text-color);
  border: var(--reset-none);
  border-radius: var(--border-radius);
  box-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px var(--border-radius) rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.p-overlaypanel .p-overlaypanel-content {
  padding: var(--rem);
}

.p-overlaypanel .p-overlaypanel-close {
  background: var(--primary-color);
  color: var(--white);
  width: var(--two-rem);
  height: var(--two-rem);
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
  border-radius: var(--pct-50);
  position: absolute;
  top: -1rem;
  right: -1rem;
}

.p-overlaypanel .p-overlaypanel-close:enabled:hover {
  background: var(--slate-600);
  color: var(--white);
}

.p-overlaypanel:after {
  border: solid transparent;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: var(--white);
}

.p-overlaypanel:before {
  border: solid transparent;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: var(--surface-100);
}

.p-overlaypanel.p-overlaypanel-flipped:after {
  border-top-color: var(--white);
}

.p-overlaypanel.p-overlaypanel-flipped:before {
  border-top-color: var(--white);
}

.p-sidebar {
  background: var(--white);
  color: var(--text-color);
  border: var(--reset-none);
  box-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px var(--border-radius) rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.p-sidebar .p-sidebar-header {
  padding: var(--rem);
}

.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
  width: var(--two-rem);
  height: var(--two-rem);
  color: var(--text-color-secondary);
  border: var(--reset-none);
  background: var(--transparent);
  border-radius: var(--pct-50);
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}

.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
  color: var(--text-color);
  border-color: var(--transparent);
  background: var(--slate-600);
}

.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
}

.p-sidebar .p-sidebar-header + .p-sidebar-content {
  padding-top: var(--reset);
}

.p-sidebar .p-sidebar-content {
  padding: var(--rem);
}

.p-sidebar .p-sidebar-footer {
  padding: var(--rem);
}

.p-tooltip .p-tooltip-text {
  background: var(--text-color);
  color: var(--white);
  padding: var(--half-rem) var(--half-rem);
  box-shadow: var(--overlay-box-shadow);
  border-radius: var(--border-radius);
  font-size: var(--font-size-sm);
}

.p-tooltip.p-tooltip-right .p-tooltip-arrow {
  border-right-color: var(--text-color);
}

.p-tooltip.p-tooltip-left .p-tooltip-arrow {
  border-left-color: var(--text-color);
}

.p-tooltip.p-tooltip-top .p-tooltip-arrow {
  border-top-color: var(--text-color);
}

.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
  border-bottom-color: var(--text-color);
}

.p-fileupload .p-fileupload-buttonbar {
  background: var(--surface-100);
  padding: var(--rem);
  border: var(--border-1px) var(--text-color-secondary);
  color: var(--text-color);
  border-bottom: var(--reset-none);
  border-top-right-radius: var(--border-radius);
  border-top-left-radius: var(--border-radius);
}

.p-fileupload .p-fileupload-buttonbar .p-button {
  margin-right: var(--half-rem);
}

.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
}

.p-fileupload .p-fileupload-content {
  background: var(--white);
  padding: var(--two-rem) var(--rem);
  border: var(--border-1px) var(--text-color-secondary);
  color: var(--text-color);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

.p-fileupload .p-progressbar {
  height: var(--quarter-rem);
}

.p-fileupload .p-fileupload-row > div {
  padding: var(--rem) var(--rem);
}

.p-fileupload.p-fileupload-advanced .p-message {
  margin-top: var(--reset);
}

.p-fileupload-choose.p-disabled {
  opacity: var(--alpha-100);
  background: var(--slate-200);
  border-color: var(--slate-200);
}

.p-fileupload-choose:not(.p-disabled):hover {
  background: var(--slate-600);
  color: var(--white);
  border-color: var(--slate-600);
}

.p-fileupload-choose:not(.p-disabled):active {
  background: var(--primary-color);
  color: var(--white);
  border-color: var(--primary-color);
}

.p-breadcrumb {
  background: var(--transparent);
  border: var(--reset-none);
  padding: var(--reset) var(--rem) var(--half-rem) var(--reset);
  font-size: var(--rem);
}

.p-breadcrumb ul li .p-menuitem-link {
  transition: box-shadow 0.2s;
  border-radius: var(--border-radius);
}

.p-breadcrumb ul li .p-menuitem-link:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
}

.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
  color: var(--primary-color);
}

.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
  color: var(--primary-color);
}

.p-breadcrumb ul li.p-breadcrumb-chevron {
  margin: 0 var(--half-rem) 0 var(--half-rem);
  color: var(--primary-color);
}

.p-breadcrumb ul li:last-child .p-menuitem-text {
  color: var(--primary-color);
}

.p-breadcrumb ul li:last-child .p-menuitem-icon {
  color: var(--primary-color);
}

.p-contextmenu {
  padding: var(--quarter-rem) var(--reset);
  background: var(--white);
  color: var(--text-color);
  border: var(--reset-none);
  box-shadow: var(--overlay-box-shadow);
  border-radius: var(--border-radius);
  width: 12.5rem;
}

.p-contextmenu .p-menuitem-link {
  padding: var(--three-fourth-rem) var(--rem);
  color: var(--text-color);
  border-radius: var(--reset);
  transition: box-shadow 0.2s;
  user-select: none;
}

.p-contextmenu .p-menuitem-link .p-menuitem-text {
  color: var(--text-color);
}

.p-contextmenu .p-menuitem-link .p-menuitem-icon {
  color: var(--text-color-secondary);
  margin-right: var(--half-rem);
}

.p-contextmenu .p-menuitem-link .p-submenu-icon {
  color: var(--text-color-secondary);
}

.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
  background: var(--slate-600);
}

.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: var(--text-color);
}

.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: var(--text-color-secondary);
}

.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: var(--text-color-secondary);
}

.p-contextmenu .p-menuitem-link:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-box-shadow) var(--primary-color);
}

.p-contextmenu .p-submenu-list {
  padding: var(--quarter-rem) var(--reset);
  background: var(--white);
  border: var(--reset-none);
  box-shadow: var(--overlay-box-shadow);
  border-radius: var(--border-radius);
}

.p-contextmenu .p-menuitem {
  margin: var(--reset);
}

.p-contextmenu .p-menuitem:last-child {
  margin: var(--reset);
}

.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
  background: var(--slate-600);
}

.p-contextmenu
  .p-menuitem.p-menuitem-active
  > .p-menuitem-link
  .p-menuitem-text {
  color: var(--text-color);
}

.p-contextmenu
  .p-menuitem.p-menuitem-active
  > .p-menuitem-link
  .p-menuitem-icon,
.p-contextmenu
  .p-menuitem.p-menuitem-active
  > .p-menuitem-link
  .p-submenu-icon {
  color: var(--text-color-secondary);
}

.p-contextmenu .p-menu-separator {
  border-top: var(--border-1px) var(--text-color-secondary);
  margin: var(--quarter-rem) var(--reset);
}

.p-contextmenu .p-submenu-icon {
  font-size: var(--font-size-body);
}

.p-contextmenu .p-menuitem-badge {
  background: var(--primary-color);
  color: var(--white);
  font-size: var(--three-fourth-rem);
  min-width: var(--one-half-rem);
  height: var(--one-half-rem);
  line-height: var(--one-half-rem);
  border-radius: var(--border-radius);
  margin-left: var(--half-rem);
  padding-left: var(--half-rem);
  padding-right: var(--half-rem);
}

.p-dock .p-dock-list {
  background: rgba(255, 255, 255, 0.1);
  border: var(--border-1px) rgba(255, 255, 255, 0.2);
  padding: var(--half-rem) var(--half-rem);
  border-radius: var(--half-rem);
}

.p-dock .p-dock-item {
  padding: var(--half-rem);
}

.p-dock .p-dock-action {
  width: var(--four-rem);
  height: var(--four-rem);
}

.p-dock.p-dock-top .p-dock-item-second-prev,
.p-dock.p-dock-top .p-dock-item-second-next,
.p-dock.p-dock-bottom .p-dock-item-second-prev,
.p-dock.p-dock-bottom .p-dock-item-second-next {
  margin: 0 0.9rem;
}

.p-dock.p-dock-top .p-dock-item-prev,
.p-dock.p-dock-top .p-dock-item-next,
.p-dock.p-dock-bottom .p-dock-item-prev,
.p-dock.p-dock-bottom .p-dock-item-next {
  margin: 0 1.3rem;
}

.p-dock.p-dock-top .p-dock-item-current,
.p-dock.p-dock-bottom .p-dock-item-current {
  margin: 0 var(--one-half-rem);
}

.p-dock.p-dock-left .p-dock-item-second-prev,
.p-dock.p-dock-left .p-dock-item-second-next,
.p-dock.p-dock-right .p-dock-item-second-prev,
.p-dock.p-dock-right .p-dock-item-second-next {
  margin: 0.9rem var(--reset);
}

.p-dock.p-dock-left .p-dock-item-prev,
.p-dock.p-dock-left .p-dock-item-next,
.p-dock.p-dock-right .p-dock-item-prev,
.p-dock.p-dock-right .p-dock-item-next {
  margin: 1.3rem var(--reset);
}

.p-dock.p-dock-left .p-dock-item-current,
.p-dock.p-dock-right .p-dock-item-current {
  margin: var(--one-half-rem) var(--reset);
}

@media screen and (max-width: 960px) {
  .p-dock.p-dock-top .p-dock-list-container,
  .p-dock.p-dock-bottom .p-dock-list-container {
    overflow-x: var(--auto);
    width: var(--pct-100);
  }

  .p-dock.p-dock-top .p-dock-list-container .p-dock-list,
  .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
    margin: 0 var(--auto);
  }

  .p-dock.p-dock-left .p-dock-list-container,
  .p-dock.p-dock-right .p-dock-list-container {
    overflow-y: var(--auto);
    height: var(--pct-100);
  }

  .p-dock.p-dock-left .p-dock-list-container .p-dock-list,
  .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
    margin: var(--auto) var(--reset);
  }

  .p-dock .p-dock-list .p-dock-item {
    transform: none;
    margin: var(--reset);
  }
}

.p-megamenu {
  padding: var(--half-rem);
  background: var(--surface-100);
  color: var(--text-color);
  border: var(--border-1px) var(--text-color-secondary);
  border-radius: var(--border-radius);
}

.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
  padding: var(--three-fourth-rem) var(--rem);
  color: var(--text-color);
  border-radius: var(--border-radius);
  transition: box-shadow 0.2s;
  user-select: none;
}

.p-megamenu
  .p-megamenu-root-list
  > .p-menuitem
  > .p-menuitem-link
  .p-menuitem-text {
  color: var(--text-color);
}

.p-megamenu
  .p-megamenu-root-list
  > .p-menuitem
  > .p-menuitem-link
  .p-menuitem-icon {
  color: var(--text-color-secondary);
  margin-right: var(--half-rem);
}

.p-megamenu
  .p-megamenu-root-list
  > .p-menuitem
  > .p-menuitem-link
  .p-submenu-icon {
  color: var(--text-color-secondary);
  margin-left: var(--half-rem);
}

.p-megamenu
  .p-megamenu-root-list
  > .p-menuitem
  > .p-menuitem-link:not(.p-disabled):hover {
  background: var(--slate-600);
}

.p-megamenu
  .p-megamenu-root-list
  > .p-menuitem
  > .p-menuitem-link:not(.p-disabled):hover
  .p-menuitem-text {
  color: var(--text-color);
}

.p-megamenu
  .p-megamenu-root-list
  > .p-menuitem
  > .p-menuitem-link:not(.p-disabled):hover
  .p-menuitem-icon {
  color: var(--text-color-secondary);
}

.p-megamenu
  .p-megamenu-root-list
  > .p-menuitem
  > .p-menuitem-link:not(.p-disabled):hover
  .p-submenu-icon {
  color: var(--text-color-secondary);
}

.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-box-shadow) var(--primary-color);
}

.p-megamenu
  .p-megamenu-root-list
  > .p-menuitem.p-menuitem-active
  > .p-menuitem-link,
.p-megamenu
  .p-megamenu-root-list
  > .p-menuitem.p-menuitem-active
  > .p-menuitem-link:not(.p-disabled):hover {
  background: var(--slate-600);
}

.p-megamenu
  .p-megamenu-root-list
  > .p-menuitem.p-menuitem-active
  > .p-menuitem-link
  .p-menuitem-text,
.p-megamenu
  .p-megamenu-root-list
  > .p-menuitem.p-menuitem-active
  > .p-menuitem-link:not(.p-disabled):hover
  .p-menuitem-text {
  color: var(--text-color);
}

.p-megamenu
  .p-megamenu-root-list
  > .p-menuitem.p-menuitem-active
  > .p-menuitem-link
  .p-menuitem-icon,
.p-megamenu
  .p-megamenu-root-list
  > .p-menuitem.p-menuitem-active
  > .p-menuitem-link:not(.p-disabled):hover
  .p-menuitem-icon {
  color: var(--text-color-secondary);
}

.p-megamenu
  .p-megamenu-root-list
  > .p-menuitem.p-menuitem-active
  > .p-menuitem-link
  .p-submenu-icon,
.p-megamenu
  .p-megamenu-root-list
  > .p-menuitem.p-menuitem-active
  > .p-menuitem-link:not(.p-disabled):hover
  .p-submenu-icon {
  color: var(--text-color-secondary);
}

.p-megamenu .p-menuitem-link {
  padding: var(--three-fourth-rem) var(--rem);
  color: var(--text-color);
  border-radius: var(--reset);
  transition: box-shadow 0.2s;
  user-select: none;
}

.p-megamenu .p-menuitem-link .p-menuitem-text {
  color: var(--text-color);
}

.p-megamenu .p-menuitem-link .p-menuitem-icon {
  color: var(--text-color-secondary);
  margin-right: var(--half-rem);
}

.p-megamenu .p-menuitem-link .p-submenu-icon {
  color: var(--text-color-secondary);
}

.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
  background: var(--slate-600);
}

.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: var(--text-color);
}

.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: var(--text-color-secondary);
}

.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: var(--text-color-secondary);
}

.p-megamenu .p-menuitem-link:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-box-shadow) var(--primary-color);
}

.p-megamenu .p-megamenu-panel {
  background: var(--white);
  color: var(--text-color);
  border: var(--reset-none);
  box-shadow: var(--overlay-box-shadow);
}

.p-megamenu .p-megamenu-submenu-header {
  margin: var(--reset);
  padding: var(--three-fourth-rem) var(--rem);
  color: var(--text-color);
  background: var(--white);
  border-top-right-radius: var(--border-radius);
  border-top-left-radius: var(--border-radius);
}

.p-megamenu .p-megamenu-submenu {
  padding: var(--quarter-rem) var(--reset);
  width: 12.5rem;
}

.p-megamenu .p-megamenu-submenu .p-menu-separator {
  border-top: var(--border-1px) var(--text-color-secondary);
  margin: var(--quarter-rem) var(--reset);
}

.p-megamenu .p-megamenu-submenu .p-menuitem {
  margin: var(--reset);
}

.p-megamenu .p-megamenu-submenu .p-menuitem:last-child {
  margin: var(--reset);
}

.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
  background: var(--slate-600);
}

.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
  color: var(--text-color);
}

.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
  color: var(--text-color-secondary);
}

.p-megamenu.p-megamenu-vertical {
  width: 12.5rem;
  padding: var(--quarter-rem) var(--reset);
}

.p-megamenu.p-megamenu-vertical .p-menuitem {
  margin: var(--reset);
}

.p-megamenu.p-megamenu-vertical .p-menuitem:last-child {
  margin: var(--reset);
}

.p-megamenu .p-menuitem-badge {
  background: var(--primary-color);
  color: var(--white);
  font-size: var(--three-fourth-rem);
  min-width: var(--one-half-rem);
  height: var(--one-half-rem);
  line-height: var(--one-half-rem);
  border-radius: var(--border-radius);
  margin-left: var(--half-rem);
  padding-left: var(--half-rem);
  padding-right: var(--half-rem);
}

.p-menu {
  padding: var(--quarter-rem) var(--reset);
  background: var(--white);
  color: var(--text-color);
  border: var(--border-1px) var(--text-color-secondary);
  border-radius: var(--border-radius);
}

.p-menu .p-menuitem-link {
  padding: var(--three-fourth-rem) var(--rem);
  color: var(--primary-color);
  border-radius: var(--reset);
  transition: box-shadow 0.2s;
  user-select: none;
}

.p-menu .p-menuitem-link .p-menuitem-text {
  color: var(--primary-color);
}

.p-menu .p-menuitem-link .p-menuitem-icon {
  color: var(--primary-color);
  margin-right: var(--half-rem);
}

.p-menu .p-menuitem-link .p-submenu-icon {
  color: var(--primary-color);
}

.p-menu .p-menuitem-link:not(.p-disabled):hover,
.p-menu .p-menuitem-link:not(.p-disabled):focus,
.p-menu .p-menuitem-link:not(.p-disabled):active {
  background: var(--slate-50);
  color: var(--slate-600);
}

.p-menu .p-menuitem-link:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-box-shadow) var(--slate-200);
}

.p-menu.p-menu-overlay {
  background: var(--white);
  border: var(--reset-none);
  box-shadow: var(--overlay-box-shadow);
  min-width: auto;
}

.p-menu .p-submenu-header {
  margin: var(--reset);
  padding: var(--three-fourth-rem) var(--rem);
  color: var(--text-color);
  background: var(--white);
  border-top-right-radius: var(--reset);
  border-top-left-radius: var(--reset);
}

.p-menu.no-sub-menus .p-submenu-header {
  display: var(--none);
}

.p-menu .p-menu-separator {
  border-top: var(--border-1px) var(--text-color-secondary);
  margin: var(--quarter-rem) var(--reset);
}

.p-menu .p-menuitem {
  margin: var(--reset);
}

.p-menu .p-menuitem:last-child {
  margin: var(--reset);
}

.p-menu .p-menuitem-badge {
  background: var(--primary-color);
  color: var(--white);
  font-size: var(--three-fourth-rem);
  min-width: var(--one-half-rem);
  height: var(--one-half-rem);
  line-height: var(--one-half-rem);
  border-radius: var(--border-radius);
  margin-left: var(--half-rem);
  padding-left: var(--half-rem);
  padding-right: var(--half-rem);
}

.p-menubar {
  padding: var(--half-rem);
  background: var(--surface-100);
  color: var(--text-color);
  border: var(--border-1px) var(--text-color-secondary);
  border-radius: var(--border-radius);
}

.p-menubar .p-menuitem-link {
  padding: var(--three-fourth-rem) var(--rem);
  color: var(--text-color);
  border-radius: var(--reset);
  transition: box-shadow 0.2s;
  user-select: none;
}

.p-menubar .p-menuitem-link .p-menuitem-text {
  color: var(--text-color);
}

.p-menubar .p-menuitem-link .p-menuitem-icon {
  color: var(--text-color-secondary);
  margin-right: var(--half-rem);
}

.p-menubar .p-menuitem-link .p-submenu-icon {
  color: var(--text-color-secondary);
}

.p-menubar .p-menuitem-link:not(.p-disabled):hover {
  background: var(--slate-600);
}

.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: var(--text-color);
}

.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: var(--text-color-secondary);
}

.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: var(--text-color-secondary);
}

.p-menubar .p-menuitem-link:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-box-shadow) var(--primary-color);
}

.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
  padding: var(--three-fourth-rem) var(--rem);
  color: var(--text-color);
  border-radius: var(--border-radius);
  transition: box-shadow 0.2s;
  user-select: none;
}

.p-menubar
  .p-menubar-root-list
  > .p-menuitem
  > .p-menuitem-link
  .p-menuitem-text {
  color: var(--text-color);
}

.p-menubar
  .p-menubar-root-list
  > .p-menuitem
  > .p-menuitem-link
  .p-menuitem-icon {
  color: var(--text-color-secondary);
  margin-right: var(--half-rem);
}

.p-menubar
  .p-menubar-root-list
  > .p-menuitem
  > .p-menuitem-link
  .p-submenu-icon {
  color: var(--text-color-secondary);
  margin-left: var(--half-rem);
}

.p-menubar
  .p-menubar-root-list
  > .p-menuitem
  > .p-menuitem-link:not(.p-disabled):hover {
  background: var(--slate-600);
}

.p-menubar
  .p-menubar-root-list
  > .p-menuitem
  > .p-menuitem-link:not(.p-disabled):hover
  .p-menuitem-text {
  color: var(--text-color);
}

.p-menubar
  .p-menubar-root-list
  > .p-menuitem
  > .p-menuitem-link:not(.p-disabled):hover
  .p-menuitem-icon {
  color: var(--text-color-secondary);
}

.p-menubar
  .p-menubar-root-list
  > .p-menuitem
  > .p-menuitem-link:not(.p-disabled):hover
  .p-submenu-icon {
  color: var(--text-color-secondary);
}

.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-box-shadow) var(--primary-color);
}

.p-menubar
  .p-menubar-root-list
  > .p-menuitem.p-menuitem-active
  > .p-menuitem-link,
.p-menubar
  .p-menubar-root-list
  > .p-menuitem.p-menuitem-active
  > .p-menuitem-link:not(.p-disabled):hover {
  background: var(--slate-600);
}

.p-menubar
  .p-menubar-root-list
  > .p-menuitem.p-menuitem-active
  > .p-menuitem-link
  .p-menuitem-text,
.p-menubar
  .p-menubar-root-list
  > .p-menuitem.p-menuitem-active
  > .p-menuitem-link:not(.p-disabled):hover
  .p-menuitem-text {
  color: var(--text-color);
}

.p-menubar
  .p-menubar-root-list
  > .p-menuitem.p-menuitem-active
  > .p-menuitem-link
  .p-menuitem-icon,
.p-menubar
  .p-menubar-root-list
  > .p-menuitem.p-menuitem-active
  > .p-menuitem-link:not(.p-disabled):hover
  .p-menuitem-icon {
  color: var(--text-color-secondary);
}

.p-menubar
  .p-menubar-root-list
  > .p-menuitem.p-menuitem-active
  > .p-menuitem-link
  .p-submenu-icon,
.p-menubar
  .p-menubar-root-list
  > .p-menuitem.p-menuitem-active
  > .p-menuitem-link:not(.p-disabled):hover
  .p-submenu-icon {
  color: var(--text-color-secondary);
}

.p-menubar .p-submenu-list {
  padding: var(--quarter-rem) var(--reset);
  background: var(--white);
  border: var(--reset-none);
  box-shadow: var(--overlay-box-shadow);
  width: 12.5rem;
}

.p-menubar .p-submenu-list .p-menu-separator {
  border-top: var(--border-1px) var(--text-color-secondary);
  margin: var(--quarter-rem) var(--reset);
}

.p-menubar .p-submenu-list .p-submenu-icon {
  font-size: var(--font-size-body);
}

.p-menubar .p-submenu-list .p-menuitem {
  margin: var(--reset);
}

.p-menubar .p-submenu-list .p-menuitem:last-child {
  margin: var(--reset);
}

.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
  background: var(--slate-600);
}

.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
  color: var(--text-color);
}

.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
  color: var(--text-color-secondary);
}

.p-menubar .p-menuitem-badge {
  background: var(--primary-color);
  color: var(--white);
  font-size: var(--three-fourth-rem);
  min-width: var(--one-half-rem);
  height: var(--one-half-rem);
  line-height: var(--one-half-rem);
  border-radius: var(--border-radius);
  margin-left: var(--half-rem);
  padding-left: var(--half-rem);
  padding-right: var(--half-rem);
}

@media screen and (max-width: 960px) {
  .p-menubar {
    position: relative;
  }

  .p-menubar .p-menubar-button {
    display: flex;
    width: var(--two-rem);
    height: var(--two-rem);
    color: var(--text-color-secondary);
    border-radius: var(--pct-50);
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }

  .p-menubar .p-menubar-button:hover {
    color: var(--text-color-secondary);
    background: var(--slate-600);
  }

  .p-menubar .p-menubar-button:focus {
    outline: var(--reset-none);
    outline-offset: var(--reset);
    box-shadow: var(--focus-ring);
  }

  .p-menubar .p-menubar-root-list {
    position: absolute;
    display: none;
    padding: var(--quarter-rem) var(--reset);
    background: var(--white);
    border: var(--reset-none);
    box-shadow: var(--overlay-box-shadow);
    width: var(--pct-100);
  }

  .p-menubar .p-menubar-root-list .p-menu-separator {
    border-top: var(--border-1px) var(--text-color-secondary);
    margin: var(--quarter-rem) var(--reset);
  }

  .p-menubar .p-menubar-root-list .p-submenu-icon {
    font-size: var(--font-size-body);
  }

  .p-menubar .p-menubar-root-list > .p-menuitem {
    width: var(--pct-100);
    position: static;
  }

  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
    padding: var(--three-fourth-rem) var(--rem);
    color: var(--text-color);
    border-radius: var(--reset);
    transition: box-shadow 0.2s;
    user-select: none;
  }

  .p-menubar
    .p-menubar-root-list
    > .p-menuitem
    > .p-menuitem-link
    .p-menuitem-text {
    color: var(--text-color);
  }

  .p-menubar
    .p-menubar-root-list
    > .p-menuitem
    > .p-menuitem-link
    .p-menuitem-icon {
    color: var(--text-color-secondary);
    margin-right: var(--half-rem);
  }

  .p-menubar
    .p-menubar-root-list
    > .p-menuitem
    > .p-menuitem-link
    .p-submenu-icon {
    color: var(--text-color-secondary);
  }

  .p-menubar
    .p-menubar-root-list
    > .p-menuitem
    > .p-menuitem-link:not(.p-disabled):hover {
    background: var(--slate-600);
  }

  .p-menubar
    .p-menubar-root-list
    > .p-menuitem
    > .p-menuitem-link:not(.p-disabled):hover
    .p-menuitem-text {
    color: var(--text-color);
  }

  .p-menubar
    .p-menubar-root-list
    > .p-menuitem
    > .p-menuitem-link:not(.p-disabled):hover
    .p-menuitem-icon {
    color: var(--text-color-secondary);
  }

  .p-menubar
    .p-menubar-root-list
    > .p-menuitem
    > .p-menuitem-link:not(.p-disabled):hover
    .p-submenu-icon {
    color: var(--text-color-secondary);
  }

  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
    outline: var(--reset-none);
    outline-offset: var(--reset);
    box-shadow: var(--focus-box-shadow) var(--primary-color);
  }

  .p-menubar
    .p-menubar-root-list
    > .p-menuitem
    > .p-menuitem-link
    > .p-submenu-icon {
    margin-left: var(--auto);
    transition: transform 0.2s;
  }

  .p-menubar
    .p-menubar-root-list
    > .p-menuitem.p-menuitem-active
    > .p-menuitem-link
    > .p-submenu-icon {
    transform: rotate(-180deg);
  }

  .p-menubar .p-menubar-root-list .p-submenu-list {
    width: var(--pct-100);
    position: static;
    box-shadow: var(--reset-none);
    border: var(--reset-none);
  }

  .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
    transition: transform 0.2s;
    transform: var(--rotate-90);
  }

  .p-menubar
    .p-menubar-root-list
    .p-submenu-list
    .p-menuitem-active
    > .p-menuitem-link
    > .p-submenu-icon {
    transform: rotate(-90deg);
  }

  .p-menubar .p-menubar-root-list .p-menuitem {
    width: var(--pct-100);
    position: static;
  }

  .p-menubar .p-menubar-root-list ul li a {
    padding-left: 2.25rem;
  }

  .p-menubar .p-menubar-root-list ul li ul li a {
    padding-left: 3.75rem;
  }

  .p-menubar .p-menubar-root-list ul li ul li ul li a {
    padding-left: 5.25rem;
  }

  .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
    padding-left: 6.75rem;
  }

  .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
    padding-left: 8.25rem;
  }

  .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
    display: flex;
    flex-direction: column;
    top: var(--pct-100);
    left: var(--reset);
    z-index: 1;
  }
}

.p-panelmenu .p-panelmenu-header > a {
  padding: var(--rem);
  border: var(--border-1px) var(--text-color-secondary);
  color: var(--text-color);
  background: var(--surface-100);
  border-radius: var(--border-radius);
  transition: box-shadow 0.2s;
}

.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
  margin-right: var(--half-rem);
}

.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
  margin-right: var(--half-rem);
}

.p-panelmenu .p-panelmenu-header > a:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
}

.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
  background: var(--slate-600);
  border-color: var(--text-color-secondary);
  color: var(--text-color);
}

.p-panelmenu .p-panelmenu-header.p-highlight {
  margin-bottom: var(--reset);
}

.p-panelmenu .p-panelmenu-header.p-highlight > a {
  background: var(--surface-100);
  border-color: var(--text-color-secondary);
  color: var(--text-color);
  border-bottom-right-radius: var(--reset);
  border-bottom-left-radius: var(--reset);
}

.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
  border-color: var(--text-color-secondary);
  background: var(--slate-600);
  color: var(--text-color);
}

.p-panelmenu .p-panelmenu-content {
  padding: var(--quarter-rem) var(--reset);
  border: var(--border-1px) var(--text-color-secondary);
  background: var(--white);
  color: var(--text-color);
  margin-bottom: var(--reset);
  border-top: var(--reset);
  border-top-right-radius: var(--reset);
  border-top-left-radius: var(--reset);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
  padding: var(--three-fourth-rem) var(--rem);
  color: var(--text-color);
  border-radius: var(--reset);
  transition: box-shadow 0.2s;
  user-select: none;
}

.p-panelmenu
  .p-panelmenu-content
  .p-menuitem
  .p-menuitem-link
  .p-menuitem-text {
  color: var(--text-color);
}

.p-panelmenu
  .p-panelmenu-content
  .p-menuitem
  .p-menuitem-link
  .p-menuitem-icon {
  color: var(--text-color-secondary);
  margin-right: var(--half-rem);
}

.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
  color: var(--text-color-secondary);
}

.p-panelmenu
  .p-panelmenu-content
  .p-menuitem
  .p-menuitem-link:not(.p-disabled):hover {
  background: var(--slate-600);
}

.p-panelmenu
  .p-panelmenu-content
  .p-menuitem
  .p-menuitem-link:not(.p-disabled):hover
  .p-menuitem-text {
  color: var(--text-color);
}

.p-panelmenu
  .p-panelmenu-content
  .p-menuitem
  .p-menuitem-link:not(.p-disabled):hover
  .p-menuitem-icon {
  color: var(--text-color-secondary);
}

.p-panelmenu
  .p-panelmenu-content
  .p-menuitem
  .p-menuitem-link:not(.p-disabled):hover
  .p-submenu-icon {
  color: var(--text-color-secondary);
}

.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-box-shadow) var(--primary-color);
}

.p-panelmenu
  .p-panelmenu-content
  .p-menuitem
  .p-menuitem-link
  .p-panelmenu-icon {
  margin-right: var(--half-rem);
}

.p-panelmenu
  .p-panelmenu-content
  .p-submenu-list:not(.p-panelmenu-root-submenu) {
  padding: 0 0 0 var(--rem);
}

.p-panelmenu .p-panelmenu-panel {
  margin-bottom: var(--reset);
}

.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
  border-radius: var(--reset);
}

.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
  border-radius: var(--reset);
}

.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
  border-top: var(--reset-none);
}

.p-panelmenu
  .p-panelmenu-panel:not(:first-child)
  .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover
  > a,
.p-panelmenu
  .p-panelmenu-panel:not(:first-child)
  .p-panelmenu-header:not(.p-disabled).p-highlight:hover
  > a {
  border-top: var(--reset-none);
}

.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
  border-top-right-radius: var(--border-radius);
  border-top-left-radius: var(--border-radius);
}

.p-panelmenu
  .p-panelmenu-panel:last-child
  .p-panelmenu-header:not(.p-highlight)
  > a {
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

.p-panelmenu .p-menuitem-badge {
  background: var(--primary-color);
  color: var(--white);
  font-size: var(--three-fourth-rem);
  min-width: var(--one-half-rem);
  height: var(--one-half-rem);
  line-height: var(--one-half-rem);
  border-radius: var(--border-radius);
  margin-left: var(--half-rem);
  padding-left: var(--half-rem);
  padding-right: var(--half-rem);
}

.p-slidemenu {
  padding: var(--quarter-rem) var(--reset);
  background: var(--white);
  color: var(--text-color);
  border: var(--border-1px) var(--text-color-secondary);
  border-radius: var(--border-radius);
  width: 12.5rem;
}

.p-slidemenu .p-menuitem-link {
  padding: var(--three-fourth-rem) var(--rem);
  color: var(--text-color);
  border-radius: var(--reset);
  transition: box-shadow 0.2s;
  user-select: none;
}

.p-slidemenu .p-menuitem-link .p-menuitem-text {
  color: var(--text-color);
}

.p-slidemenu .p-menuitem-link .p-menuitem-icon {
  color: var(--text-color-secondary);
  margin-right: var(--half-rem);
}

.p-slidemenu .p-menuitem-link .p-submenu-icon {
  color: var(--text-color-secondary);
}

.p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
  background: var(--slate-600);
}

.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: var(--text-color);
}

.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: var(--text-color-secondary);
}

.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: var(--text-color-secondary);
}

.p-slidemenu .p-menuitem-link:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-box-shadow) var(--primary-color);
}

.p-slidemenu.p-slidemenu-overlay {
  background: var(--white);
  border: var(--reset-none);
  box-shadow: var(--overlay-box-shadow);
}

.p-slidemenu .p-slidemenu-list {
  padding: var(--quarter-rem) var(--reset);
  background: var(--white);
  border: var(--reset-none);
  box-shadow: var(--overlay-box-shadow);
}

.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
  background: var(--slate-600);
}

.p-slidemenu
  .p-slidemenu.p-slidemenu-active
  > .p-slidemenu-link
  .p-slidemenu-text {
  color: var(--text-color);
}

.p-slidemenu
  .p-slidemenu.p-slidemenu-active
  > .p-slidemenu-link
  .p-slidemenu-icon,
.p-slidemenu
  .p-slidemenu.p-slidemenu-active
  > .p-slidemenu-link
  .p-slidemenu-icon {
  color: var(--text-color-secondary);
}

.p-slidemenu .p-slidemenu-separator {
  border-top: var(--border-1px) var(--text-color-secondary);
  margin: var(--quarter-rem) var(--reset);
}

.p-slidemenu .p-slidemenu-icon {
  font-size: var(--font-size-body);
}

.p-slidemenu .p-slidemenu-backward {
  padding: var(--three-fourth-rem) var(--rem);
  color: var(--text-color);
}

.p-slidemenu .p-menuitem-badge {
  background: var(--primary-color);
  color: var(--white);
  font-size: var(--three-fourth-rem);
  min-width: var(--one-half-rem);
  height: var(--one-half-rem);
  line-height: var(--one-half-rem);
  border-radius: var(--border-radius);
  margin-left: var(--half-rem);
  padding-left: var(--half-rem);
  padding-right: var(--half-rem);
}

.p-steps .p-steps-item .p-menuitem-link {
  background: var(--transparent);
  transition: box-shadow 0.2s;
  border-radius: var(--border-radius);
  background: var(--white);
}

.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
  color: var(--text-color);
  border: var(--border-1px) var(--slate-600);
  background: var(--white);
  min-width: var(--two-rem);
  height: var(--two-rem);
  line-height: var(--two-rem);
  font-size: var(--slider-handle-dimension);
  z-index: 1;
  border-radius: var(--pct-50);
}

.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
  margin-top: var(--half-rem);
  color: var(--text-color-secondary);
}

.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
}

.p-steps .p-steps-item.p-highlight .p-steps-number {
  background: var(--slate-100);
  color: var(--text-color);
}

.p-steps .p-steps-item.p-highlight .p-steps-title {
  color: var(--text-color);
}

.p-steps .p-steps-item:before {
  content: ' ';
  border-top: var(--border-1px) var(--text-color-secondary);
  width: var(--pct-100);
  top: var(--pct-50);
  left: var(--reset);
  display: block;
  position: absolute;
  margin-top: -1rem;
}

p-tabmenu {
  margin-bottom: var(--half-rem);
}

.p-tabmenu .p-tabmenu-nav {
  background: var(--transparent);
  border: var(--reset-none);
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
  margin: var(--reset);
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
  color: var(--surface-500);
  padding: var(--half-rem) var(--rem);
  transition: box-shadow 0.2s;
  margin: var(--reset);
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-disabled .p-menuitem-link {
  color: var(--surface-300);
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
  border-bottom: var(--border-1px) var(--slate-700);
  color: var(--slate-700);
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
  margin-right: var(--half-rem);
}

.p-tabmenu
  .p-tabmenu-nav
  .p-tabmenuitem
  .p-menuitem-link:not(.p-disabled):focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: inset var(--focus-ring);
}

.p-tabmenu
  .p-tabmenu-nav
  .p-tabmenuitem:not(.p-highlight):not(.p-disabled)
  .p-menuitem-link:hover,
.p-tabmenu
  .p-tabmenu-nav
  .p-tabmenuitem:not(.p-highlight):not(.p-disabled)
  .p-menuitem-link:active,
.p-tabmenu
  .p-tabmenu-nav
  .p-tabmenuitem:not(.p-highlight):not(.p-disabled)
  .p-menuitem-link:focus {
  color: var(--primary-color);
}

.p-tabmenu .p-tabmenu-left-icon {
  margin-right: var(--half-rem);
}

.p-tabmenu .p-tabmenu-right-icon {
  margin-left: var(--half-rem);
}

.p-tabmenu .p-tabmenu-nav-btn.p-link {
  color: var(--primary-color);
  width: var(--trigger-icon-rem);
  box-shadow: var(--raised-button-box-shadow);
  border-radius: var(--reset);
}

.p-tabmenu .p-tabmenu-nav-btn.p-link:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: inset var(--focus-ring);
}

.p-tieredmenu {
  padding: var(--reset) var(--reset);
  background: var(--white);
  border-radius: var(--border-radius);
  width: var(--pct-100);
  box-shadow: var(--overlay-box-shadow);
}

.p-tieredmenu .p-menuitem-link {
  padding: var(--three-fourth-rem) var(--rem);
  color: var(--text-color);
  border-radius: var(--reset);
  transition: box-shadow 0.2s;
  user-select: none;
}

.p-tieredmenu .p-menuitem-link .p-menuitem-text {
  color: var(--text-color);
}

.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
  color: var(--text-color-secondary);
  margin-right: var(--half-rem);
}

.p-tieredmenu .p-menuitem-link .p-submenu-icon {
  color: var(--text-color-secondary);
}

.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover,
.p-tieredmenu .p-menuitem-link:focus,
.p-tieredmenu .p-menuitem-link:active {
  background: var(--primary-color);
}

.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
.p-tieredmenu .p-menuitem-link:focus .p-menuitem-text,
.p-tieredmenu .p-menuitem-link:active .p-menuitem-text,
.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
.p-tieredmenu .p-menuitem-link:focus .p-menuitem-icon,
.p-tieredmenu .p-menuitem-link:active .p-menuitem-icon,
.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon,
.p-tieredmenu .p-menuitem-link:focus .p-submenu-icon,
.p-tieredmenu .p-menuitem-link:active .p-submenu-icon {
  color: var(--white);
}

.p-tieredmenu .p-submenu-list {
  padding: var(--quarter-rem) var(--reset);
  background: var(--white);
  border: var(--reset-none);
  box-shadow: var(--overlay-box-shadow);
}

.p-tieredmenu .p-menuitem {
  margin: var(--reset);
}

.p-tieredmenu .p-menuitem:last-child {
  margin: var(--reset);
}

.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
  background: var(--primary-color);
}

.p-tieredmenu
  .p-menuitem.p-menuitem-active
  > .p-menuitem-link
  .p-menuitem-text {
  color: var(--white);
}

.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
  color: var(--white);
}

.p-tieredmenu .p-menu-separator {
  border-top: var(--border-1px) var(--text-color-secondary);
  margin: var(--quarter-rem) var(--reset);
}

.p-tieredmenu .p-submenu-icon {
  font-size: var(--font-size-body);
}

.p-tieredmenu .p-menuitem-badge {
  background: var(--primary-color);
  color: var(--white);
  font-size: var(--three-fourth-rem);
  min-width: var(--one-half-rem);
  height: var(--one-half-rem);
  line-height: var(--one-half-rem);
  border-radius: var(--border-radius);
  margin-left: var(--half-rem);
  padding-left: var(--half-rem);
  padding-right: var(--half-rem);
}

.bg-transparent .p-inline-message {
  background: var(--transparent) !important;
  padding: var(--reset) var(--reset) var(--half-rem) var(--reset) !important;
  justify-content: left !important;
}

.p-inline-message {
  padding: var(--half-rem) var(--half-rem);
  margin: var(--reset);
  border-radius: var(--border-radius);
}

.bg-transparent .p-inline-message.p-inline-message-info {
  color: var(--primary-color) !important;
}

.p-inline-message.p-inline-message-info {
  background: var(--slate-100);
  border-width: var(--reset-none);
  color: var(--slate-800);
}

.p-inline-message.p-inline-message-info .p-inline-message-icon {
  color: var(--primary-color);
}

.bg-transparent .p-inline-message.p-inline-message-success {
  color: var(--success) !important;
}

.p-inline-message.p-inline-message-success {
  background: var(--success-light);
  border-width: var(--reset-none);
  color: var(--success-dark);
}

.p-inline-message.p-inline-message-success .p-inline-message-icon {
  color: var(--success);
}

.bg-transparent .p-inline-message.p-inline-message-warn {
  color: var(--warning) !important;
}

.p-inline-message.p-inline-message-warn {
  background: var(--warning-light);
  border-width: var(--reset-none);
  color: var(--warning-dark);
}

.p-inline-message.p-inline-message-warn .p-inline-message-icon {
  color: var(--warning);
}

.bg-transparent .p-inline-message.p-inline-message-error {
  color: var(--danger) !important;
}

.p-inline-message.p-inline-message-error {
  background: var(--danger-light);
  border-width: var(--reset-none);
  color: var(--danger-dark);
}

.p-inline-message.p-inline-message-error .p-inline-message-icon {
  color: var(--danger);
}

.p-inline-message .p-inline-message-icon {
  font-size: var(--rem);
  margin-right: var(--half-rem);
}

.p-inline-message .p-inline-message-text {
  font-size: var(--font-size-body);
}

.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
  margin-right: var(--reset);
}

p-messages {
  width: var(--pct-100);
}

.p-message {
  margin: var(--reset) var(--reset) var(--rem) var(--reset);
  border-radius: var(--border-radius);
  box-shadow: var(--overlay-box-shadow);
}

.p-message .p-message-wrapper {
  padding: var(--rem) var(--one-half-rem);
}

.p-message .p-message-close {
  width: var(--two-rem);
  height: var(--two-rem);
  border-radius: var(--pct-50);
  background: var(--transparent);
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}

.p-message .p-message-close:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
}

.p-message.p-message-info {
  background: var(--slate-100);
  border: solid var(--primary-color);
  border-width: var(--reset) var(--reset) var(--reset) var(--toast-border-width);
  color: var(--slate-800);
}

.p-message.p-message-info .p-message-icon {
  color: var(--primary-color);
}

.p-message.p-message-info .p-message-close {
  color: var(--slate-800);
}

.p-message.p-message-info .p-message-close:hover,
.p-message.p-message-info .p-message-close:focus {
  background: var(--primary-color);
  color: var(--white);
}

.p-message.p-message-success {
  background: var(--success-light);
  border: solid var(--success);
  border-width: var(--reset) var(--reset) var(--reset) var(--toast-border-width);
  color: var(--success-dark);
}

.p-message.p-message-success .p-message-icon {
  color: var(--success);
}

.p-message.p-message-success .p-message-close {
  color: var(--success-dark);
}

.p-message.p-message-success .p-message-close:hover,
.p-message.p-message-success .p-message-close:focus {
  background: var(--success);
  color: var(--white);
}

.p-message.p-message-warn {
  background: var(--warning-light);
  border: solid var(--warning);
  border-width: var(--reset) var(--reset) var(--reset) var(--toast-border-width);
  color: var(--warning-dark);
}

.p-message.p-message-warn .p-message-icon {
  color: var(--warning);
}

.p-message.p-message-warn .p-message-close {
  color: var(--warning-dark);
}

.p-message.p-message-warn .p-message-close:hover,
.p-message.p-message-warn .p-message-close:focus {
  background: var(--warning);
  color: var(--white);
}

.p-message.p-message-error {
  background: var(--danger-light);
  border: solid var(--danger);
  border-width: var(--reset) var(--reset) var(--reset) var(--toast-border-width);
  color: var(--danger-dark);
}

.p-message.p-message-error .p-message-icon {
  color: var(--danger);
}

.p-message.p-message-error .p-message-close {
  color: var(--danger-dark);
}

.p-message.p-message-error .p-message-close:hover,
.p-message.p-message-error .p-message-close:focus {
  background: var(--danger);
  color: var(--white);
}

.p-message .p-message-text {
  font-size: var(--font-size-body);
}

.p-message .p-message-icon {
  font-size: var(--two-rem);
  margin-right: var(--half-rem);
}

.p-message .p-message-detail {
  margin-left: var(--half-rem);
}

.p-toast .p-toast-message {
  margin: var(--reset);
  box-shadow: var(--overlay-box-shadow);
  border-radius: var(--border-radius);
}

.p-toast .p-toast-message .p-toast-message-content {
  padding: var(--rem);
  border-width: var(--reset) var(--reset) var(--reset) var(--toast-border-width);
}

.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
  width: var(--pct-100) !important;
  margin: var(--reset) var(--reset) var(--reset) var(--rem);
}

.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
  font-size: var(--two-rem);
}

.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
  margin: var(--half-rem) var(--reset) var(--reset) var(--reset);
  font-size: var(--font-size-sm);
}

.p-toast .p-toast-message .p-toast-icon-close {
  width: var(--two-rem);
  height: var(--two-rem);
  border-radius: var(--pct-50);
  background: var(--transparent);
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}

.p-toast .p-toast-message .p-toast-icon-close:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
}

.p-toast .p-toast-message.p-toast-message-info {
  background: var(--slate-100);
  border: solid var(--primary-color);
  border-width: var(--reset) var(--reset) var(--reset) var(--toast-border-width);
  color: var(--slate-800);
}

.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon {
  color: var(--primary-color);
}

.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
  color: var(--slate-800);
}

.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover,
.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:focus {
  background: var(--primary-color);
  color: var(--white);
}

.p-toast .p-toast-message.p-toast-message-success {
  background: var(--success-light);
  border: solid var(--success);
  border-width: var(--reset) var(--reset) var(--reset) var(--toast-border-width);
  color: var(--success-dark);
}

.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon {
  color: var(--success);
}

.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
  color: var(--success-dark);
}

.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover,
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:focus {
  background: var(--success);
  color: var(--white);
}

.p-toast .p-toast-message.p-toast-message-warn {
  background: var(--warning-light);
  border: solid var(--warning);
  border-width: var(--reset) var(--reset) var(--reset) var(--toast-border-width);
  color: var(--warning-dark);
}

.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon {
  color: var(--warning);
}

.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
  color: var(--warning-dark);
}

.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover,
.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:focus {
  background: var(--warning);
  color: var(--white);
}

.p-toast .p-toast-message.p-toast-message-error {
  background: var(--danger-light);
  border: solid var(--danger);
  border-width: var(--reset) var(--reset) var(--reset) var(--toast-border-width);
  color: var(--danger-dark);
}

.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon {
  color: var(--danger);
}

.p-toast .p-toast-message.p-toast-message-error i {
  color: var(--danger);
}

.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
  color: var(--danger-dark);
}

.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover,
.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:focus {
  background: var(--danger);
  color: var(--white);
}

.p-galleria .p-galleria-close {
  margin: var(--half-rem);
  background: var(--transparent);
  color: var(--surface-100);
  width: var(--four-rem);
  height: var(--four-rem);
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
  border-radius: var(--pct-50);
}

.p-galleria .p-galleria-close .p-galleria-close-icon {
  font-size: var(--two-rem);
}

.p-galleria .p-galleria-close:hover {
  background: rgba(255, 255, 255, 0.1);
  color: var(--surface-100);
}

.p-galleria .p-galleria-item-nav {
  background: var(--transparent);
  color: var(--surface-100);
  width: var(--four-rem);
  height: var(--four-rem);
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
  border-radius: var(--border-radius);
  margin: 0 var(--half-rem);
}

.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
  font-size: var(--two-rem);
}

.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
  background: rgba(255, 255, 255, 0.1);
  color: var(--surface-100);
}

.p-galleria .p-galleria-caption {
  background: rgba(0, 0, 0, 0.5);
  color: var(--surface-100);
  padding: var(--rem);
}

.p-galleria .p-galleria-indicators {
  padding: var(--rem);
}

.p-galleria .p-galleria-indicators .p-galleria-indicator button {
  background-color: var(--slate-600);
  width: var(--rem);
  height: var(--rem);
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
  border-radius: var(--pct-50);
}

.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
  background: var(--text-color-secondary);
}

.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
  background: var(--slate-100);
  color: var(--text-color);
}

.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator,
.p-galleria.p-galleria-indicators-top .p-galleria-indicator {
  margin-right: var(--half-rem);
}

.p-galleria.p-galleria-indicators-left .p-galleria-indicator,
.p-galleria.p-galleria-indicators-right .p-galleria-indicator {
  margin-bottom: var(--half-rem);
}

.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
  background: rgba(0, 0, 0, 0.5);
}

.p-galleria.p-galleria-indicator-onitem
  .p-galleria-indicators
  .p-galleria-indicator
  button {
  background: rgba(255, 255, 255, 0.4);
}

.p-galleria.p-galleria-indicator-onitem
  .p-galleria-indicators
  .p-galleria-indicator
  button:hover {
  background: rgba(255, 255, 255, 0.6);
}

.p-galleria.p-galleria-indicator-onitem
  .p-galleria-indicators
  .p-galleria-indicator.p-highlight
  button {
  background: var(--slate-100);
  color: var(--text-color);
}

.p-galleria .p-galleria-thumbnail-container {
  background: rgba(0, 0, 0, 0.9);
  padding: var(--rem) var(--quarter-rem);
}

.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
  margin: var(--half-rem);
  background-color: var(--transparent);
  color: var(--surface-100);
  width: var(--two-rem);
  height: var(--two-rem);
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
  border-radius: var(--pct-50);
}

.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
  background: rgba(255, 255, 255, 0.1);
  color: var(--surface-100);
}

.p-galleria
  .p-galleria-thumbnail-container
  .p-galleria-thumbnail-item-content:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
}

.p-galleria-mask {
  background: rgba(0, 0, 0, 0.9);
}

.p-image-mask {
  background: rgba(0, 0, 0, 0.9);
}

.p-image-preview-indicator {
  background-color: var(--transparent);
  color: var(--surface-100);
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}

.p-image-preview-container:hover > .p-image-preview-indicator {
  background-color: rgba(0, 0, 0, 0.5);
}

.p-image-toolbar {
  padding: var(--rem);
}

.p-image-action.p-link {
  color: var(--surface-100);
  background-color: var(--transparent);
  width: var(--three-rem);
  height: var(--three-rem);
  border-radius: var(--pct-50);
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
  margin-right: var(--half-rem);
}

.p-image-action.p-link:last-child {
  margin-right: var(--reset);
}

.p-image-action.p-link:hover {
  color: var(--surface-100);
  background-color: rgba(255, 255, 255, 0.1);
}

.p-image-action.p-link i {
  font-size: var(--one-half-rem);
}

.p-avatar {
  background-color: var(--text-color-secondary);
  border-radius: var(--border-radius);
}

.p-avatar.p-avatar-lg {
  width: var(--three-rem);
  height: var(--three-rem);
  font-size: var(--one-half-rem);
}

.p-avatar.p-avatar-lg .p-avatar-icon {
  font-size: var(--one-half-rem);
}

.p-avatar.p-avatar-xl {
  width: var(--four-rem);
  height: var(--four-rem);
  font-size: var(--two-rem);
}

.p-avatar.p-avatar-xl .p-avatar-icon {
  font-size: var(--two-rem);
}

.p-avatar-group .p-avatar {
  border: var(--border-2px) var(--white);
}

.p-badge {
  background: var(--primary-color);
  color: var(--white);
  font-size: var(--three-fourth-rem);
  min-width: var(--one-half-rem);
  height: var(--one-half-rem);
  line-height: var(--one-half-rem);
}

.p-badge.p-badge-secondary {
  background-color: var(--slate-400);
  color: var(--white);
}

.p-badge.p-badge-success {
  background-color: var(--success);
  color: var(--white);
}

.p-badge.p-badge-info {
  background-color: var(--slate-500);
  color: var(--white);
}

.p-badge.p-badge-warning {
  background-color: var(--warning);
  color: var(--black);
}

.p-badge.p-badge-danger {
  background-color: var(--danger);
  color: var(--white);
}

.p-badge.p-badge-lg {
  font-size: 1.125rem;
  min-width: 2.25rem;
  height: 2.25rem;
  line-height: 2.25rem;
}

.p-badge.p-badge-xl {
  font-size: var(--one-half-rem);
  min-width: var(--three-rem);
  height: var(--three-rem);
  line-height: var(--three-rem);
}

.p-chip {
  background-color: var(--text-color-secondary);
  color: var(--text-color);
  border-radius: 16px;
  padding: 0 var(--half-rem);
}

.p-chip .p-chip-text {
  line-height: 1.5;
  margin-top: var(--quarter-rem);
  margin-bottom: var(--quarter-rem);
}

.p-chip .p-chip-icon {
  margin-right: var(--half-rem);
}

.p-chip .pi-chip-remove-icon {
  margin-left: var(--half-rem);
}

.p-chip img {
  width: var(--two-rem);
  height: var(--two-rem);
  margin-left: -var(--half-rem);
  margin-right: var(--half-rem);
}

.p-chip .pi-chip-remove-icon {
  border-radius: var(--border-radius);
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}

.p-chip .pi-chip-remove-icon:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
}

.p-inplace .p-inplace-display {
  padding: var(--half-rem) var(--half-rem);
  border-radius: var(--border-radius);
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
}

.p-inplace .p-inplace-display:not(.p-disabled):hover {
  background: var(--slate-600);
  color: var(--text-color);
}

.p-inplace .p-inplace-display:focus {
  outline: var(--reset-none);
  outline-offset: var(--reset);
  box-shadow: var(--focus-ring);
}

.p-progressbar {
  border: var(--reset-none);
  height: var(--one-half-rem);
  background: var(--text-color-secondary);
  border-radius: var(--border-radius);
}

.p-progressbar .p-progressbar-value {
  border: var(--reset-none);
  margin: var(--reset);
  background: var(--primary-color);
}

.p-progressbar .p-progressbar-label {
  color: var(--white);
  line-height: var(--one-half-rem);
}

.p-scrolltop {
  width: var(--three-rem);
  height: var(--three-rem);
  border-radius: var(--pct-50);
  box-shadow: var(--overlay-box-shadow);
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}

.p-scrolltop.p-link {
  background: rgba(0, 0, 0, 0.7);
}

.p-scrolltop.p-link:hover {
  background: rgba(0, 0, 0, 0.8);
}

.p-scrolltop .p-scrolltop-icon {
  font-size: var(--one-half-rem);
  color: var(--surface-100);
}

.p-skeleton {
  background-color: var(--surface-300);
  border-radius: var(--border-radius);
}

.p-skeleton:after {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 0.4),
    rgba(255, 255, 255, 0)
  );
}

.p-tag {
  background: var(--primary-color);
  color: var(--white);
  font-size: var(--three-fourth-rem);
  padding: var(--quarter-rem) var(--two-fifth-rem);
  border-radius: var(--border-radius);
}

.p-tag.p-tag-success {
  background-color: var(--success);
  color: var(--white);
}

.p-tag.p-tag-info {
  background-color: var(--slate-500);
  color: var(--white);
}

.p-tag.p-tag-warning {
  background-color: var(--warning);
  color: var(--black);
}

.p-tag.p-tag-danger {
  background-color: var(--danger);
  color: var(--white);
}

.p-tag .p-tag-icon {
  margin-right: var(--quarter-rem);
  font-size: var(--three-fourth-rem);
}

.p-terminal {
  background: var(--white);
  color: var(--text-color);
  border: var(--border-1px) var(--text-color-secondary);
  padding: var(--rem);
}

.p-terminal .p-terminal-input {
  font-size: var(--font-size-body);
  font-family: var(--component-font-family);
}

/* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
  background-color: var(--primary-color);
}

.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
  background-color: var(--primary-color);
}

.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
  box-shadow: inset 0 2px 0 0 var(--primary-color);
}

.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
  box-shadow: inset 0 -2px 0 0 var(--primary-color);
}