@import 'tailwindcss';

body{

	--p-checkbox-invalid-border-color: var(--color-rose-500);

	--p-accordion-transition-duration: .2s;
	--p-accordion-panel-border-width: 0 0 1px 0;
	--p-accordion-panel-border-color: transparent;
	--p-accordion-header-color: currentcolor;
	--p-accordion-header-hover-color: var(--color-sky-600);
	--p-accordion-header-active-color: currentcolor;
	--p-accordion-header-active-hover-color: currentcolor;
	--p-accordion-header-padding: 1.125rem;
	--p-accordion-header-font-weight: 600;
	--p-accordion-header-border-radius: 0;
	--p-accordion-header-border-width: 1px;
	--p-accordion-header-border-color: transparent;
	--p-accordion-header-background: transparent;
	--p-accordion-header-hover-background: transparent;
	--p-accordion-header-active-background: transparent;
	--p-accordion-header-active-hover-background: transparent;
	--p-accordion-header-focus-ring-width: var( --p-focus-ring-width );
	--p-accordion-header-focus-ring-style: var( --p-focus-ring-style );
	--p-accordion-header-focus-ring-color: currentcolor;
	--p-accordion-header-focus-ring-offset: var( --p-focus-ring-offset );
	--p-accordion-header-focus-ring-shadow: none;
	--p-accordion-header-toggle-icon-color: currentcolor;
	--p-accordion-header-toggle-icon-hover-color: var(--color-sky-600);
	--p-accordion-header-toggle-icon-active-color: currentcolor;
	--p-accordion-header-toggle-icon-active-hover-color: var(--color-sky-600);
	--p-accordion-header-first-top-border-radius: 0.5rem;
	--p-accordion-header-first-border-width: 0;
	--p-accordion-header-last-bottom-border-radius: 0;
	--p-accordion-header-last-active-bottom-border-radius: 0;
	--p-accordion-content-border-width: 0;
	--p-accordion-content-border-color: transparent;
	--p-accordion-content-background: transparent;
	--p-accordion-content-color: transparent;
	--p-accordion-content-padding: 0 1.125rem 1.125rem 1.125rem;
   /**/



	--p-badge-border-radius: .25rem;
	--p-badge-font-size: var( --text-xs );
	--p-badge-font-weight: 300;
	--p-badge-height:1.5rem;
	--p-badge-min-width: 1.5rem;
	--p-badge-padding: .25rem .5rem;
	--p-badge-warn-color: white;
	--p-badge-warn-background: var( --color-orange-600 );

	--p-button-badge-size: 1rem;
	--p-button-border-radius: .25rem ;
	--p-button-focus-ring-width: var( --p-focus-ring-width );
	--p-button-focus-ring-style: var( --p-focus-ring-style );
	--p-button-focus-ring-offset: var( --p-focus-ring-offset );
	--p-button-gap: 0.5rem;
	--p-button-icon-only-width: 2.25rem;
	--p-button-label-font-weight: 300;
	--p-button-lg-font-size: var( --p-form-field-lg-font-size);
	--p-button-lg-padding-x: .75rem;
	--p-button-lg-padding-y: var( --p-form-field-lg-padding-y);
	--p-button-padding-x: var( --p-form-field-padding-x);
	--p-button-padding-y: var( --p-form-field-padding-y);
	--p-button-raised-shadow: 0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12);
	--p-button-rounded-border-radius: 2rem;
	--p-button-sm-font-size: var( --p-form-field-sm-font-size);
	--p-button-sm-padding-x: var( --p-form-field-sm-padding-x);
	--p-button-sm-padding-y: var( --p-form-field-sm-padding-y);
	--p-button-text-danger-color: var( --color-orange-600 );
	--p-button-transition-duration: .2s;

	--p-button-primary-background: var( --color-lime-700 );
	--p-button-primary-hover-background: var( --color-lime-600 );
	--p-button-primary-active-background: var( --color-lime-800 );
	--p-button-primary-border-color: var(--color-lime-500);
	--p-button-primary-hover-border-color: var( --color-lime-400 );
	--p-button-primary-active-border-color: var(--color-lime-700 );
	--p-button-primary-color: var( --color-white );
	--p-button-primary-hover-color: var( --color-white  );
	--p-button-primary-active-color: var( --color-white);
	--p-button-primary-focus-ring-color: var(--color-lime-700);
	--p-button-primary-focus-ring-shadow: none;

	--p-button-secondary-background: var( --color-neutral-600 );
	--p-button-secondary-hover-background: var( --color-neutral-500 );
	--p-button-secondary-active-background: var( --color-neutral-700 );
	--p-button-secondary-border-color: var( --color-neutral-400 );
	--p-button-secondary-hover-border-color: var( --color-neutral-200 );
	--p-button-secondary-active-border-color: var( --color-neutral-300 );
	--p-button-secondary-color: var( --color-white );
	--p-button-secondary-hover-color: var( --color-white );
	--p-button-secondary-active-color: var( --color-white );
	--p-button-secondary-focus-ring-color: var( --color-neutral-600 );
	--p-button-secondary-focus-ring-shadow: none;

	--p-button-success-background: var( --color-sky-600 );
	--p-button-success-hover-background: var( --color-sky-500 );
	--p-button-success-active-background: var( --color-sky-700 );
	--p-button-success-border-color: var( --color-sky-400 );
	--p-button-success-hover-border-color: var( --color-sky-300 );
	--p-button-success-active-border-color: var( --color-sky-200 );
	--p-button-success-color: var( --color-white );
	--p-button-success-hover-color: var( --color-sky-50 );
	--p-button-success-active-color: var( --color-sky-100 );
	--p-button-success-focus-ring-color: var( --color-sky-600 );
	--p-button-success-focus-ring-shadow: none;

	--p-button-info-background: var( --color-emerald-600 );
	--p-button-info-hover-background: var( --color-emerald-500 );
	--p-button-info-active-background: var( --color-emerald-700 );
	--p-button-info-border-color: var( --color-emerald-400 );
	--p-button-info-hover-border-color: var( --color-emerald-300 );
	--p-button-info-active-border-color: var( --color-emerald-200 );
	--p-button-info-color: var( --color-white );
	--p-button-info-hover-color: var( --color-emerald-50 );
	--p-button-info-active-color: var( --color-emerald-100 );
	--p-button-info-focus-ring-color: var( --color-emerald-600 );
	--p-button-info-focus-ring-shadow: none;

	--p-button-warn-background: var( --color-orange-600 );
	--p-button-warn-hover-background: var( --color-orange-500 );
	--p-button-warn-active-background: var( --color-orange-700 );
	--p-button-warn-border-color: var( --color-orange-400 );
	--p-button-warn-hover-border-color: var( --color-orange-300 );
	--p-button-warn-active-border-color: var( --color-orange-200 );
	--p-button-warn-color: var( --color-white );
	--p-button-warn-hover-color: var( --color-orange-50 );
	--p-button-warn-active-color: var( --color-orange-100 );
	--p-button-warn-focus-ring-color: var( --color-orange-600 );
	--p-button-warn-focus-ring-shadow: none;

	--p-button-help-background: var( --color-fuchsia-600 );
	--p-button-help-hover-background: var( --color-fuchsia-500 );
	--p-button-help-active-background: var( --color-fuchsia-700 );
	--p-button-help-border-color: var( --color-fuchsia-400 );
	--p-button-help-hover-border-color: var( --color-fuchsia-300 );
	--p-button-help-active-border-color: var( --color-fuchsia-200 );
	--p-button-help-color: var( --color-white );
	--p-button-help-hover-color: var( --color-fuchsia-50 );
	--p-button-help-active-color: var( --color-fuchsia-100 );
	--p-button-help-focus-ring-color: var( --color-fuchsia-600 );
	--p-button-help-focus-ring-shadow: none;

	--p-button-contrast-background: var( --color-stone-600);
	--p-button-contrast-hover-background: var( --color-stone-500);
	--p-button-contrast-active-background: var( --color-stone-700 );
	--p-button-contrast-border-color: transparent;
	--p-button-contrast-hover-border-color: transparent;
	--p-button-contrast-active-border-color: transparent;
	--p-button-contrast-color: var( --color-white );
	--p-button-contrast-hover-color: var( --color-white );
	--p-button-contrast-active-color: var( --color-white );
	--p-button-contrast-focus-ring-color: var( --color-stone-600 );
	--p-button-contrast-focus-ring-shadow: none;

	--p-button-danger-background: var( --color-rose-800);
	--p-button-danger-hover-background: var( --color-rose-600);
	--p-button-danger-active-background: var( --color-rose-900 );
	--p-button-danger-border-color: transparent;
	--p-button-danger-hover-border-color: transparent;
	--p-button-danger-active-border-color: transparent;
	--p-button-danger-color: var( --color-white );
	--p-button-danger-hover-color: var( --color-white );
	--p-button-danger-active-color: var( --color-white );
	--p-button-danger-focus-ring-color: var( --color-rose-800 );
	--p-button-danger-focus-ring-shadow: none;

	--p-button-outlined-primary-hover-background: var(--p-primary-50);
	--p-button-outlined-primary-active-background: var(--p-primary-100);
	--p-button-outlined-primary-border-color: var(--p-primary-200);
	--p-button-outlined-primary-color: var(--color-lime-600);
	--p-button-outlined-secondary-hover-background: var( --color-neutral-300 );
	--p-button-outlined-secondary-active-background: var( --color-neutral-400 );
	--p-button-outlined-secondary-border-color: var( --color-neutral-500 );
	--p-button-outlined-secondary-color: var( --color-neutral-500 );

	--p-card-background: var( --color-white );
	--p-card-border-radius: .5rem;
	/* --p-card-color: */
	--p-card-body-padding: 1.5rem;
	--p-card-body-gap: rem;
	--p-card-caption-gap: 3rem;
	--p-card-title-font-size: 2rem;
	--p-card-title-font-weight: bold;
	--p-card-subtitle-color: red;

	--p-confirmdialog-content-gap:.5rem;
	--p-confirmpopup-background: var( --p-float-elements-background );
	--p-confirmpopup-border-color: var( --p-float-elements-border-color );

	--p-dialog-background: var( --color-stone-100 );
	--p-dialog-border-color: var( --p-float-elements-border-color );

	--p-confirmpopup-arrow-offset: 1.25rem;
	--p-confirmpopup-border-radius: var( --p-float-elements-border-radius );
	--p-confirmpopup-content-padding: var( --p-float-elements-content-padding );
	--p-confirmpopup-content-gap:.5rem;
	--p-confirmpopup-footer-gap: .5rem;
	--p-confirmpopup-footer-padding: var( --p-float-elements-content-padding );
	--p-confirmpopup-gutter: 10px;
	--p-confirmpopup-icon-size: 1rem;
	--p-confirmpopup-shadow: var( --p-float-elements-shadow );

	--p-dialog-border-radius: var( --p-float-elements-border-radius );
	--p-dialog-content-padding: 0 1rem 1rem;
	--p-dialog-footer-gap: .5rem;
	--p-dialog-footer-padding: var( --p-float-elements-content-padding );
	--p-dialog-header-gap: .5rem;
	--p-dialog-header-padding: var( --p-float-elements-content-padding ) var( --p-float-elements-content-padding )  0 var( --p-float-elements-content-padding );
	--p-dialog-shadow: var( --p-float-elements-shadow );
	--p-dialog-title-font-weight: 500;

	--p-datatable-body-cell-border-color: var( --p-datatable-cell-border-color );
	--p-datatable-body-cell-padding: .5em;
	--p-datatable-cell-border-color: var( --color-slate-200 );
	--p-datatable-transition-duration: .3s;
	--p-datatable-filter-overlay-select-background:  var( --color-stone-100);
	--p-datatable-filter-overlay-select-border-color: var( --p-float-elements-border-color );
	--p-datatable-filter-overlay-select-border-radius: .375rem;
	--p-datatable-filter-overlay-select-shadow: var( --p-float-elements-shadow );
	--p-datatable-filter-constraint-list-padding: .25rem .25rem;
	--p-datatable-filter-constraint-list-gap: 2px;
	--p-datatable-filter-inline-gap: .25rem;
	--p-datatable-filter-constraint-selected-background: var( --color-stone-500 );
	--p-datatable-filter-constraint-selected-color: var( --color-white);
	--p-datatable-filter-constraint-separator-border-color: var( --color-stone-500 );
	--p-datatable-filter-constraint-padding: .25rem;
	--p-datatable-filter-constraint-color: var( --color-stone-500 );
	--p-datatable-filter-constraint-border-radius: .25rem;
	--p-datatable-filter-constraint-focus-background: var( --color-stone-200 );
	--p-datatable-filter-constraint-focus-color: var( --color-stone-800 );
	--p-datatable-header-cell-background: var( --color-stone-300 );
	--p-datatable-header-cell-hover-background: var( --color-stone-400 );
	--p-datatable-header-cell-selected-background: var( --color-stone-500 );
	--p-datatable-header-cell-selected-color: var( --color-stone-200 );
	--p-datatable-header-cell-border-color: var( --p-datatable-cell-border-color );
	--p-datatable-header-cell-padding: .25em .75em;
	--p-datatable-paginator-bottom-border-color: var( --p-datatable-cell-border-color );
	--p-datatable-paginator-bottom-border-width: 0;
	--p-datatable-row-background: var( --color-neutral-100 );
	--p-datatable-row-hover-background: var( --color-stone-300 );
	--p-datatable-row-striped-background: var( --color-stone-200 );

	--p-datepicker-transition-duration: .2s;
	--p-datepicker-panel-background: var( --p-float-elements-background );
	--p-datepicker-panel-border-color: var( --p-float-elements-border-color );
	--p-datepicker-panel-color: currentcolor;
	--p-datepicker-panel-border-radius: var( --p-float-elements-border-radius );
	--p-datepicker-panel-shadow: var( --p-float-elements-shadow );
	--p-datepicker-panel-padding: .75rem;
	--p-datepicker-header-background: var( --p-float-elements-background );
	--p-datepicker-header-border-color: var( --p-float-elements-border-color );
	--p-datepicker-header-color: currentcolor;
	--p-datepicker-header-padding: 0 0 .5rem 0;
	--p-datepicker-title-gap: .5rem;
	--p-datepicker-title-font-weight: 500;
	--p-datepicker-dropdown-width: 2.5rem;
	--p-datepicker-dropdown-sm-width: 2rem;
	--p-datepicker-dropdown-lg-width: 3rem;
	--p-datepicker-dropdown-border-color: var( --p-float-elements-border-color );
	--p-datepicker-dropdown-hover-border-color: var( --p-float-elements-border-color );
	--p-datepicker-dropdown-active-border-color: var( --p-float-elements-border-color );
	--p-datepicker-dropdown-border-radius: var( --p-float-elements-border-radius );
	--p-datepicker-dropdown-focus-ring-width: 1px;
	--p-datepicker-dropdown-focus-ring-style: solid;
	--p-datepicker-dropdown-focus-ring-color: currentcolor;
	--p-datepicker-dropdown-focus-ring-offset: 2px;
	--p-datepicker-dropdown-focus-ring-shadow: none;
	--p-datepicker-dropdown-background: var( --p-float-elements-background );
	--p-datepicker-dropdown-hover-background: var( --p-float-elements-background );
	--p-datepicker-dropdown-active-background: var( --p-float-elements-background );
	--p-datepicker-dropdown-color: currentcolor;
	--p-datepicker-dropdown-hover-color: var( --p-float-elements-background );
	--p-datepicker-dropdown-active-color: var( --p-float-elements-background );
	--p-datepicker-input-icon-color: currentcolor;
	--p-datepicker-select-month-hover-background: var(--color-stone-200);
	--p-datepicker-select-month-color: currentcolor;
	--p-datepicker-select-month-hover-color: var( --color-rose-600 );
	--p-datepicker-select-month-padding: .25rem .5rem;
	--p-datepicker-select-month-border-radius: var( --p-float-elements-border-radius );
	--p-datepicker-select-year-hover-background: var(--color-stone-200);
	--p-datepicker-select-year-color: currentcolor;
	--p-datepicker-select-year-hover-color: var( --color-rose-600 );
	--p-datepicker-select-year-padding: .25rem .5rem;
	--p-datepicker-select-year-border-radius: var( --p-float-elements-border-radius );
	--p-datepicker-group-border-color: var( --p-float-elements-border-color );
	--p-datepicker-group-gap: .75rem;
	--p-datepicker-day-view-margin: 0;
	--p-datepicker-week-day-padding: .25rem;
	--p-datepicker-week-day-font-weight: 500;
	--p-datepicker-week-day-color: var(--color-stone-400);
	--p-datepicker-date-hover-background: var(--color-stone-300);
	--p-datepicker-date-selected-background: var(--color-stone-500);
	--p-datepicker-date-range-selected-background: var(--color-stone-500);
	--p-datepicker-date-color: currentcolor;
	--p-datepicker-date-hover-color: currentcolor;
	--p-datepicker-date-selected-color: var(--color-stone-200);
	--p-datepicker-date-range-selected-color: var(--color-stone-200);
	--p-datepicker-date-width: 2rem;
	--p-datepicker-date-height: 2rem;
	--p-datepicker-date-border-radius: 50%;
	--p-datepicker-date-padding: .25rem;
	--p-datepicker-date-focus-ring-width: 1px;
	--p-datepicker-date-focus-ring-style: solid;
	--p-datepicker-date-focus-ring-color: currentcolor;
	--p-datepicker-date-focus-ring-offset: 2px;
	--p-datepicker-date-focus-ring-shadow: none;
	--p-datepicker-month-view-margin: .5rem 0 0 0;
	--p-datepicker-month-padding: .375rem;
	--p-datepicker-month-border-radius: var( --p-float-elements-border-radius );
	--p-datepicker-year-view-margin: .5rem 0 0 0;
	--p-datepicker-year-padding: .375rem;
	--p-datepicker-year-border-radius: var( --p-float-elements-border-radius );
	--p-datepicker-buttonbar-padding: .5rem 0 0 0;
	--p-datepicker-buttonbar-border-color: red;
	--p-datepicker-time-picker-padding: .5rem 0 0 0;
	--p-datepicker-time-picker-border-color: var( --p-float-elements-border-color );
	--p-datepicker-time-picker-gap: .5rem;
	--p-datepicker-time-picker-button-gap: .25rem;
	--p-datepicker-today-background: var(--color-stone-200);
	--p-datepicker-today-color: var(--color-stone-900);

	--p-disabled-opacity: 70%;

	--p-fileupload-background: transparent;
	--p-fileupload-border-color: var( --p-float-elements-border-color );
	--p-fileupload-border-radius: var( --p-float-elements-border-radius );
	--p-fileupload-color: currentcolor;
	--p-fileupload-content-padding: 0 1rem 1rem;
	--p-fileupload-content-gap: .5rem;
	--p-fileupload-file-gap:.5rem;
	--p-fileupload-file-padding: .5rem;
	--p-fileupload-file-info-gap: .125rem;
	--p-fileupload-file-border-color: var( --p-float-elements-border-color );
	--p-fileupload-filelist-gap: .5rem;
	--p-fileupload-header-border-color: transparent;
	--p-fileupload-header-gap: .5rem;
	--p-fileupload-header-padding: 1rem 1rem .5rem;
	--p-fileupload-progressbar-height: 4px;
	--p-fileupload-transition-duration:.2s;

	--p-float-elements-background: var( --color-stone-50 );
	--p-float-elements-border-color: var( --color-stone-200 );
	--p-float-elements-border-radius: .25rem;
	--p-float-elements-content-padding: 1rem;
	--p-float-elements-shadow: var( --shadow-xl );

	--p-focus-ring-width: 2px;
	--p-form-field-lg-font-size: var( --text-base );
	--p-form-field-lg-padding-x: .875rem;
	--p-form-field-lg-padding-y: .625rem;
	--p-focus-ring-offset: 2px;
	--p-form-field-padding-x: .75rem;
	--p-form-field-padding-y: .5rem;
	--p-form-field-sm-font-size: var( --text-sm );
	--p-form-field-sm-padding-x: .625rem;
	--p-form-field-sm-padding-y: .375rem;
	--p-focus-ring-style: solid;


	--p-galleria-close-button-icon-size: 1.5rem;
    --p-galleria-close-button-size: 3rem;
    --p-galleria-close-button-gutter: 0.5rem;
    --p-galleria-close-button-background: rgba(255,255,255,0.1);
    --p-galleria-close-button-hover-background: rgba(255,255,255,0.2);
    --p-galleria-close-button-color: var(--color-white);
    --p-galleria-close-button-hover-color: var(--p-surface-0);
    --p-galleria-close-button-border-radius: 50%;
    --p-galleria-close-button-focus-ring-width: var(--p-focus-ring-width);
    --p-galleria-close-button-focus-ring-style: var(--p-focus-ring-style);
    --p-galleria-close-button-focus-ring-color: var(--p-focus-ring-color);
    --p-galleria-close-button-focus-ring-offset: var(--p-focus-ring-offset);
    --p-galleria-close-button-focus-ring-shadow: var(--p-focus-ring-shadow);
    --p-galleria-inset-indicator-button-background: rgba(255,255,255,0.4);
    --p-galleria-inset-indicator-button-hover-background: rgba(255,255,255,0.6);
    --p-galleria-inset-indicator-button-active-background: rgba(255,255,255,0.9);
    --p-galleria-inset-indicator-list-background: rgba(0,0,0,0.5);
    --p-galleria-indicator-button-width: 1rem;
    --p-galleria-indicator-button-height: 1rem;
    --p-galleria-indicator-button-active-background: var(--p-primary-color);
    --p-galleria-indicator-button-border-radius: 50%;
    --p-galleria-indicator-button-focus-ring-width: var(--p-focus-ring-width);
    --p-galleria-indicator-button-focus-ring-style: var(--p-focus-ring-style);
    --p-galleria-indicator-button-focus-ring-color: var(--p-focus-ring-color);
    --p-galleria-indicator-button-focus-ring-offset: var(--p-focus-ring-offset);
    --p-galleria-indicator-button-focus-ring-shadow: var(--p-focus-ring-shadow);
    --p-galleria-indicator-list-gap: 0.5rem;
    --p-galleria-indicator-list-padding: 1rem;
    --p-galleria-caption-background: rgba(0,0,0,0.5);
    --p-galleria-caption-color: var(--p-surface-100);
    --p-galleria-caption-padding: 1rem;
    --p-galleria-thumbnail-nav-button-icon-size: 1rem;
    --p-galleria-thumbnail-nav-button-size: 2rem;
    --p-galleria-thumbnail-nav-button-border-radius: var(--p-content-border-radius);
    --p-galleria-thumbnail-nav-button-gutter: 0.5rem;
    --p-galleria-thumbnail-nav-button-focus-ring-width: var(--p-focus-ring-width);
    --p-galleria-thumbnail-nav-button-focus-ring-style: var(--p-focus-ring-style);
    --p-galleria-thumbnail-nav-button-focus-ring-color: var(--p-focus-ring-color);
    --p-galleria-thumbnail-nav-button-focus-ring-offset: var(--p-focus-ring-offset);
    --p-galleria-thumbnail-nav-button-focus-ring-shadow: var(--p-focus-ring-shadow);
    --p-galleria-thumbnails-content-background: var(--p-content-background);
    --p-galleria-thumbnails-content-padding: 1rem 0.25rem;
    --p-galleria-nav-icon-size: 1.5rem;
    --p-galleria-nav-button-background: rgba(255,255,255,0.1);
    --p-galleria-nav-button-hover-background: rgba(255,255,255,0.2);
    --p-galleria-nav-button-color: var(--color-white);
    --p-galleria-nav-button-hover-color: var(--p-surface-0);
    --p-galleria-nav-button-size: 3rem;
    --p-galleria-nav-button-gutter: 0.5rem;
    --p-galleria-nav-button-focus-ring-width: var(--p-focus-ring-width);
    --p-galleria-nav-button-focus-ring-style: var(--p-focus-ring-style);
    --p-galleria-nav-button-focus-ring-color: var(--p-focus-ring-color);
    --p-galleria-nav-button-focus-ring-offset: var(--p-focus-ring-offset);
    --p-galleria-nav-button-focus-ring-shadow: var(--p-focus-ring-shadow);
    --p-galleria-nav-button-next-border-radius: 50%;
    --p-galleria-nav-button-prev-border-radius: 50%;
    --p-galleria-border-width: 1px;
    --p-galleria-border-color: var(--p-content-border-color);
    --p-galleria-border-radius: var(--p-content-border-radius);
    --p-galleria-transition-duration: .2s;
    --p-galleria-indicator-button-background: var(--p-surface-200);
    --p-galleria-indicator-button-hover-background: var(--p-surface-300);
    --p-galleria-thumbnail-nav-button-hover-background: var(--p-surface-100);
    --p-galleria-thumbnail-nav-button-color: var(--color-white);
    --p-galleria-thumbnail-nav-button-hover-color: var(--p-surface-700);

	--p-icon-size:20px;

	--p-image-action-focus-ring-shadow: none;
	--p-image-action-focus-ring-width: 2px;
	--p-image-action-focus-ring-style: solid;
	--p-image-action-focus-ring-offset: 2px;
	--p-image-action-focus-ring-color: currentcolor ;
	--p-image-action-hover-background: --alpha( var( --color-white ) / 20% );
	--p-image-action-hover-color: var( --color-rose-300 );
	--p-image-action-icon-size: 1.5rem;
	--p-image-action-border-radius: 50%;
	--p-image-action-size: 2.5rem ;
	--p-image-preview-icon-size: 1.5rem;
	--p-image-preview-mask-background: --alpha( var( --color-neutral-800 ) / 30% );
	--p-image-preview-mask-color: var( --color-white );
	--p-image-toolbar-background: --alpha( var( --color-white ) / 30% );
	--p-image-toolbar-blur: 8px;
	--p-image-toolbar-border-color: --alpha( var( --color-white ) / 40% );
	--p-image-toolbar-border-radius: 2rem;
	--p-image-toolbar-border-width: 1px;
	--p-image-toolbar-gap: .25rem;
	--p-image-toolbar-padding:.5rem;
	--p-image-toolbar-position-top: 1rem;
	--p-image-toolbar-position-right: 1rem;
	--p-image-toolbar-position-left: auto;
	--p-image-toolbar-position-bottom: auto;
	--p-image-transition-duration: .2s;

	--p-inputtext-background: --alpha( var(--color-stone-300 ) / 20% );
	--p-inputtext-border-color: --alpha( var(--color-stone-600 ) / 50% );
	--p-inputtext-border-radius: .375rem;
	--p-inputtext-color: var(--color-stone-600 );
	--p-inputtext-focus-border-color: var( --color-black );
	--p-inputtext-focus-ring-color: --alpha( var(--color-black ) / 45% );
	--p-inputtext-focus-ring-shadow: none;
	--p-inputtext-focus-ring-width: 2px;
	--p-inputtext-focus-ring-style: solid;
	--p-inputtext-focus-ring-offset: 1px;
	--p-inputtext-invalid-border-color: var(--color-rose-500);
	--p-inputtext-lg-font-size: 1.125rem ;
	--p-inputtext-lg-padding-y: 0.625rem;
	--p-inputtext-lg-padding-x: 0.875rem;
	--p-inputtext-padding-x: .75rem;
	--p-inputtext-padding-y:.5rem;
	--p-inputtext-sm-font-size: 0.875rem;
	--p-inputtext-sm-padding-y: 0.375rem;
	--p-inputtext-sm-padding-x: 0.625rem;
	--p-inputtext-shadow: none;
	--p-inputtext-transition-duration:.2s;

	--p-inputotp-gap: .5rem;
	--p-inputotp-input-lg-width: 3rem;
	--p-inputotp-input-sm-width: 2rem;
	--p-inputotp-input-width: 2.5rem;

	--p-mask-background: --alpha(var(--color-white ) / 5%);

	--p-message-secondary-color: var( --color-blue-100 );
	--p-message-secondary-background: --alpha(var( --color-blue-800 ) / 90% );
	--p-message-secondary-border-color: --alpha(var( --color-blue-400 ) / 50% );

	--p-message-success-color: var( --color-fuchsia-100 );
	--p-message-success-background: --alpha(var( --color-fuchsia-800 ) / 90% );
	--p-message-success-border-color: --alpha(var( --color-fuchsia-400 ) / 50% );

	--p-message-error-background: var( --color-rose-100 );
	--p-message-error-border-color: var( --color-rose-200 );
	--p-message-error-color: var( --color-rose-700 );
	--p-message-error-shadow: none;
	--p-message-border-radius: .25rem;
	--p-message-border-width: 1px;
	--p-message-content-padding: .125rem .5rem;
	--p-message-content-gap: .5rem;
	--p-message-text-font-size: var( --text-sm );
	--p-message-text-font-weight: 400;


	--p-multiselect-background: transparent;
	--p-multiselect-border-color:transparent;
	--p-multiselect-hover-border-color: transparent;
	--p-multiselect-transition-duration: .2s;
	--p-multiselect-border-radius: var( --p-float-elements-border-radius );
	--p-multiselect-shadow: var( --p-float-elements-shadow );
	--p-multiselect-padding-x:1rem;
	--p-multiselect-padding-y:.25rem;
	--p-multiselect-color: currentcolor;
	--p-multiselect-chip-border-radius:var( --p-float-elements-border-radius );
	--p-chip-color: currentcolor;
	--p-chip-gap: .5rem;
	--p-chip-padding-x:.5rem;
	--p-chip-padding-y:.25rem;
	--p-chip-background:--alpha( var(--color-stone-200 ) / 70% );
	--p-chip-remove-icon-color: var(--color-rose-500 );
	--p-chip-remove-icon-size: 1rem;
	--p-chip-remove-icon-focus-ring-shadow: none;
	--p-chip-remove-icon-focus-ring-width: 0;
	--p-chip-remove-icon-focus-ring-style: solid;
	--p-chip-remove-icon-focus-ring-color: transparent;
	--p-chip-remove-icon-focus-ring-offset: 0;
	--p-chip-transition-duration: .2s;
	--p-chip-border-radius:var( --p-float-elements-border-radius );
	--p-multiselect-dropdown-color: currentcolor;
	--p-multiselect-dropdown-width: 2.5rem;
	--p-multiselect-overlay-background: var( --p-float-elements-background );
	--p-multiselect-overlay-color: currentcolor;
	--p-multiselect-overlay-border-color:var(--p-float-elements-border-color);
	--p-multiselect-overlay-border-radius:var(--p-float-elements-border-radius);
	--p-multiselect-overlay-shadow: var(--p-float-elements-shadow );
	--p-multiselect-list-header-padding: 0.5rem 1rem 0.25rem 1rem;
	--p-multiselect-list-padding: 0.5rem .75rem;
	--p-multiselect-list-gap: .25rem;
	--p-multiselect-option-gap: .5rem;
	--p-multiselect-option-padding: .25rem;
	--p-multiselect-option-color: currentcolor;
	--p-multiselect-option-border-radius: var( --p-float-elements-border-radius);
	--p-multiselect-option-focus-background: var(--color-stone-200);

	--p-checkbox-border-radius: var( --p-float-elements-border-radius );
	--p-checkbox-width: 1.25rem;
	--p-checkbox-height: 1.25rem;
	--p-checkbox-border-color: --alpha( var(--color-stone-600 ) / 50% );
	--p-checkbox-transition-duration:.2s;
	--p-checkbox-shadow: none;
	--p-checkbox-background: --alpha( var(--color-stone-300 ) / 20% );
	--p-checkbox-checked-border-color: var( --color-stone-600 );
	--p-checkbox-checked-background: var( --color-stone-600 );
	--p-checkbox-checked-hover-border-color: var( --color-stone-500 );
	--p-checkbox-checked-hover-background: var( --color-stone-500 );
	--p-checkbox-disabled-background: alpha( var(--color-stone-500 ) / 20% );
	--p-checkbox-icon-checked-hover-color: var( --color-stone-200 );
	--p-checkbox-icon-checked-color: var( --color-stone-200 );
	--p-checkbox-icon-size: 1rem;
	--p-checkbox-icon-color: var( --color-stone-200 );

	--p-paginator-active-color: var( --color-rose-400 );
	--p-paginator-active-hover-color: var( --color-rose-600 );
	--p-paginator-background: var( --color-stone-300 );
	--p-paginator-hover-color: var( --color-sky-600 );
	--p-paginator-gap: .5rem;
	--p-paginator-nav-button-color: var( --color-slate-600 );
	--p-paginator-nav-button-hover-color: var( --p-paginator-hover-color );
	--p-paginator-nav-button-selected-color: var( --p-paginator-active-color );
	--p-paginator-padding: .5rem;

	--p-popover-arrow-offset: 1.25rem;
	--p-popover-background:  var( --p-float-elements-background );
	--p-popover-border-color: var( --p-float-elements-border-color );
	--p-popover-border-radius: var( --p-float-elements-border-radius );
	--p-popover-content-padding: var( --p-float-elements-content-padding );
	--p-popover-gutter: 10px;
	--p-popover-shadow: var( --p-float-elements-shadow );

	--p-progressbar-background: var( --p-float-elements-border-color );
	--p-progressbar-border-radius: 0;
	--p-progressbar-value-background: var( --color-sky-500 );

	--p-radiobutton-icon-size: 0.75rem;
    --p-radiobutton-icon-checked-color: var(--color-white);
    --p-radiobutton-icon-checked-hover-color: var(--color-white);
    --p-radiobutton-icon-disabled-color: var(--color-stone-400);
    --p-radiobutton-icon-lg-size: 1rem;
    --p-radiobutton-icon-sm-size: 0.5rem;
    --p-radiobutton-width: 1.25rem;
    --p-radiobutton-height: 1.25rem;
    --p-radiobutton-background: var(--color-white);
    --p-radiobutton-checked-background: var(--color-stone-500);
    --p-radiobutton-checked-hover-background: var(--color-stone-700);
    --p-radiobutton-disabled-background: var(--color-stone-200);
    --p-radiobutton-filled-background: var(--color-stone-600 );
    --p-radiobutton-border-color: var(--color-stone-400 );
    --p-radiobutton-hover-border-color: var(--color-stone-700);
    --p-radiobutton-focus-border-color: var(--color-stone-700);
    --p-radiobutton-checked-border-color: var(--color-stone-500);
    --p-radiobutton-checked-hover-border-color: var(--color-stone-700);
    --p-radiobutton-checked-focus-border-color: var(--color-stone-700);
    --p-radiobutton-checked-disabled-border-color: var(--color-stone-400);
    --p-radiobutton-invalid-border-color: var(--color-rose-500);
    --p-radiobutton-shadow: none;
    --p-radiobutton-transition-duration: .2s;
    --p-radiobutton-lg-width: 1.5rem;
    --p-radiobutton-lg-height: 1.5rem;
    --p-radiobutton-sm-width: 1rem;
    --p-radiobutton-sm-height: 1rem;
    --p-radiobutton-focus-ring-width: 2px;
    --p-radiobutton-focus-ring-style: solid;
    --p-radiobutton-focus-ring-color:  --alpha( var(--color-black ) / 45% );
    --p-radiobutton-focus-ring-offset: 1px;
    --p-radiobutton-focus-ring-shadow: none;

	--p-select-background: --alpha( var(--color-stone-300 ) / 20% ) ;
	--p-select-border-color: --alpha( var(--color-stone-600 ) / 50% );
	--p-select-border-radius: .375rem;
	--p-select-color: var(--color-stone-600 );
	--p-select-dropdown-color: currentcolor;
	--p-select-dropdown-width: 2.5rem;
	--p-select-focus-border-color: var( --color-black );
	--p-select-focus-ring-color: --alpha( var(--color-black ) / 45% );
	--p-select-focus-ring-shadow: none;
	--p-select-focus-ring-width: 2px;
	--p-select-focus-ring-style: solid;
	--p-select-focus-ring-offset: 1px;
	--p-select-invalid-border-color: var(--color-rose-500);
	--p-select-lg-font-size: 1.125rem ;
	--p-select-lg-padding-y: 0.625rem;
	--p-select-lg-padding-x: .875rem;
	--p-select-padding-x: .25rem;
	--p-select-padding-y:.5rem;
	--p-select-sm-font-size: 0.875rem;
	--p-select-sm-padding-y: 0.375rem;
	--p-select-sm-padding-x: 0.625rem;
	--p-select-shadow: none;
	--p-select-transition-duration:.2s;

	--p-select-list-gap: .25rem;
	--p-select-list-padding: var( --p-float-elements-content-padding );
	--p-select-option-focus-color: var(--color-amber-300 );
	--p-select-option-selected-color: var( --color-stone-800 );
	--p-select-option-selected-focus-color: var( --color-stone-800 );
	--p-select-overlay-background: var(--color-stone-400);
	--p-select-overlay-border-color: var( --p-float-elements-border-color );
	--p-select-overlay-border-radius: var( --p-float-elements-border-radius );
	--p-select-overlay-color: var(--color-stone-100);
	--p-select-overlay-shadow: var( --p-float-elements-shadow );
	--p-select-padding-x: .75rem;

	--p-tag-border-radius: .125rem;
	--p-tag-gap: .5rem;
	--p-tag-icon-size: .75rem;
	--p-tag-padding: .125rem 1rem;
	--p-tag-rounded-border-radius: 3rem;

	--p-tag-contrast-background: var( --color-neutral-900 );
	--p-tag-danger-background: var( --color-rose-600 );
	--p-tag-info-background: var( --color-sky-500 );
	--p-tag-primary-background: var( --color-neutral-500 );
	--p-tag-secondary-background: var( --color-yellow-500 );
	--p-tag-success-background: var( --color-lime-600 );
	--p-tag-warn-background: var( --color-orange-600 );

	--p-tag-contrast-color: var( --color-white );
	--p-tag-danger-color: var( --color-white );
	--p-tag-info-color: var( --color-white );
	--p-tag-primary-color: var( --color-white );
	--p-tag-secondary-color: var( --color-white );
	--p-tag-success-color: var( --color-white );
	--p-tag-warn-color: var( --color-white );

	--p-textarea-border-color: --alpha( var(--color-stone-600 ) / 50% );
	--p-textarea-border-radius: .375rem;
	--p-textarea-color: var(--color-stone-600 );
	--p-textarea-background: --alpha( var(--color-stone-300 ) / 20% );
	--p-textarea-focus-border-color: var( --color-black );
	--p-textarea-focus-ring-color: --alpha( var(--color-black ) / 45% );
	--p-textarea-focus-ring-shadow: none;
	--p-textarea-focus-ring-width: 2px;
	--p-textarea-focus-ring-style: solid;
	--p-textarea-focus-ring-offset: 1px;
	--p-textarea-invalid-border-color: var(--color-rose-500);
	--p-textarea-padding-x: 0.875rem;
	--p-textarea-padding-y: 0.625rem;
	--p-textarea-transition-duration: .2s;

	--p-toast-border-radius: var( --p-float-elements-border-radius );
	--p-toast-border-width: 2px;
	--p-toast-close-button-hover-background: rgba( 255, 255, 255, .4 );
	--p-toast-content-gap: .5rem;
	--p-toast-content-padding: .5rem;
	--p-toast-close-button-border-radius: 1rem;
	--p-toast-close-button-height: 1.5rem;
	--p-toast-close-button-width: 1.5rem;
	--p-toast-close-button-focus-ring-width: var( --p-focus-ring-width );
	--p-toast-close-button-focus-ring-style: var( --p-focus-ring-style );
	--p-toast-close-button-focus-ring-offset: var( --p-focus-ring-offset );
	--p-toast-detail-font-size: var( --text-sm );
	--p-toast-icon-size: 1.125rem;
	--p-toast-summary-font-weight: 500;
	--p-toast-summary-font-size:1rem;
	--p-toast-text-gap: .1rem;
	--p-toast-transition-duration: .2s;

	--p-toast-error-color: var( --color-rose-100 );
	--p-toast-error-shadow: var( --p-float-elements-shadow );
	--p-toast-error-close-button-hover-background: var( --p-toast-close-button-hover-background );
	--p-toast-error-background: --alpha(var( --color-rose-800 ) / 90% );
	--p-toast-error-border-color: --alpha(var( --color-rose-400 ) / 50% );

	--p-toast-info-color: var( --color-green-100 );
	--p-toast-info-shadow: var( --p-float-elements-shadow );
	--p-toast-info-close-button-hover-background: var( --p-toast-close-button-hover-background );
	--p-toast-info-background: --alpha(var( --color-lime-800 ) / 90% );
	--p-toast-info-border-color: --alpha(var( --color-lime-400 ) / 50% );

	--p-toast-secondary-color: var( --color-blue-100 );
	--p-toast-secondary-shadow: var( --p-float-elements-shadow );
	--p-toast-secondary-background: --alpha(var( --color-blue-800 ) / 90% );
	--p-toast-secondary-border-color: --alpha(var( --color-blue-400 ) / 50% );
	--p-toast-secondary-close-button-hover-background: var( --p-toast-close-button-hover-background );

	--p-toast-success-color: var( --color-fuchsia-100 );
	--p-toast-success-shadow: var( --p-float-elements-shadow );
	--p-toast-success-background: --alpha(var( --color-fuchsia-800 ) / 90% );
	--p-toast-success-border-color: --alpha(var( --color-fuchsia-400 ) / 50% );
	--p-toast-success-close-button-hover-background: var( --p-toast-close-button-hover-background );

	--p-toast-warn-color: var( --color-orange-100 );
	--p-toast-warn-shadow: var( --p-float-elements-shadow );
	--p-toast-warn-background: --alpha(var( --color-orange-700 ) / 90% );
	--p-toast-warn-border-color: --alpha(var( --color-orange-400 ) / 50% );
	--p-toast-warn-close-button-hover-background: var( --p-toast-close-button-hover-background );

	--p-toggleswitch-width: 2.5rem ;
	--p-toggleswitch-height: 1.5rem;
	--p-toggleswitch-border-radius: 1.5rem;
	--p-toggleswitch-gap: .25rem;
	--p-toggleswitch-transition-duration: .2s;
	--p-toggleswitch-border-width: 1px;
	--p-toggleswitch-handle-size: 1rem;
	--p-toggleswitch-handle-border-radius: 50%;
	--p-toggleswitch-slide-duration: .2s;

	--p-toggleswitch-border-color: transparent;
	--p-toggleswitch-hover-border-color: var(--color-stone-100 );
	--p-toggleswitch-checked-border-color: transparent;
	--p-toggleswitch-checked-hover-border-color: var( --color-stone-400 );

	--p-toggleswitch-background: var( --color-stone-400 );
	--p-toggleswitch-hover-background: var( --color-stone-400 );
	--p-toggleswitch-checked-background: var( --color-stone-800 );
	--p-toggleswitch-checked-hover-background: var( --color-stone-800 );
	--p-toggleswitch-handle-background: white;
	--p-toggleswitch-handle-color: var( --color-stone-800 );
	--p-toggleswitch-handle-checked-background: white;
	--p-toggleswitch-disabled-background: var( --color-slate-200 );
	--p-toggleswitch-handle-disabled-background: --var( --color-slate-400 );
	--p-toggleswitch-handle-hover-background: white;
	--p-toggleswitch-handle-checked-hover-background: white;
	--p-toggleswitch-handle-color: var( --color-stone-600 );
	--p-toggleswitch-handle-hover-color: var( --color-stone-600 );
	--p-toggleswitch-handle-checked-color: var( --color-stone-600 );
	--p-toggleswitch-handle-checked-hover-color: var( --color-stone-600 );

	--p-timeline-event-marker-size: 10px;
	--p-timeline-event-marker-border-radius: 5rem;
	--p-timeline-event-marker-border-width: 2px;
	--p-timeline-event-marker-background: transparent;
	--p-timeline-event-marker-border-color: black;
	--p-timeline-event-connector-color: black;
	--p-timeline-event-connector-size: 3px;
	--p-timeline-event-marker-content-background: white;
	--p-timeline-horizontal-event-content-padding: 0 1rem 0 0;

	--p-tooltip-background:	var( --color-rose-900);
	--p-tooltip-border-radius:.125rem;
	--p-tooltip-color: white;
	--p-tooltip-gutter: 10px;
	--p-tooltip-max-width: 20rem;
	--p-tooltip-padding: 2px 15px;
	--p-tooltip-shadow: var( --p-float-elements-shadow );



	--p-tabs-tab-active-background: transparent;
	--p-tabs-tab-active-border-color: var(--color-zinc-700 );
	--p-tabs-tab-active-color:var( --color-black );
	--p-tabs-tab-background: transparent;
	--p-tabs-tab-border-width: 0 0 2px 0;
	--p-tabs-tab-border-color: var( --color-zinc-200 );
	--p-tabs-tab-color: var( --color-zinc-500 );
	--p-tabs-tab-focus-ring-shadow:none;
	--p-tabs-tab-focus-ring-width: 2px;
	--p-tabs-tab-focus-ring-style: solid;
	--p-tabs-tab-focus-ring-color:white;
	--p-tabs-tab-focus-ring-offset:-2px;
	--p-tabs-tab-font-weight: 600;
	--p-tabs-tab-hover-background: transparent;
	--p-tabs-tab-hover-border-color: var(--color-rose-500 );
	--p-tabs-tab-hover-color: var( --color-zinc-700);
	--p-tabs-tab-margin: 0px 0 -2px 0;
	--p-tabs-tab-padding: .5rem 1rem;

	--p-tabs-tablist-background: transparent;
	--p-tabs-tablist-border-color: var( --color-zinc-200 );
	--p-tabs-tablist-border-width: 0 0 2px 0;

	--p-tabs-tabpanel-background: transparent;
	--p-tabs-tabpanel-color: currentcolor;
	--p-tabs-tabpanel-padding:0;

	--p-tabs-nav-button-background: var( --color-zinc-400 );
	--p-tabs-nav-button-color:white;
	--p-tabs-nav-button-focus-ring-color:white;
	--p-tabs-nav-button-focus-ring-offset: -2px;
	--p-tabs-nav-button-focus-ring-shadow: none;
	--p-tabs-nav-button-focus-ring-style: solid;
	--p-tabs-nav-button-focus-ring-width:2px;
	--p-tabs-nav-button-shadow: 0px 0px 10px 50px --alpha(var(--color-zinc-300 ) / 70%);
	--p-tabs-nav-button-width: 2.5rem;

	--p-tabs-transition-duration: .2s;

	.p-datatable-filter {
		--p-inputtext-background: --alpha(var( --color-black ) / 5% );
		--p-inputtext-border-color: --alpha( var( --color-black ) / 15%);
		--p-inputtext-border-radius: .25rem;
		--p-inputtext-color: var( --color-slate-700 );
		--p-inputtext-focus-border-color: --alpha(var( --color-black ) / 45% );
		--p-inputtext-focus-ring-color: --alpha(var( --color-black ) / 45% );
		--p-inputtext-focus-ring-offset: 1px;
		--p-inputtext-focus-ring-shadow: none;
		--p-inputtext-focus-ring-style: solid;
		--p-inputtext-focus-ring-width: 2px;
		--p-inputtext-hover-border-color: --alpha(var( --color-black ) / 45% );
		--p-inputtext-padding-y: .25rem;
		--p-inputtext-padding-x: .25rem;
		--p-inputtext-shadow: none;
		--p-inputtext-transition-duration:.2s;

		--p-select-background: --alpha(var( --color-black ) / 5% );
		--p-select-border-color: --alpha( var( --color-black ) / 15%);
		--p-select-border-radius: .25rem;
		--p-select-padding-y: .25rem;
		--p-select-padding-x: .25rem;
		--p-select-focus-border-color: --alpha(var( --color-black ) / 45% );
		--p-select-color: var( --color-slate-700 );
		--p-select-focus-border-color: --alpha(var( --color-black ) / 45% );
		--p-select-focus-ring-color:  --alpha(var( --color-black ) / 45% );
		--p-select-focus-ring-offset: 1px;
		--p-select-focus-ring-shadow: none;
		--p-select-focus-ring-style: solid;
		--p-select-focus-ring-width: 2px;
		--p-select-transition-duration:.2s;
		--p-select-option-focus-background: red;
		--p-select-dropdown-color: var( --color-slate-700 );
		--p-select-dropdown-width: 2rem;
		--p-select-option-selected-background: red;

		--p-select-placeholder-color: var(--color-stone-500 );
		& .p-inputtext::placeholder{
			color: var(--color-stone-500 );
		}

		& .p-filled,& .p-inputwrapper-filled{
			--p-inputtext-color: var(--color-orange-700 );
			--p-inputtext-border-color: var(--color-orange-700 );
			--p-select-border-color: var( --color-orange-700 );
			--p-select-color: var( --color-orange-700 );
		}
	}
}

.p-checkbox.p-disabled {
	opacity: .2 !important;
}

.p-card{
	@apply dark:border dark:border-gray-700
}

.p-card-header{
	@apply bg-slate-300 text-slate-700 dark:text-gray-300 dark:bg-gray-950 px-6 py-2 rounded-t-lg;
}

.p-card-body{
	@apply grow
}

.p-card-content{
	@apply grid grow
}

/* .p-select-dropdown{
	@apply mr-1
} */

.selected-row{
	& td{
		@apply bg-cyan-50! dark:bg-cyan-900! transition duration-500;
	}
}

.dark body{
	--p-mask-background: --alpha(var(--color-cyan-900 ) / 5%);
	--p-inputtext-invalid-border-color: var(--color-rose-400);
	--p-checkbox-invalid-border-color: var(--color-rose-400);

	--p-accordion-header-hover-color: var(--color-sky-300);
	--p-accordion-header-toggle-icon-hover-color: var(--color-sky-300);
	--p-accordion-header-toggle-icon-active-hover-color: var(--color-sky-300);

	--p-button-contrast-background: var( --color-cyan-600);
	--p-button-contrast-hover-background: var( --color-cyan-500 );
	--p-button-contrast-active-background: var( --color-cyan-700 );
	--p-button-contrast-focus-ring-color: var( --color-cyan-600 );
	--p-button-text-danger-color: var( --color-orange-400 );

	--p-card-background: var( --color-slate-800 );
	/* --p-card-color: */


	--p-confirmpopup-border-color: var( --p-float-elements-border-color );

	--p-datatable-cell-border-color: var( --color-gray-700 );
	--p-datatable-header-cell-background: var( --color-gray-700 );
	--p-datatable-header-cell-border-color: var( --color-gray-600 );
	--p-datatable-header-cell-hover-background: var( --color-gray-800 );
	--p-datatable-header-cell-selected-background: var( --color-gray-600 );
	--p-datatable-row-background: var( --color-gray-800 );
	--p-datatable-row-hover-background: var(--color-gray-700 );
	--p-datatable-row-striped-background: --alpha(var( --color-gray-700 ) / 20%);


	--p-datepicker-select-month-hover-background: var(--color-slate-800);
	--p-datepicker-select-month-hover-color: var( --color-rose-300 );
	--p-datepicker-select-year-hover-background: var(--color-slate-800);
	--p-datepicker-select-year-hover-color: var( --color-rose-300 );
	--p-datepicker-week-day-color: var(--color-slate-400);
	--p-datepicker-date-hover-background: var(--color-slate-800);
	--p-datepicker-date-selected-background: var(--color-slate-200);
	--p-datepicker-date-selected-color: var(--color-slate-800);
	--p-datepicker-date-range-selected-background: var(--color-slate-200);
	--p-datepicker-date-range-selected-color: var(--color-slate-800);
	--p-datepicker-today-background: var(--color-slate-600);
	--p-datepicker-today-color: currentcolor;

	--p-radiobutton-icon-checked-color: var(--color-slate-900 ) ;
    --p-radiobutton-icon-checked-hover-color: var(--color-slate-950);
    --p-radiobutton-icon-disabled-color: var(--color-slate-500);
    --p-radiobutton-background: --alpha( var(--color-stone-300 ) / 20% ) ;
    --p-radiobutton-checked-background: --alpha( var(--color-stone-300 ) / 20% ) ;
    --p-radiobutton-checked-hover-background: --alpha( var(--color-stone-300 ) / 20% ) ;
    --p-radiobutton-disabled-background: var(--color-slate-700);
    --p-radiobutton-filled-background: var(--color-stone-600 );
    --p-radiobutton-border-color: var(--color-slate-400 );
    --p-radiobutton-hover-border-color: var(--color-slate-300);
    --p-radiobutton-focus-border-color: var(--color-slate-300);
    --p-radiobutton-checked-border-color: --alpha( var(--color-stone-300 ) / 20% ) ;
    --p-radiobutton-checked-hover-border-color: var(--color-slate-500);
    --p-radiobutton-checked-focus-border-color: var(--color-slate-800);
    --p-radiobutton-checked-disabled-border-color: var(--color-slate-600);
    --p-radiobutton-invalid-border-color: var(--color-rose-400);
    --p-radiobutton-focus-ring-color:  --alpha( var(--color-black ) / 45% );


	--p-select-background: --alpha( var(--color-stone-300 ) / 20% ) ;
	--p-select-border-color: --alpha( var(--color-slate-100 ) / 50% );
	--p-select-color: var(--color-slate-200 );
	--p-select-dropdown-color:  var(--color-slate-200 );
	--p-select-focus-border-color:  var( --color-white );
	--p-select-focus-ring-color: --alpha( var(--color-white ) / 45% );
	--p-select-invalid-border-color: var(--color-rose-400);
	--p-select-list-padding: var( --p-float-elements-content-padding );
	--p-select-option-focus-color: var(--color-sky-300 );
	--p-select-option-selected-color: var( --color-rose-400 );
	--p-select-option-selected-focus-color: var( --color-rose-400 );
	--p-select-overlay-background: var(--color-slate-900 );
	--p-select-overlay-border-color: var( --p-float-elements-border-color );
	--p-select-overlay-border-radius: var( --p-float-elements-border-radius );
	--p-select-overlay-color: var(--color-stone-100);
	--p-select-overlay-shadow: var( --p-float-elements-shadow );

	--p-dialog-background: var( --color-gray-900 );
	--p-dialog-border-color: var( --p-float-elements-border-color );

	--p-float-elements-background: var( --color-slate-950 );
	--p-float-elements-border-color: var( --color-slate-600 );

	--p-inputtext-background: --alpha( var(--color-stone-300 ) / 20% );
	--p-inputtext-border-color: --alpha( var(--color-slate-100 ) / 50% );
	--p-inputtext-color: var(--color-slate-200 );
	--p-inputtext-focus-border-color: var( --color-white );
	--p-inputtext-focus-ring-color: --alpha( var(--color-white ) / 45% );


	--p-textarea-background: --alpha( var(--color-stone-300 ) / 20% );
	--p-textarea-border-color: --alpha( var(--color-slate-100 ) / 50% );
	--p-textarea-color: var(--color-slate-200 );
	--p-textarea-invalid-border-color: var(--color-rose-400);
	--p-textarea-focus-border-color: var( --color-white );
	--p-textarea-focus-ring-color: --alpha( var(--color-white ) / 45% );

	--p-message-error-background: var( --color-rose-700 );
	--p-message-error-border-color: var( --color-rose-400 );
	--p-message-error-color: var( --color-rose-100 );

	--p-paginator-active-color: var( --color-pink-300 );
	--p-paginator-active-hover-color: var( --color-pink-400 );
	--p-paginator-background: var( --color-gray-700 );
	--p-paginator-hover-color: var( --color-sky-400 );
	--p-paginator-nav-button-color: var( --color-slate-200 );
	--p-paginator-nav-button-hover-color: var( --p-paginator-hover-color );
	--p-paginator-nav-button-selected-color: var( --p-paginator-active-color );





	--p-tag-primary-background: var(--color-neutral-400 );
	--p-tag-contrast-background: var( --color-neutral-600 );


	--p-timeline-event-marker-border-color: var( --color-slate-100 );
	--p-timeline-event-connector-color: var( --color-slate-100 );

	--p-toggleswitch-border-color: transparent;
	--p-toggleswitch-hover-border-color: transparent;
	--p-toggleswitch-checked-border-color: var( --color-slate-700 );
	--p-toggleswitch-checked-hover-border-color: transparent;
	--p-toggleswitch-background: var( --color-slate-400 );
	--p-toggleswitch-hover-background: var( --color-slate-500 );
	--p-toggleswitch-checked-background: var( --color-slate-800 );
	--p-toggleswitch-checked-hover-background: var( --color-slate-500 );
	--p-toggleswitch-handle-background: white;
	--p-toggleswitch-handle-checked-background: white;
	--p-toggleswitch-invalid-border-color: var( --color-rose-600 );
	--p-toggleswitch-disabled-background: var( --color-slate-200 );
	--p-toggleswitch-handle-disabled-background: --var( --color-slate-400 );
	--p-toggleswitch-handle-hover-background: white;
	--p-toggleswitch-handle-checked-hover-background: white;
	--p-toggleswitch-handle-color: var( --color-slate-900 );
	--p-toggleswitch-handle-hover-color: var( --color-slate-900 );
	--p-toggleswitch-handle-checked-color: var( --color-slate-900 );
	--p-toggleswitch-handle-checked-hover-color: var( --color-slate-900 );


	--p-tabs-nav-button-background: var( --color-cyan-700 );
	--p-tabs-nav-button-color:white;
	--p-tabs-nav-button-focus-ring-color:white;
	--p-tabs-nav-button-focus-ring-style: solid;
	--p-tabs-nav-button-hover-color: var( --color-cyan-950 );
	--p-tabs-nav-button-shadow: 0px 0px 10px 50px --alpha(var(--color-cyan-900 ) / 70%);

	--p-tabs-tab-active-border-color: var(--color-amber-300 );
	--p-tabs-tab-active-color:var( --color-amber-300 );
	--p-tabs-tab-border-color: var( --color-cyan-700 );
	--p-tabs-tab-color: var( --color-cyan-100 );
	--p-tabs-tab-focus-ring-style: solid;
	--p-tabs-tab-focus-ring-color:white;

	--p-tabs-tab-hover-border-color: var(--color-rose-300 );
	--p-tabs-tab-hover-color: var( --color-cyan-300);
	--p-tabs-tablist-border-color: var( --color-cyan-700 );

	.p-datatable-filter{
		--p-inputtext-focus-border-color: --alpha(var( --color-white ) / 45% );
		--p-inputtext-hover-border-color: --alpha(var( --color-white ) / 45% );
		--p-inputtext-color: var( --color-slate-300 );
		--p-inputtext-focus-ring-color: --alpha( var( --color-white ) / 45% );

		--p-select-focus-border-color: --alpha(var( --color-white ) / 45% );
		--p-select-hover-border-color: --alpha(var( --color-white ) / 45% );
		--p-select-color: var( --color-slate-300 );
		--p-select-focus-ring-color: --alpha(var( --color-white ) / 45% );
		--p-select-option-selected-focus-color: var( --colo-red-400 );

		--p-select-placeholder-color: var(--color-slate-400 );
		& .p-inputtext::placeholder{
			color: var(--color-slate-400 );
		}

		& .p-filled,& .p-inputwrapper-filled{
			--p-inputtext-color: var(--color-amber-500 );
			--p-inputtext-border-color: var(--color-amber-500 );
			--p-select-border-color: var( --color-amber-500 );
			--p-select-color: var( --color-amber-500 );
		}
	}
}